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コード生成ツールがお役に立ちましたら、ぜひ周りの方にもシェアしてください。フィードバックやご要望がございましたら、お気軽にお知らせください。
プライバシー保護
このツールは完全にクライアント側で動作します。入力されたデータはサーバーに送信されず、ブラウザでのみ処理されます。あなたのデータは完全に安全です。