QRコードジェネレーター
URL、テキスト、WiFi、連絡先など用のカスタムQRコードを作成。色をカスタマイズして高解像度でダウンロード。
// npm install qrcodeimport QRCode from 'qrcode';// Generate as data URLconst dataUrl = await QRCode.toDataURL('https://example.com');// Generate as SVG stringconst svg = await QRCode.toString('https://example.com', { type: 'svg' });// Generate to canvasawait QRCode.toCanvas(document.getElementById('canvas'), 'text');
関連ツール
QRコードとは?
QRコード(Quick Response Code)は、従来のバーコードよりもはるかに多くの情報を保存できる二次元バーコードです。1994年に日本の会社(デンソーウェーブ)が自動車部品を追跡するために発明し、今では世界中で使われています!
なぜ「クイックレスポンス」? 従来のバーコードの最大10倍の速さでデコードできることから、この名前が付けられました。
QRコードに何を保存できる?
- URL(最も一般的)
- WiFi認証情報(自動接続!)
- 連絡先情報(vCard)
- メールアドレスとメッセージ
- 電話番号
- プレーンテキスト
QRコードの仕組み
QRコードの構造
主要コンポーネント:
- ファインダーパターン - 角にある3つの大きな四角形がスキャナーの位置と向きの特定を助けます
- アライメントパターン - 斜めからスキャンした時の歪みを補正
- タイミングパターン - グリッドサイズを決定する交互の白黒モジュール
- データエリア - 実際の情報がエンコードされる場所
- クワイエットゾーン - コード周囲の白い境界(必須!)
誤り訂正レベル
QRコードには冗長性が組み込まれており、部分的に損傷しても読み取れます!
| レベル | 復元率 | 最適な用途 |
|---|---|---|
| L(低) | 約7% | 清潔な環境、最大データ |
| M(中) | 約15% | 汎用(推奨) |
| Q(四分位) | 約25% | 産業用、多少の摩耗を想定 |
| H(高) | 約30% | 過酷な環境、中央にロゴ |
QRコードにロゴを追加したい? レベルHの誤り訂正を使用してください。コードの最大30%が隠れてもスキャン可能です!
QRコードのデータタイプ
📶 WiFiネットワーク
WIFI:T:WPA;S:MyNetwork;P:MyPassword;;
スキャンで自動接続 - 長いパスワードを入力する必要なし!
👤 連絡先カード(vCard)
BEGIN:VCARD
VERSION:3.0
N:山田;太郎
TEL:+81901234567
EMAIL:taro@example.com
END:VCARD
即座に連絡先に追加。
✉️ メール
mailto:hello@example.com?subject=こんにちは&body=メッセージ
送信準備完了のプリセットメール。
📱 SMS
sms:+81901234567?body=こんにちは
プリセットテキストでメッセージアプリを開く。
QRコードのベストプラクティス
✅ すべきこと:
- URLを短くする(必要に応じてURL短縮サービスを使用)
- 印刷前にQRコードをテスト
- 適切なクワイエットゾーン(白い境界)を確保
- 高コントラストの色を使用(明るい背景に暗い色)
- スキャン距離に適したサイズ
❌ すべきでないこと:
- 色を反転する(黒地に白はスキャンしにくい)
- 低コントラストの色の組み合わせ
- 小さすぎるサイズ(印刷用最小2cm × 2cm)
- コードを引き伸ばしたり歪めたりする
QRコードのセキュリティ
セキュリティ警告: QRコードには悪意のあるURLが含まれている可能性があります!特に公共の場所で見つけたコードは、訪問前に常にURLを確認してください。
一般的なQRコード詐欺:
- QRコードステッカー - 詐欺師が正規のコードの上に偽のコードを貼る
- フィッシング - 偽のログインページへのリンク
- マルウェア - 悪意のあるダウンロードへのリンク
安全を保つには:
- 開く前にURLをプレビューするQRスキャナーを使用
- 予期しない場所のコードには警戒
- 資格情報を入力する前にドメインを確認
QRコードの豆知識
🏎️ レースの起源 QRコードはデンソーウェーブが製造工程で自動車部品を追跡するために発明しました。バーコードより速いものが必要だったのです!
🆓 特許フリー デンソーウェーブは特許権を行使しないことを選択し、QRコードを世界中で無料で使用できるようにしました。このオープン性が大規模な普及を促進しました。
📱 コロナ禍での急成長 パンデミック中、非接触メニュー、チェックイン、ワクチンパスポートでQRコードの使用が爆発的に増加。2020年の使用率は96%増加!