QRコード生成 — URL / WiFi / vCard / Email / SMS / 位置

QRコードとは？

// Build a WiFi payload and generate an SVG QR
import QRCode from 'qrcode';

// 1. WIFI: protocol (de facto, recognized by iOS+Android)
const payload = 'WIFI:T:WPA;S:My\\;Network;P:p@ss\\;word;H:false;;';

// 2. Generate SVG (vector, scales without pixelation)
const svg = await QRCode.toString(payload, {
  type: 'svg',
  errorCorrectionLevel: 'M',
  margin: 4,
  color: { dark: '#000000', light: '#ffffff' },
});

// 3. Drop into the DOM (DOMParser-safe, not innerHTML)
const doc = new DOMParser().parseFromString(svg, 'image/svg+xml');
preview.replaceChildren(doc.documentElement);

主な機能

例

https://go-tools.org

SSID: Cafe WiFi / WPA2 / pass: visitor2026

Ada Lovelace / Acme Corp / +1 555 0100 / ada@acme.test

lat: 40.7829, lng: -73.9654（セントラルパーク）

使い方

1. 1

   データ種別を選ぶ

   エンコードしたい内容に合うタブを選択します：ウェブサイトはURL、ネットワーク共有はWiFi、連絡先はvCard、定型メールやSMSはEmail / SMS、地図ピンはLocation、任意の文字列はPlain Text。

2. 2

   フィールドに入力する

   各タブにはその種別に必要なフィールドだけが表示されます。WiFiはSSID・パスワード・セキュリティ種別、vCardは姓名・電話・メール・組織・ウェブサイトを受け付けます。プレビューはタイプするたびに更新されます。

3. 3

   カスタマイズ（任意）

   Customizeパネルで誤り訂正レベル（画面用ならM、印刷ならH）、出力サイズ（200〜1024 px）、前景色・背景色を調整します。スキャン信頼性に懸念があるほどコントラストが低い場合は警告が出ます。

4. 4

   SVGまたはPNGをダウンロード

   Download SVGをクリックするとベクタ出力（拡大縮小自由、印刷向き）、ドロップダウンからPNGサイズ（256 / 512 / 1024 px）を選べばラスタ出力が得られます。Copy SVGはFigmaなどのデザインツールへ直接貼り付け可能です。

QRコードのよくある間違い

QR encodes: https://bit.ly/abc → 404 after subscription lapses

QR encodes: https://your-domain.com/menu directly

FG #cccccc on BG #ffffff (ratio 1.6:1)

FG #003366 on BG #ffffff (ratio 12.6:1)

WIFI:T:WPA;S:Cafe;P:p@ss;word;; (parser breaks at the unescaped ;)

WIFI:T:WPA;S:Cafe;P:p@ss\;word;;

Print poster, ECC=L, partially folded → unreadable

Print poster, ECC=H → readable even with 30% damage

40% logo over center → fails on Samsung phones

15% logo, ECC=H → reliable across phones

?utm_source=...&utm_medium=...&utm_campaign=... (350 chars at M → reject)

Use /go/spring (35 chars) with server-side redirect to the long URL

よくある用途

レストランのメニュー

テーブルにURL QRを印刷 — 顧客はスマホでメニューを閲覧します。静的QRなので、ホスティングを変えてもメニューのドメインを変えても機能し続けます。

ゲスト用WiFi

玄関、カフェ、会議室にWiFi QRを貼っておけば、ゲストはスキャンするだけでパスワードを入力せず接続できます — そして読み上げる必要もなくなります。

イベント受付

登録ページを指すURL QRをチケットや案内板に印刷します。フォトグラファーが撮るすべての写真や、ネームタグ・ストラップに登場するQRが、トラッキング可能なチェックインの起点になります。

名刺

紙の名刺にvCard QRを追加 — スキャン即連絡先保存。受け取った相手に手入力させた場合と比べ、保存率は約4倍です。

店舗・会場の位置ピン

geo: QRは既定の地図アプリにピンを落とした状態で開きます。不動産広告、レストランのチラシ、会場の案内板、結婚式の招待状で活躍します。

マーケティングポスター

UTMパラメータ付きURL QRで印刷キャンペーンの計測が可能に。静的QRなら分析サービスが終了したり、アカウントが期限切れになったりしても残り続けます。

製品パッケージ

外箱に保証・取扱説明書・登録ページのURLをエンコード。輸送による傷、こすれ、折り曲げに耐えるよう誤り訂正Hを使用してください。

博物館・展示ラベル

音声ガイドのURL、より深い解説、多言語版 — 来館者は分厚い紙の冊子を持たずに、自身のスマホからリッチなコンテンツを得られます。

技術詳細

ISO/IEC 18004:2015 準拠

出力は国際QR Code規格に準拠します。Version 1 から Version 40（21×21〜177×177モジュール）はコンテンツサイズと選択した誤り訂正レベルに基づいて自動選択されます。

Reed-Solomon 誤り訂正

QRコードはReed-Solomon符号を使用し、損傷や遮蔽から復元します。L / M / Q / H レベルはそれぞれ損傷データの約7% / 15% / 25% / 30%を復元。レベルが高いほど同じコンテンツでもQRは大きくなります。

標準URIスキーム

WIFI:プロトコル（iOS/Androidでの事実上の標準）、mailto:（RFC 6068）、sms:（RFC 5724）、geo:（RFC 5870）。連絡先はvCard 3.0（RFC 2426） — vCard 4.0（RFC 6350）よりスキャナ互換性が広い形式。iOSとAndroidの内蔵カメラはすべて自動認識します。

自動エンコーディングモード

qrcodeライブラリは入力ごとに最も効率的なエンコーディング（numeric / alphanumeric / byte / kanji）を選択します。非ASCIIテキスト（絵文字やCJK文字を含む）はUTF-8 byteモードで処理されます。

ベストプラクティス

クワイエットゾーンを切り取らない

QRコードの周囲には4モジュール幅の背景色マージンが必要です。本ツールはデフォルトで含めています — レイアウト中で空白に見えても切り取らないでください。

印刷物にはECCレベルHを使用

印刷は容赦ありません — 退色、傷、折り線はすべてコードを損傷します。誤り訂正レベルH（約30%復元）が救いになります。劣化しない画面ならMで十分です。

コントラスト比は4.5:1以上を維持

QRスキャナは暗いモジュールと明るいモジュールの間のコントラストを測定します。明るい背景の上に暗い前景を維持してください。反転させる（暗い背景の上に明るい前景）と一部のスマホでは動作しても、他では失敗します。

iOSとAndroid両方でテスト

iOS CameraはiOS 11以降、デフォルトでQRコードを読み取ります。Androidはメーカーごとに異なります — Samsung・Pixel・Xiaomiでも挙動は微妙に違います。10,000枚のチラシを印刷する前に両方でテストしてください。

HTTPSと短いURLを使う

URLが長いほどQRは密になります（モジュールが小さくなる → スキャンしにくくなる）。トラッキングURLが200文字を超える場合は、自前で管理する静的URL短縮を通してください — Bitlyのような期限切れになるサービスは避けます。

よくある質問