準備するもの
AIに渡すHTMLは、ローカルで開いた状態ではなくURLでアクセスできる形にしておく必要がある。ギガサイト便のような認証付きプレビューURLサービスを使えば、アカウントなしでも相手（この場合はAI連携ツール）がページを参照できる状態を数秒で作れる。
チェックを依頼する前に、PC・スマートフォン両方のブラウザで自分がひと通り表示を確認しておくこと。AIはレイアウト崩れより文言やリンク切れの検出が得意なので、視覚的な問題は人間が先に潰しておくと分業が明確になる。
ページ内に個人情報・社内の未公開情報・テスト用のAPIキーが残っていないか必ず確認する。AIへ送るURLは外部からアクセス可能になるため、認証設定が甘いまま共有すると情報漏洩リスクが生まれる。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
実際の手順
まずHTMLファイルをギガサイト便にドラッグ＆ドロップし、パスワードまたはメール認証を設定した上でプレビューURLを発行する。次にAIチャット画面でそのURLを貼り付け、「このページのテキストに誤字・敬語の乱れ・リンク切れがないかチェックしてください」のように確認項目を箇条書きで指定する。
AIへの依頼文には「OK/NG形式で返答してほしい」「問題箇所は該当テキストを引用してほしい」など出力フォーマットも指定すると、フィードバックを修正作業に直結させやすい。曖昧な依頼をすると「全体的に良いと思います」という的外れな返答が来やすい。
指摘を受けたらHTMLを修正し、ギガサイト便の差し替え機能で同一URLのまま再アップロードする。URLが変わらないため、AIとのチャット履歴を遡って「修正前後の差分」を確認しながら会話を続けられる。
失敗しやすい点
URLを発行せずにHTMLのソースコードをそのままAIに貼り付けるケースがあるが、画像・フォント・CSSが欠落した状態になるため、レイアウトや色の確認には使えない。AIにソースを渡す場合は「テキスト内容と構造のみ」に限定した依頼にすること。
レビュー期限を設定しないまま共有URLを放置すると、修正完了後もページが外部からアクセスできる状態になる。ギガサイト便では有効期限を設定できるので、レビュー完了日の翌日を期限として設定しておくと安全だ。
AIへの依頼を1回で済まそうとして、「デザイン・文章・SEO・セキュリティを全部まとめてチェックして」と複合依頼をすると優先順位が曖昧になる。1回のチェックで1〜2項目に絞り、段階的に依頼する方がフィードバックの質が高くなる。
テンプレ文面
以下のURLのWebページについて、日本語テキストの誤字・表記ゆれ・敬語の乱れを確認してください。問題があった箇所は「【修正前】〜→【修正後】〜」の形式で教えてください。問題がなければ「問題なし」と一言返してください。URL：[プレビューURL]
上記テンプレのポイントは出力フォーマットを明示している点にある。「問題なし」という返答パターンを提示することで、AIが「何か指摘しなければ」というバイアスで余計なコメントを付けることを防げる。確認項目を変えるときは冒頭の依頼内容だけ差し替えれば使い回せる。
よくある質問
AIチェックはどのファイル形式に対応していますか？
テキスト抽出ができればHTMLのほかMarkdownやプレーンテキストも渡せます。ただしCSSや画像を含むデザイン確認はURLで共有した方が精度が上がります。
プレビューURLにパスワードを設定するとAIが開けなくなりますか？
AIチャットに貼ったURLをAIが自律的にアクセスすることはありません。あなたがページ内容をコピーしてAIに渡すか、ブラウザ拡張で連携する形が基本です。パスワードは第三者の閲覧防止が目的です。
修正のたびにURLが変わると履歴管理が大変になりませんか？
ギガサイト便の差し替えアップロードを使えばURLは変わりません。同じURLで最新版が常に表示されるため、AIとのチャット履歴にURLを貼ったまま会話を継続できます。