AI生成HTMLを関係者に見せる前の最終チェックリスト10項目

AI生成物は「それらしさ」に注意が必要

AIは自然な文章ともっともらしい数字を出しますが、その内容が正しいとは限りません。共有する前に人の目で事実を確かめないと、誤った情報のまま関係者に届いてしまいます。

見た目だけでなく、中身・表示・安全性の3つの観点でチェックするのがおすすめです。以下の10項目を共有前のルーティンにすると、見せた後の手戻りを減らせます。

共有前に確認する10項目

次の項目を上から順に確認します。1つでも引っかかったら、共有を止めて修正します。特に機密と誤情報は、見せた後では取り返しがつきにくいので最優先です。

1. 1. 事実確認：数字・固有名詞・引用が正しいか裏取りする
2. 2. 誤字脱字：見出しと本文の表記ゆれや誤字をチェックする
3. 3. 機密情報：APIキー・社内情報・個人情報が紛れていないか確認する
4. 4. ダミー文言：lorem ipsumやプレースホルダーが残っていないか確認する
5. 5. リンク切れ：すべてのリンク・ボタンの遷移先を実際に開く
6. 6. 画像：表示されない画像や代替テキスト漏れがないか確認する
7. 7. 表示崩れ：PCとスマホの両方でレイアウトを確認する
8. 8. 動作：フォームやタブなどの動きが意図通りか確認する
9. 9. 共有範囲：URLのみで足りるか、認証が必要かを決める
10. 10. 公開期限：いつまで見せるか期限を設定する

依頼文までチェックリストに含める

HTML自体の安全確認が終わっても、依頼文が曖昧だとレビュー品質は落ちます。「全体を見てください」だけでは、見た人ごとに返ってくる観点がばらけ、AIに戻す修正指示も作りにくくなります。

共有URLを送る前に、確認してほしい範囲、見なくてよい範囲、返答期限、修正指摘の書き方を一文で添えます。これだけで、レビュー後にChatGPTやClaudeへ戻す材料も整理しやすくなります。

• PC/スマホのどちらを見るか
• 文言・導線・表示崩れのどれを優先するか
• フォーム送信など触らない操作があるか
• 返信期限と指摘の返し先

AI生成HTMLを共有する前の安全チェック

AI生成HTMLを関係者に見せる前の最終では、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。

ツールの書き出し形式や共有機能は時期・プラン・作り方で変わります。この記事では特定機能の有無を断定せず、静的HTMLやZIPとして取り出せた成果物を安全に見せる前提で進めます。安全チェックが終わったら、HTMLまたはZIPをアップロードし、必要に応じて認証と期限を付けたURLとして共有します。

• 外部送信: form action、fetch、script src、iframeの向き先を確認する
• 秘密情報: APIキー、トークン、社内URL、顧客名が残っていないか検索する
• 表示再現: 画像・CSS・フォントが公開URLでも読み込めるか見る
• 共有設定: 相手、期限、認証方式、差し替え時の連絡方法を決める

機密と誤情報は最優先で潰す

AIに過去の資料を渡して生成した場合、コメントやサンプルに社内情報やキーが残ることがあります。ソースを確認し、見せてはいけない情報が出力に含まれていないかを必ずチェックします。

誤情報は、特に料金・日付・実績などの数字に出やすい部分です。AIの出力をそのまま信じず、一次情報と突き合わせて確認します。事実が確認できないものは、断定を避けるか削除します。

表示崩れとリンク切れの確認手順

ローカルで開いて問題なくても、共有先の環境では崩れることがあります。共有URLにしてから、実際に発行されたURLをPCとスマホの両方で開いて確認すると確実です。

ギガサイト便なら、ファイルをドロップするだけで 〇〇.giga-site.com のURLが発行され、HTTPSも自動です。本番に近い形で表示を確認でき、リンクやボタンの遷移も実機でチェックできます。

共有範囲と期限を決めて仕上げる

中身が問題なくても、見せる相手を誤れば情報が広がります。URLのみで足りるのか、パスワードやメール認証、会社ドメイン認証が必要なのかを、内容の機密度に応じて決めます。一時公開ページにはnoindexが付き検索結果には出ませんが、noindexはアクセス制御ではないので、見せたくない相手がいる場合は認証を併用します。

最後に公開期限を設定します。確認用ページは役目を終えたら閉じるのが基本で、期限が切れると自動的に閲覧できなくなります。無料プランの公開期限は最長7日です。