よくある原因
QRコード404の主要因は3つに集約されます。①QRに埋め込んだURLが最終的な公開URLと異なる、②ページが限定公開・認証付きで外部から開けない、③スマホのQRリーダーがURLを正しくデコードできていない。チェックリストはこの3つを順番に検証する流れで構成されています。
意外と多いのが「テスト環境のURLをそのままQRにした」というケースです。`localhost:3000` や `staging.example.com` を含むURLが本番配布物に混入し、外部からアクセスできない状態でQRコードが配布されてしまいます。QRコードを生成する前に、URLが本番（公開）環境のものであることをアドレスバーで確認するステップをチェックリストの第1項目に入れてください。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
自分側で確認すること
チェック①：QRコードを生成するツール上に表示されているURLをコピーし、PCの別ブラウザのシークレットウィンドウに貼り付けてアクセスする。正しいページが表示されれば「URL自体は正しい」と確定。404が出た場合はURL生成時のミスか、ページが削除・移動されている。
チェック②：iPhoneとAndroidの両方の標準カメラでQRコードを読み取り、実際にページが開くかテストする。読み取り確認はQRコードの印刷物または画面表示で行い、スクリーンショットからの読み取りは避ける（解像度不足でデコードエラーが起きる場合がある）。ページが開いたら、表示内容が意図したHTMLであることを確認する。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
相手側で確認すること
チェック③：ページに認証（パスワード・メール認証）が設定されている場合、QRコード経由でアクセスした相手が認証を通過できるか確認する。ギガサイト便でパスワード保護を設定している場合は、パスワードをQRコードと一緒に案内する方法（QRの下に印刷など）を検討する。
チェック④：相手が読み取りに使うQRコードリーダーアプリが信頼できるものかを確認する。サードパーティの古いアプリはURLを短縮したり変換したりすることがあり、意図しないURLにリダイレクトされる場合がある。案内文に「標準カメラアプリのQRコード読み取り機能をお使いください」と明記することで、アプリの互換性問題を回避できる。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
再発防止の運用
このチェックリストをデザインデータ（illustratorやFigmaファイル）と同じフォルダに保存し、「QRコードを含む制作物の配布前に必ず確認」と記載したREADMEを添付するとチーム全体の習慣として定着しやすくなります。
QRコードが指すURLは原則として短縮URLやカスタムドメインのリダイレクトを使い、転送先を差し替え可能な設計にしておきます。こうすれば公開URLが変わっても印刷物を刷り直す必要がなく、チェックリストの④でURLを確認するだけでリカバリが完了します。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
よくある質問
QRコードの読み取りは成功するのにページが表示されず真っ白になります。404との違いは何ですか？
真っ白は「URLは正しいがページコンテンツが読み込めない」状態で、JavaScriptエラーやCSSの読み込み失敗が原因のことが多いです。404は「指定URLにページが存在しない」サーバーエラーで、原因が異なります。DevToolsのコンソールタブでエラーメッセージを確認してください。
会場の照明が暗くてQRコードが読み取れないことがありました。チェックリストに含めるべきですか？
はい、推奨します。チェック項目に「印刷物の場合は照明を落とした状態でも読み取れるか確認する」を追加し、コントラストが低い場所での動作を事前に確認してください。QRコードのサイズを2cm以上にし、背景と前景の色差を高くすると読み取り率が上がります。
チェックリストをパスしたのに当日404が発生した場合の即時対応を教えてください。
短縮URLを使っている場合は管理画面から転送先を即変更します。静的URLの場合は正しいURLをアナウンスし、参加者にテキストでURL送付を実施してください。再発防止として次回からは必ず短縮URL経由の構成にしてください。