開発ツールを整える
中級QRコードを整える。
= 文字やURLからQRコードを作る
QR コードが初めての方は、先に そもそも QR コードとは・どんな場面で使うか をどうぞ。
読み取った端末で発信画面が開きます(tel: スキーム)。
誤り訂正レベル(汚れ・かすれへの強さ)
バランス型。迷ったらこれ
仕様では4マス以上が推奨。小さすぎると読み取りにくくなります。
- 切り出しシンボル:四隅の大きな四角(3か所)。向きと位置を教える目印
- タイミングパターン:白黒が交互に並ぶ線。マス目の間隔をそろえる目印
- 余白(クワイエットゾーン):周囲の白い枠。輪郭を見つけるために必要
この色つきの重ね図は画面の説明用です。保存するPNG・SVGには入りません。
PNGはセルサイズそのままのドット画像、SVGは拡大しても劣化しないベクター形式です。印刷物には SVG が向きます。
そもそも QR コードとは
四角い白黒の模様に、文字や URL をしまっておく仕組み。
QR コードの QR は Quick Response(すばやい応答)の略で、株式会社デンソーウェーブの登録商標です。1994年に、自動車工場で部品を素早く正確に読み取るために開発されました。バーコードが横方向(1次元)にしか情報を持てないのに対し、縦と横の両方(2次元)に情報を持てるため、たくさんの文字を小さな面積に収められます。
身近なたとえでいえば、「文字を白黒のマス目に書き写した、読み取り専用の貼り紙」です。スマホのカメラをかざすと、中に書かれた URL や文字がそのまま読み出されます。国際規格(ISO/IEC 18004)にもなっており、メーカーや機種を問わず読み取れるのが強みです。
どこで・どんな場面で使うか
-
飲食店のテーブルにあるメニュー
席に貼られた QR をスマホで読むと、メニューや注文ページが開きます。紙のメニューを刷り直さなくても、ページの中身だけ差し替えられます。
-
展示会・セミナーの受付
申し込み後に届いた QR を受付で見せるだけで、名簿と照らして入場を確認できます。名前を探す手間がなくなります。
-
商品パッケージや取扱説明書
紙面に載せきれない使い方の動画や、最新の説明書ページへ案内できます。
-
店頭のスマホ決済
お店に置かれた QR を読み取って、金額を入れて支払う方式が広まっています。
-
社内の備品・資産ラベル
パソコンや機材に QR のシールを貼り、読み取って管理番号や貸出状況のページを開く使い方です。
知らないと何が困るか
- 見た目では、安全かどうか分からない。マス目は人間には読めないので、貼り紙の QR が本物か、上から偽物のシールを貼られていないかは、読み取るまで分かりません。読み取り後に表示される URL を必ず確かめる習慣が大切です。
- 小さすぎ・余白なしだと読めない。せっかく刷っても、スマホで読めなければ意味がありません。大きさと周りの余白は、作る側の責任です。
- 刷ったあとで中身は変えられない。QR に入れた URL が変わると、紙は刷り直しです。長く使うものは、URL が変わらない場所を選ぶ必要があります。
上のツールにお手持ちの URL を入れて、どんな模様になるか、大きさや誤り訂正を変えると見た目がどう変わるか、確かめてみてください。
QRコードのポイント・4つ
QRは「文字を絵にした」もの。中身は誰でも読めます。
- 1
QRコードは「暗号」ではありません
QRは文字データを白黒のマス目に並べ替えただけの絵です。読み取れば誰でも中身が分かります。パスワードや秘密情報をQRに入れても隠せません。Wi-Fiパスワードを載せたQRは「鍵をそのまま貼り出す」のと同じなので、貼る場所に注意してください。
- 2
誤り訂正で「汚れても読める」
QRには誤り訂正(Reed-Solomon)が組み込まれ、一部が汚れ・かすれ・破れで読めなくても復元できます。L(約7%)〜H(約30%)の4段階。Hにするほど壊れに強い反面、同じ内容でもマス目が増えて密になります。屋外掲示やロゴ重ねには Q・H、画面表示なら M で十分です。
- 3
余白(クワイエットゾーン)は省かない
QRの周囲には白い余白が4マス以上必要、と規格で決まっています。ここを詰めると、カメラがコードの輪郭を見つけられず読めなくなります。背景に溶け込ませず、必ず余白を確保しましょう。このツールの既定は4マスです。
- 4
長い内容ほどマス目が増える(型番が上がる)
入れる文字が多いほど型番(バージョン)が上がり、マス目が細かくなります(21×21〜最大177×177)。細かいQRを小さく印刷するとカメラが読み取れません。URLは短く、長文は避けるのが読み取り成功のコツ。日本語はUTF-8でそのまま入りますが、英数字よりやや多くのマスを使います。
🔒 QRコードの生成計算(型番選択・Reed-Solomon誤り訂正・マスク選択・描画)はすべてあなたのブラウザの中で完結します。外部のQR生成サービスやライブラリ・CDNは一切使わず、入力した内容はサーバに送られません(送信ゼロ)。
場面 01
名刺・チラシにURL
サイトやSNSのURLをQRにして、紙からスマホへスムーズに誘導。
場面 02
来客用Wi-Fi
SSIDとパスワードのQRを貼れば、ゲストは読み取るだけで接続できます。
場面 03
問い合わせ導線
メール宛先や電話番号をQRに。読み取ってそのまま連絡できます。
受け取ったQRコードの中身を、開く前に確かめたいときはQRコードの中身を整えるへ。
このツールについて
入力した文字・URL・Wi-Fi情報などから、その場でQRコードを作る道具です。誤り訂正の強さ・大きさ・余白を選んで、PNG か SVG で保存できます。QRの生成計算はすべてこの端末の中で行い、入力した内容はどこにも送りません(送信ゼロ)。
入力した文字やURLからQRコードをその場で作り、PNG/SVGで保存。すべて端末内で生成(送信ゼロ)。
主な機能
- テキスト/URLから即時QR生成
- 誤り訂正L/M/Q/H・セルpx・余白を調整
- PNG/SVGダウンロード
- メール・電話・Wi-Fiの定型入力補助
- 自前QRエンコーダで外部依存ゼロ・送信ゼロ
- 切り出しシンボルなどQRの部位を色で重ね表示(保存画像には入りません)
よくある質問
Q. 入力した内容はどこかに送られますか?
A. いいえ。QRの生成計算はすべてブラウザ内で完結し、外部サービス・ライブラリ・CDNを一切使いません(送信ゼロ)。
Q. QRコードに秘密の情報を入れても安全ですか?
A. いいえ。QRは文字を白黒のマス目に並べただけの絵で、読み取れば誰でも中身が分かります。暗号化ではないため、パスワード等の秘匿には使えません。
Q. 誤り訂正レベル(L/M/Q/H)はどれを選べばいい?
A. 画面表示や名刺ならMで十分です。屋外掲示やロゴ重ね・汚れが想定されるならQかHを。Hにするほど壊れに強い反面マス目が密になります。
Q. 余白(クワイエットゾーン)は減らせますか?
A. 減らせますが推奨しません。規格では周囲に4マス以上の白余白が必要で、詰めるとカメラが認識できず読めなくなります。
Q. PNGとSVG、どちらで保存すべき?
A. 画面・小さな用途はPNG、印刷や拡大して使うならSVG。SVGはベクター形式なので拡大しても劣化しません。
Q. 日本語や絵文字も入れられますか?
A. はい。UTF-8のバイトモードで処理するため日本語・絵文字もそのまま入ります。ただし英数字よりマス目を多く使うので、長文は読みにくくなります。
Q. Wi-FiのQRはどう使うの?
A. SSID・暗号化方式・パスワードを入れるとWi-Fi接続用のQRになります。多くのスマホのカメラで読み取るだけで接続できます(パスワードを公開貼りする場所には注意)。
入力値はURLの「#」以降に入るためサーバーには送信されません。リンクを開くと同じ状態を復元します。