準備するもの
チェックリストの最初の項目は「HTMLが単独で完結しているか」だ。外部CSSや画像のパスが相対パスのままローカル参照になっていると、URLで共有したときにスタイルが崩れて正しいレビューができない。公開前にブラウザの開発者ツールでネットワークエラーが出ていないか確認する。
ページ内のフォームのaction属性やJavaScriptの送信先URLが本番APIを向いていないか確認する。レビュー用にテスト環境URLを差し込んでいる場合は、公開直前に本番URLへ戻し忘れるミスが多い。チェックリストにこの項目を入れておくだけで差し替え忘れを防げる。
AIに依頼するレビュー項目（誤字・リンク切れ・アクセシビリティなど）をあらかじめリストアップしておく。依頼時に一気に渡すのではなく、カテゴリ別に分けて複数回に分けて依頼する計画を立てると、各フィードバックの粒度が揃いやすい。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
実際の手順
ギガサイト便でHTMLをアップロードし、「メール認証」か「会社ドメイン限定」のどちらかの認証方式を選んでURLを発行する。不特定多数に見せる必要がないレビュー用途なら、パスワード一本で管理するより認証方式を選ぶ方がアクセスログが残り誰が開いたか把握できる。
発行したURLをAIチャットに貼り、チェックリストで洗い出した依頼項目のうち最初の1カテゴリだけを送る。AIの返答を受け取ったらその場でHTMLを修正し、差し替えアップロードで同じURLを更新してから次のカテゴリを依頼する。この逐次サイクルが最も効率的だ。
全カテゴリのチェックが完了したら、チェックリストの最終確認欄に完了日時を記入し、プレビューURLの有効期限を当日以降の最短日付に設定して失効させる。この手順を省くと後日URLが意図せず流出するリスクが残る。
失敗しやすい点
「チェック完了」と思ってURLを失効させた後、修正が1件追加になったときに再アップロードを忘れるケースがある。チェックリストに「最終修正後に再アップロードしたか」という項目を設けておき、URLのファイル更新日時を確認することで防げる。
AIへの依頼文を使い回す際に、前回のページ名や製品名がそのまま残っていることがある。テンプレートを使う場合はページ固有の情報を差し込む変数部分を角括弧で囲んでおき、送信前に必ず置換したか確認する習慣をつける。
スマートフォン表示の確認をAI任せにしようとするケースがあるが、現時点でほとんどのAIは画像を見てレイアウトを批評する機能はあってもCSSのbreakpointを正確に判断する能力は限定的だ。レスポンシブ確認は人間がブラウザのデバイスモードで行い、AIには文章・構造系のチェックを担当させる役割分担が現実的。
テンプレ文面
【レビュー依頼：アクセシビリティ確認】以下のURLのページについて、見出し階層（h1〜h6の順序）と画像のalt属性の有無を確認してください。問題がある箇所は要素名と内容を具体的に教えてください。URL：[プレビューURL]
このテンプレは確認観点を「アクセシビリティ」に絞り込んでいるのがポイントだ。依頼カテゴリが明確なほどAIの回答が的確になる。「リンク切れ確認」「文章のですます統一」など項目を変えるだけで他のカテゴリにも流用でき、チェックリストの各行に対応するテンプレを用意しておくと作業がスムーズになる。
よくある質問
チェックリストはどのツールで管理するのが効率的ですか？
NotionやGoogleスプレッドシートなど共有できるツールが向いています。URLや依頼日時・完了チェックを同じ行に並べると、複数人が関わるプロジェクトで進捗が一目でわかります。
AIへの依頼は何カテゴリくらいに分けるのが適切ですか？
1回の会話で3〜5カテゴリが目安です。それ以上まとめると回答が長くなりすぎて重要な指摘を見落とすリスクが上がります。カテゴリごとに会話を分けるとフィードバックの整理も楽になります。
チェックが終わったURLをすぐ失効させないといけませんか？
必須ではありませんが、外部に見せる必要がなくなったURLは速やかに失効させるのがセキュリティ上の基本です。ギガサイト便では有効期限を1日単位で設定できるので、レビュー完了翌日を失効日にする運用が現実的です。