QR Code Generator
テキスト、URL、連絡先などをQRコードに変換するツールです。サイズ、色、エラー訂正レベルのカスタマイズが可能！SVG、PNGダウンロード対応。
⚙️ Settings
📱 Preview
Enter text to generate QR code
💡 QR Code Use Cases
🔗 Website Links
Share URLs for easy mobile access
📧 Contact Info
vCard format for quick contact saving
📶 WiFi
Share WiFi credentials easily
💳 Payment
Crypto addresses or payment links
QRコードとは?
QR(Quick Response)コードは二次元バーコードで、スマートフォンのカメラで素早くスキャンして情報を読み取ることができる視覚的データ形式です。
主な特徴
- 素早い認識: カメラで即座にスキャン
- 大容量: 最大4,296文字の英数字を保存
- エラー復元: 一部が損傷しても読み取り可能
- 多目的: URL、テキスト、連絡先、WiFiなど
エラー訂正レベル
QRコードが損傷した時に復元可能な程度を決定します:
| レベル | 復元率 | 用途 |
|---|---|---|
| L (Low) | 7% | きれいな環境、大きなQRコード |
| M (Medium) | 15% | 一般的な使用 (推奨) |
| Q (Quartile) | 25% | 屋外環境、印刷物 |
| H (High) | 30% | ロゴ挿入、高信頼性が必要 |
低レベル (L) → より多くのデータ、小さいサイズ
高レベル (H) → 少ないデータ、大きいサイズ、高復元率
実際の使用例
1. ウェブサイトURL
一般的なURL:
https://github.com/username/repository
短縮URL (推奨):
https://bit.ly/abc123
2. 連絡先情報 (vCard)
BEGIN:VCARD
VERSION:3.0
FN:山田太郎
ORG:ABC Company
TITLE:Software Engineer
TEL:+81-90-1234-5678
EMAIL:yamada@example.com
URL:https://example.com
ADR:;;東京都渋谷区;東京;;150-0000;日本
END:VCARD
3. WiFi接続情報
WIFI:T:WPA;S:MyNetwork;P:MyPassword123;;
形式の説明:
T: セキュリティタイプ (WPA、WEP、nopass)S: SSID (ネットワーク名)P: パスワードH: 隠しネットワーク (true/false、オプション)
例:
WIFI:T:WPA;S:CafeWiFi;P:coffee123;H:false;;
4. メールアドレス
シンプルなメール:
mailto:contact@example.com
件名と本文を含む:
mailto:contact@example.com?subject=お問い合わせ&body=こんにちは
5. 電話番号
直接通話:
tel:+819012345678
SMSメッセージ:
sms:+819012345678?body=こんにちは
色のカスタマイズ
ブランドカラーの適用
/* 基本 (黒/白) */
前景色: #000000
背景色: #FFFFFF
/* ブランドカラーの例 */
前景色: #1877F2 /* Facebook Blue */
背景色: #FFFFFF
前景色: #E4405F /* Instagram Pink */
背景色: #FFFFFF
前景色: #00C300 /* LINE Green */
背景色: #FFFFFF
色選択のヒント
- 高いコントラスト: スキャン成功率の向上
- 暗い前景色: 明るい背景に暗いコード
- テスト: 様々なスキャナーでテスト
- 印刷を考慮: 印刷時の色再現を確認
避けるべき組み合わせ
❌ 低コントラスト
前景色: #CCCCCC
背景色: #FFFFFF
❌ 明るい前景色
前景色: #FFFF00
背景色: #FFFFFF
✅ 良好なコントラスト
前景色: #000000 または暗い色
背景色: #FFFFFF または明るい色
サイズガイド
使用環境別推奨サイズ
| 用途 | サイズ | スキャン距離 |
|---|---|---|
| 名刺 | 128-256px | 10-20cm |
| ウェブサイト | 256-384px | 20-40cm |
| ポスター | 512px+ | 50cm-1m |
| 大型広告 | 1024px+ | 2m+ |
サイズの公式
最小サイズ = スキャン距離 / 10
例:
- 1m距離: 最小10cm (約400px)
- 50cm距離: 最小5cm (約200px)
- 20cm距離: 最小2cm (約80px)
ダウンロード形式
SVG (Scalable Vector Graphics)
✅ 長所:
- 無限拡大可能 (ベクター形式)
- ファイルサイズが小さい
- 編集が容易 (Illustrator、Inkscapeなど)
- 印刷品質が最高
❌ 短所:
- 一部の古いプログラムは非対応
- Webブラウザでのみ直接表示
使用ケース:
- 印刷物 (名刺、ポスター、広告)
- ロゴ挿入
- デザイン作業
PNG (Portable Network Graphics)
✅ 長所:
- すべてのプログラムで対応
- 透明背景が可能
- Web互換性が最高
❌ 短所:
- 拡大時に品質低下
- SVGよりファイルサイズが大きい
使用ケース:
- ウェブサイト埋め込み
- ソーシャルメディア
- 文書添付
実践活用例
1. レストランメニュー
// メニューURLをQRコードに
const menuUrl = 'https://restaurant.com/menu';
QRコード生成:
- Size: 256px
- Level: M (一般環境)
- テーブルステッカーに貼付
→ お客様がスキャンしてメニュー確認
2. 名刺
BEGIN:VCARD
VERSION:3.0
FN:佐藤開発
ORG:テックスタートアップ
TITLE:CTO
TEL:+81-90-1234-5678
EMAIL:dev@startup.com
URL:https://startup.com
NOTE:一緒にイ ノベーションを作りましょう！
END:VCARD
QRコード設定:
- Size: 180px (名刺に適合)
- Level: H (高信頼性)
- 名刺裏面右下に配置
3. WiFi共有 (カフェ/オフィス)
WIFI:T:WPA;S:Cafe_Guest;P:welcome123;;
テーブルステッカー:
┌─────────────────┐
│ WiFi情報 │
│ ┌─────────┐ │
│ │ QR CODE │ │
│ └─────────┘ │
│ スキャンして │
│ 接続してください│
└─────────────────┘
使用のヒント
1. データの最適化
❌ 長いURL: https://example.com/very/long/path/to/resource?param1=value1¶m2=value2
✅ 短いURL: https://bit.ly/abc123
またはドメイン短縮: https://ex.co/resource
2. ロゴ挿入
// 中央にロゴを配置する場合
// エラー訂正レベル H(30%)の使用を推奨
// ロゴサイズはQRコードの10-30%以内
3. テストチェックリスト
□ 様々なスキャンアプリでテスト
- iOS標準カメラ
- Android標準カメラ
- サードパーティQRスキャナー
□ 照明条件の確認
- 室内照明
- 屋外自然光
- 暗い環境
□ 距離別テスト
- 近距離 (10cm)
- 中距離 (50cm)
- 遠距離 (1m+)
□ 角度別テスト
- 正面
- 側面 (最大45度)
トラブルシューティング
スキャンできない時
-
サイズ確認
- 小さすぎないか確認
- 最小2×2cm推奨
-
コントラスト確認
- 前景色と背景色のコントラストを増加
- 黒/白の組み合わせをテスト
-
マージン確認
- "Include Margin"オプションを有効化
- 周囲の余白が十分か確認
-
エラー訂正レベルの向上
- L → M → Q → H の順で試す
-
印刷品質
- 解像度を上げる (300+ DPI)
- 鮮明な印刷を確認
関連ツール
- Base64 Image Viewer - Base64画像変換
- URL Encoder - URLエンコード
- Image to Base64 - 画像変換
💬 このツールは役に立ちましたか?
このQRコード生成ツールがお役に立ちましたら、ぜひ周りの方にもシェアしてください。フィードバックやご要望がございましたら、お気軽にお知らせください。
プライバシー保護
このツールは完全にクライアント側で動作します。入力されたデータはサーバーに送信されず、ブラウザでのみ処理されます。あなたのデータは完全に安全です。