本文へスキップ
totonoe.tech

開発ツールを整える

中級

QRコードを整える。

= 文字やURLからQRコードを作る

QR コードが初めての方は、先に そもそも QR コードとは・どんな場面で使うか をどうぞ。

入力 入力するそばから生成(送信ゼロ)
例:

誤り訂正レベル(汚れ・かすれへの強さ)

バランス型。迷ったらこれ

8 px
4 マス

仕様では4マス以上が推奨。小さすぎると読み取りにくくなります。

プレビュー —

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. 1

    QRコードは「暗号」ではありません

    QRは文字データを白黒のマス目に並べ替えただけの絵です。読み取れば誰でも中身が分かります。パスワードや秘密情報をQRに入れても隠せません。Wi-Fiパスワードを載せたQRは「鍵をそのまま貼り出す」のと同じなので、貼る場所に注意してください。

  2. 2

    誤り訂正で「汚れても読める」

    QRには誤り訂正(Reed-Solomon)が組み込まれ、一部が汚れ・かすれ・破れで読めなくても復元できます。L(約7%)〜H(約30%)の4段階。Hにするほど壊れに強い反面、同じ内容でもマス目が増えて密になります。屋外掲示やロゴ重ねには Q・H、画面表示なら M で十分です。

  3. 3

    余白(クワイエットゾーン)は省かない

    QRの周囲には白い余白が4マス以上必要、と規格で決まっています。ここを詰めると、カメラがコードの輪郭を見つけられず読めなくなります。背景に溶け込ませず、必ず余白を確保しましょう。このツールの既定は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の「#」以降に入るためサーバーには送信されません。リンクを開くと同じ状態を復元します。

続けて整える

このツールの解説記事

運営サイト

私たちが運営するサイト