Web開発

QR Code Generator / Reader

テキストまたはURLからQRコードを生成する、あるいはアップロードした画像から内容を読み取ります。

ここにQRコードが表示されます。

A QR code is a two-dimensional barcode that encodes text, a URL, or other data so a camera can read it instantly. This tool generates a QR code from text you type and, the other way around, reads the content out of an uploaded image — all in the browser.

How to use it

Common uses

Things to keep in mind

A higher error-correction level (H instead of L) makes the code more resistant to damage but also denser — it holds less data at the same physical size.

A QR code doesn't hide its content — anyone can read it the same way you did, so never encode passwords or private data in one.

このツールに関する記事: QRコード:ピクセルの正方形にリンクがどう収まるのか

よくある質問

誤り訂正レベル(L/M/Q/H)は何を変えますか?

約30%のHまでのより高いレベルは、一部が損傷または隠されていてもQRコードを読み取り可能に保ちますが、特定のサイズに収まるデータ量も減らします — 約7%のLは最も多くのデータを収容できますが、耐えられる損傷は最も少なくなります。

なぜ私のQRコード画像を読み取れないのですか?

読み取りにはjsqrライブラリを使用してローカルで画像をデコードします。ぼやけた、斜めの、または反射の強い写真では失敗することがあるため、良好なコントラストの鮮明で正面からの写真が最適です。

私のデータや画像はどこかにアップロードされますか?

いいえ、QRコードの生成と読み取りはどちらも、JavaScriptライブラリを使ってブラウザ内で完全に行われます — デバイスから何も出ていきません。

なぜQRコードに収まるデータ量はコンテンツの種類によって変わるのですか?

QRコードは数字、英数字、バイトという複数の符号化モードをサポートしており、それぞれ1文字あたりのビット数が異なります。数字モード(数字のみ)が最もコンパクトで、非ラテン文字のような任意のテキスト向けのバイトモードは最も多くのスペースを必要とするため、同じサイズのコードに収まる文字数が少なくなります。

QRコードに収まる最大の文字数はいくつですか?

コードのバージョンと誤り訂正レベルによって異なります——最大のバージョン(40)で最も低い訂正レベルLの場合、最大7089桁の数字または4296文字の英数字を収容できますが、実際には信頼できるスキャンのために数百文字を超えて使われることはまれです。

記事: Web開発

HEX、RGB、HSL:色の書き方がこれほど多く存在する理由

デザイナーが手動で色合いを選ぶとき、HEXではなくHSLを選ぶことが多い理由。

CSS圧縮:ファイルから実際に何が取り除かれるのか、その理由

圧縮されたCSSが人間には読めなくなっても、ブラウザではまったく同じように動作する理由。

JavaScript圧縮:圧縮と難読化の違い

圧縮されたコードは望めば読めるのに対し、難読化されたコードはそうはいかない理由。

HTML圧縮:マークアップの空白がそもそもなぜ重要なのか

<pre>やtextareaの内部で空白を取り除くと、ほぼどこよりもページの見た目を壊してしまう理由。

CSSグラデーション:linearがradialやconicとどう違うか

conic-gradientが円グラフに向いていて、radial-gradientが光の斑点効果を生み出す理由。

Luhnアルゴリズム:カード番号の正しさをどう検証するか

Luhnチェックに合格したカード番号が、そのカードが実際に存在することを意味しない理由。

IBAN:国際銀行口座番号の構造

IBANの最初の2文字が口座番号そのものの一部ではなく国コードである理由。

バーコード:Code 128がEAN-13とどう違うか

店頭に並ぶ商品がほぼ常にCode 128ではなくEAN-13を使う理由。

プレースホルダー画像:開発中に偽の画像が重要な理由

レイアウトがまだ構築中の間、開発者が本物の写真の代わりに意図的にグレーの四角形を入れる理由。