QRコードのサンプル集
よく使われるQRコードの種類とデザインを、実際に読み取れるサンプルでまとめました。どれでもスマホのカメラを向ければ試せます。読み取りをチェックできるテスト用QRコードや、ランダムなQRコードもあります。
種類・デザイン別のQRコードのサンプル
どのサンプルも架空のデータを使っているので、安心して読み取れます。「作ってみる」をタップすると自分用のQRコードを作成でき、モックアップ用にSVGをダウンロードすることもできます。
URL(ウェブサイト)のQRコード
ウェブページを開きます —— 最もよく使われるQRコードです。このサンプルはcapyqr.comを開きます。
Wi-FiのQRコード
パスワードを入力せずにWi-Fiネットワークへの接続を提案します。サンプルのネットワーク名は「Capy Café Guest」。
連絡先(vCard)のQRコード
名前・電話番号・メール・ウェブサイトを連絡先に保存するよう提案します。サンプルの連絡先はAlex Example。
メールのQRコード
宛先と件名が入力済みの新規メールを開きます。
SMSのQRコード
宛先の番号と本文が入力済みのSMSを開き、すぐに送信できます。
電話発信のQRコード
番号が入力された状態で電話アプリを開きます —— 発信ボタンは本人がタップします。
WhatsAppのQRコード
番号とあらかじめ用意したメッセージで、WhatsAppのチャットを開きます。
位置情報(地図)のQRコード
スマホの地図アプリで場所を開きます。このサンプルはエッフェル塔(Eiffel Tower)を指しています。
カレンダー予定のQRコード
日時と場所つきの予定を、スマホのカレンダーに追加するよう提案します。
テキストのQRコード
短いメッセージを画面に表示します —— ウェブサイトは開きません。
丸いQRコード
丸いドットと角の丸い目 —— パターンは同じで、見た目がやわらかくなります。capyqr.comを開きます。
グラデーションのカラーQRコード
紫からピンクへのグラデーション。どちらの色も白地に対して十分に濃いので、問題なく読み取れます。
白黒反転(濃い背景に白)のQRコード
濃い背景に明るいドット。多くのスマホで読み取れますが、印刷前に必ずテストしてください。
背景色つきのQRコード
鮮やかな黄色の背景に黒いドット —— コントラストが強いので、白地に黒と同じくらい簡単に読み取れます。
QRコードの構造
上のQRコードはどれも、デザインが違っても同じパーツでできています —— だから丸くても、色つきでも、グラデーションでも読み取れるのです:
- 位置検出パターン(目): 四隅のうち3か所にある大きな四角。コードがどこにあり、どちらが上かをスキャナーに伝えます。
- アライメントパターン: 右下の角の近くにある小さな四角。最小サイズ以外のコードにあり、曲面に貼られたコードや斜めから見たコードの読み取りを助けます。
- タイミングパターン: 目と目の間に並ぶ、白黒交互のドットの列。グリッドの大きさを決めます。
- データモジュール: それ以外のすべての部分 —— リンクやテキストに加えて、一部が隠れたり傷ついたりしても読み取れるようにする誤り訂正のデータが入っています。
- クワイエットゾーン: コードのまわりの何もない余白。これがないと、スキャナーはコードの端を見つけにくくなります。
身近なQRコードの例
それぞれの種類をどこで見かけるか、作り方のガイドと合わせて紹介します:
- レストランのメニュー: テーブルに置かれた、メニューを開くリンクのコード —— レストランメニューのQRコード。
- 名刺: 連絡先を保存するコードや、プロフィールへのリンク —— 無料のデジタル名刺。
- Airbnb・カフェ・オフィス: 入口の近くに貼られたWi-Fiのコード —— Wi-Fi QRコードジェネレーター。
- 店のカウンターやレシート: クチコミの投稿画面を開くコード —— Googleクチコミ用QRコード。
- 商品パッケージ: 使い方の説明、再注文、保証登録 —— パッケージのQRコード。
- イベントやポスター: チケット、出欠確認、カレンダーへの招待 —— イベントのQRコード。
- 不動産の看板: 物件情報やバーチャルツアーへのリンク —— 不動産向けQRコード。
- SNSのプロフィール: 店のウィンドウに貼られた「フォローしてね」のコード —— InstagramのQRコード。
大量に印刷されるもののコードは、たいてい動的QRコードです。短いリダイレクト用URLを指しているため、印刷後でもリンク先を変更でき、スキャン数も計測できます。詳しくは無料の動的QRコードジェネレーターをご覧ください。
テスト用QRコード:スキャナーは正しく動く?
このコードをスマホのカメラで読み取ってください。スキャナーが正常に動作していることを伝えるページが開けば準備完了 —— 専用アプリなしで、カメラがQRコードを読み取れています。
ランダムなQRコード
テストやテンプレート、ゲーム用にランダムなQRコードが必要ですか?どのコードにも短い豆知識がテキストで入っているだけで、ウェブサイトが開くことはありません。
ボタンをタップすると生成されます。
何も開かないQRコード(空のQRコード)
QRコードは、必ずしも何かを開く必要はありません。上のテキストのサンプルにはリンクではなくメッセージが入っていて、読み取るとテキストが表示されるだけです。仮置きのコード、パズル、宝探しゲーム、試し刷りなどに便利です —— テキストQRコードジェネレーターで作れます。
自分で作ってみよう
このページのサンプルはすべて、Capy QRの無料QRコードジェネレーターで作成しました —— 登録不要、ウォーターマークなし。印刷サイズやファイル形式については、印刷用QRコードのサイズとPNG・SVG・PDFの比較をご覧ください。
よくある質問
- QRコードの例にはどんなものがありますか?
- 最も一般的な例は、レストランのテーブルに置かれた、メニューを開くURLのQRコードです。ほかにも、ネットワークに接続できるWi-Fiのコード、名刺に載せる連絡先のコード、店のカウンターに置くクチコミ用のコードなどがあります。このページのサンプルはどれも本物で、実際に読み取れます。
- QRコードはどんな見た目ですか?
- 小さな濃い色と明るい色のモジュールが並んだ正方形のグリッドで、角に3つの大きな四角があります —— スキャナーがコードを見つけて向きを補正するための「目」です。このページのサンプルのように、モジュールはドットや角の丸い形にでき、色もほとんどの濃い色が使えます。
- QRコードはどうやってテストしますか?
- このページのテスト用QRコードにスマホのカメラを向けてください。スキャナーが正常に動作していることを伝えるページが開けば問題ありません。自分のコードをテストするなら、実際のサイズで印刷し、利用者が実際に立つ距離から2台の異なるスマホで読み取ってみましょう。
- 何も開かないQRコードは作れますか?
- はい。QRコードにはリンクの代わりにテキストを入れられます —— 読み取るとメッセージが画面に表示されるだけです。このページのテキストのサンプルやランダムなQRコードは、この仕組みで動いています。
- これらのサンプルQRコードは安全に読み取れますか?
- はい。架空のデータ(555から始まる電話番号やexample.comのアドレス)を使っており、リンクはcapyqr.comか有名な場所の地図を開きます。QRコードは中に入っている内容を開くだけで、何かが起こる前にスマホがプレビューを表示します。
- これらのQRコードのサンプルを自分のデザインに使えますか?
- はい —— どのサンプルもSVGでダウンロードして、モックアップやテンプレートに使えます。自分のリンクを開くコードが必要なら、対応するジェネレーターで作成してください。無料で、登録も不要です。
