--- title: "AIで作ったLPをレビュー用に共有する方法" description: "AIで作ったLPを公開前に上司やクライアントに確認してもらいたい方へ。HTMLをそのまま認証付きURLに変えてレビューを回す方法と、よくある表示崩れへの対処をまとめました。" image: "https://giga-site.com/og-image.png" canonical: "https://giga-site.com/articles/ai-landing-page-review" markdown: "https://giga-site.com/articles/ai-landing-page-review/index.md" category: "AI活用" publishedAt: "2026-06-21" updatedAt: "2026-06-27" readingMinutes: 9 --- # AIで作ったLPをレビュー用に共有する方法 AIで作ったランディングページ（LP）は、公開前に上司やクライアント、デザイナーなど関係者の目を通したいものです。ただ、HTMLファイルをそのまま送っても画像が崩れたり、誰でも見られる状態になったりと、レビュー用の共有には意外と手間がかかります。この記事では、AI生成LPを安全かつスムーズにレビューしてもらうための準備と段取りを整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。 > Source HTML: https://giga-site.com/articles/ai-landing-page-review > Article index: https://giga-site.com/articles/index.md ## AI生成LPのレビュー共有でつまずく3つのポイント 生成AIにプロンプトを与えれば、HTMLやCSS、JavaScript、画像までひとまとめにしたLPが短時間で手に入ります。しかし、出来上がったものを「関係者に見てもらう」段階になると、いくつかの壁にぶつかります。 まず、HTMLファイルを直接メールやチャットで送る方法は、相手の環境によって表示が崩れやすいという問題があります。画像のパスがずれて見えなかったり、JavaScriptが動かなかったりするのは、ローカルで開いただけでは再現しないことも多いからです。次に、レビュー相手が非エンジニアの場合、ZIPを解凍してブラウザで開く操作自体がハードルになります。 さらに見落としがちなのが「誰に見せるか」の管理です。検索結果に出したくない公開前のLPを、リンクを知っている人なら誰でも見られる状態で放置するのは避けたいところ。レビューと本公開はゴールが違うため、共有のやり方も分けて考える必要があります。 - ファイル直送りは相手の環境で表示が崩れやすい - ZIP解凍やローカル起動は非エンジニアに負担がかかる - 公開前のLPを誰でも見られる状態にしたくない ## レビューには「認証付きの共有URL」が向いている理由 公開前のLPレビューで重要なのは、実際のブラウザで見た目を確認できることと、見せる相手を限定できることの両立です。この二つを満たす手段として、認証付きの共有URLが扱いやすい選択肢になります。 URLを1本送るだけなので、相手はクリックするだけで本番に近い状態のLPを確認できます。ZIPの解凍やサーバーの用意は不要で、スマートフォンからでも開けるため、移動中の上司やクライアントにもその場で見てもらえます。 加えて、共有相手の範囲を細かく決められる点も安心材料です。リンクを知っていれば誰でも見られる設定から、パスワードや特定のメールアドレス、会社のドメインを持つ人だけに限定する設定まで選べます。社外秘のキャンペーンLPなら厳しめに、社内の気軽な確認なら緩めに、と用途に合わせて調整できます。 ## AI生成HTMLを共有する前の安全チェック AIで作ったLPをレビュー用に共有では、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。 ツールの書き出し形式や共有機能は時期・プラン・作り方で変わります。この記事では特定機能の有無を断定せず、静的HTMLやZIPとして取り出せた成果物を安全に見せる前提で進めます。安全チェックが終わったら、HTMLまたはZIPをアップロードし、必要に応じて認証と期限を付けたURLとして共有します。 - 外部送信: form action、fetch、script src、iframeの向き先を確認する - 秘密情報: APIキー、トークン、社内URL、顧客名が残っていないか検索する - 表示再現: 画像・CSS・フォントが公開URLでも読み込めるか見る - 共有設定: 相手、期限、認証方式、差し替え時の連絡方法を決める ## レビュー目的に合わせた認証方式の選び方 どの認証方式を選ぶかは、「誰に、どこまで見せたいか」で決まります。レビューの相手や内容の機密度に応じて使い分けると、無駄な手間も情報漏れのリスクも抑えられます。 たとえば社内チームでの素早い確認なら、リンクを知っていれば閲覧できる方式が手軽です。一方、未発表の商品やキャンペーンを扱うLPでは、指定したメール宛にワンタイムで本人確認を行うメール認証や、会社のメールドメインを持つ人だけに絞る会社ドメイン認証が向いています。 クライアントワークで「この人にだけ見せたい」という場合は、パスワード認証も実用的です。パスワードを別経路で伝えれば、リンクが転送されても無関係な第三者には開けません。なお、こうしたLPには検索エンジンに載らないようnoindexが付きますが、これはあくまで検索結果に出さないための仕組みで、アクセス制御そのものではない点は押さえておきましょう。 - 社内の気軽な確認: リンクを知る人が閲覧できる方式 - 機密度が高いLP: メール認証や会社ドメイン認証 - 特定の相手に限定: パスワード認証で別経路にパスを共有 ## レビュー依頼文に入れると戻しが速い項目 AIで作ったLPは、見た目・コピー・導線・スマホ表示など、確認してほしい観点が分かれやすい成果物です。URLだけを送ると、相手ごとに指摘の粒度がばらつき、修正すべき優先順位が見えにくくなります。 レビュー依頼では、今回見てほしい範囲と、まだ見なくてよい仮置き部分を先に書いておくと進行が楽になります。仮画像、ダミーテキスト、フォームの送信可否など、AI生成物に残りやすい未確定要素も明記しておきましょう。 - 確認してほしい範囲: ファーストビュー、CTA、スマホ表示、文章表現など - 今回は見なくてよい範囲: 仮画像、仮価格、未接続フォームなど - 返事がほしい期限: 公開予定から逆算した締切を明記する - 指摘の返し方: チャットのスレッド、メール、ドキュメントなどに一本化する ## ギガサイト便でAI生成LPを共有する手順 ここからは、ギガサイト便を使って実際にレビュー用URLを発行する流れを紹介します。AIで生成したHTML単体でも、画像やCSSを含むZIP一式でも同じように共有できます。 まずは試しに公開してみたいだけなら、登録なしでもトップページからその場でURLを発行できます。継続的に複数のLPを管理したい場合は、無料アカウントを作ると一覧から扱えるようになります。 1. AIで作ったHTMLファイル、または画像やCSSを含むZIPを用意する 2. トップページにファイルをドロップしてアップロードする 3. アップロード時のセキュリティスキャンの警告内容を確認する 4. レビュー相手に合わせて認証方式（パスワードやメール認証など）を選ぶ 5. レビュー期間に合わせて公開期限を設定する 6. 必要ならURL末尾のスラッグを分かりやすい文字列に編集する 7. 発行された共有URLをレビュー相手に送る ## レビューの指摘を反映して再共有するときのコツ LPのレビューは一度で終わることは少なく、「ファーストビューの文言を変えて」「ボタンの色を直して」といった指摘を受けて修正を重ねるのが普通です。このとき毎回新しいURLを送り直すのは、相手にとっても自分にとっても煩雑です。 ギガサイト便では、同じURLのままファイルを差し替えられます。修正版をアップロードし直せば、相手は最初に受け取ったURLを開くだけで最新版を確認できます。チャットに何本もリンクが並ぶ混乱を避けられるのは、複数人でレビューを回すときほど効いてきます。 また、レビューが終わって本公開に切り替えるタイミングまでに、公開期限を設定しておくと安心です。期限切れになれば自動的に閲覧できなくなるため、レビュー用URLが意図せず残り続ける心配がありません。誰がいつ見たかを把握したいときは、アクセスログを確認すれば「先方がもう開いてくれたか」の目安にもなります。 ## AI生成LPだからこそ確認したいセキュリティ面 AIが生成したコードは便利な反面、人の目を通さないまま公開すると思わぬものが混ざっていることがあります。たとえばAPIキーらしき文字列がコードに残っていたり、意図しない外部スクリプトに依存していたりするケースです。 ギガサイト便ではアップロード時にセキュリティスキャンが走り、APIキーらしき文字列や外部フォームへの送信、外部スクリプトへの依存、静的公開には不要なファイルなどの兆候を検出して警告します。内容を理解したうえで公開するかどうかを自分で判断できるので、レビュー前のセルフチェックとしても役立ちます。 公開前のLPを安全に共有することは、デザインやコピーのレビューと同じくらい大切な工程です。見せる相手を絞り、期限を区切り、中身のリスクに気づける状態を整えておけば、AIで作ったLPも自信を持って関係者に届けられます。 ## よくある質問 ### AIで作ったLPを上司やクライアントに見せるには、どの方法が一番ラクですか 認証付きの共有URLを1本送る方法が手軽です。相手はクリックするだけで本番に近い状態のLPをブラウザで確認でき、ZIPの解凍やサーバーの準備は不要です。スマートフォンからでも開けるため、外出中の相手にもその場で見てもらえます。 ### 公開前のLPを、関係者以外に見られないようにできますか はい。共有URLにパスワードを設定したり、指定したメール宛のワンタイムで本人確認をするメール認証、特定の会社ドメインを持つ人だけに絞る会社ドメイン認証などを選べます。レビューの機密度に合わせて見せる範囲を調整できます。 ### レビューの指摘を直したら、URLを送り直す必要がありますか 同じURLのままファイルを差し替えられるため、送り直しは不要です。修正版をアップロードすれば、相手は最初に受け取ったURLを開くだけで最新版を確認できます。複数人でレビューを回すときも、リンクが乱立しません。 ### AIが生成したLPに機密情報が残っていないか心配です アップロード時にセキュリティスキャンが走り、APIキーらしき文字列や外部スクリプトへの依存、静的公開に不要なファイルなどの兆候を検出して警告します。内容を確認したうえで公開するか判断できるので、レビュー前のセルフチェックに使えます。 ### AIツールで作ったHTMLはそのまま共有しても安全ですか？ そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。 ### レビュー依頼文には何を書けばよいですか？ 共有URLだけでなく、見てほしい範囲、まだ仮置きの部分、返事がほしい期限、指摘の返し方を添えるとスムーズです。AI生成LPでは、フォームが実際に送信されるか、画像や価格が仮かどうかも明記しておくと誤解を減らせます。 ## 関連記事 - [AI製プロトタイプのフィードバックを集める共有方法](https://giga-site.com/articles/ai-prototype-feedback/index.md) - [Magic Patternsで作ったUIを共有する方法](https://giga-site.com/articles/share-magic-patterns-ui/index.md) - [Google Stitch（旧Galileo AI）で作ったUIを共有する方法](https://giga-site.com/articles/share-galileo-stitch-ui/index.md) - [Uizardで作ったプロトタイプを共有する方法](https://giga-site.com/articles/share-uizard-prototype/index.md) - [Visilyで作ったデザインを共有する方法](https://giga-site.com/articles/share-visily-design/index.md) - [Relumeで作ったサイト構成を共有する方法](https://giga-site.com/articles/share-relume-site/index.md) ```json { "@context": "https://schema.org", "@type": "Article", "headline": "AIで作ったLPをレビュー用に共有する方法", "description": "AIで作ったLPを公開前に上司やクライアントに確認してもらいたい方へ。HTMLをそのまま認証付きURLに変えてレビューを回す方法と、よくある表示崩れへの対処をまとめました。", "datePublished": "2026-06-21", "dateModified": "2026-06-27", "mainEntityOfPage": "https://giga-site.com/articles/ai-landing-page-review", "url": "https://giga-site.com/articles/ai-landing-page-review", "inLanguage": "ja", "image": "https://giga-site.com/og-image.png", "articleSection": "AI活用", "author": { "@type": "Organization", "name": "ギガサイト便" }, "publisher": { "@type": "Organization", "name": "ギガサイト便" }, "mainEntity": [ { "@type": "Question", "name": "AIで作ったLPを上司やクライアントに見せるには、どの方法が一番ラクですか", "acceptedAnswer": { "@type": "Answer", "text": "認証付きの共有URLを1本送る方法が手軽です。相手はクリックするだけで本番に近い状態のLPをブラウザで確認でき、ZIPの解凍やサーバーの準備は不要です。スマートフォンからでも開けるため、外出中の相手にもその場で見てもらえます。" } }, { "@type": "Question", "name": "公開前のLPを、関係者以外に見られないようにできますか", "acceptedAnswer": { "@type": "Answer", "text": "はい。共有URLにパスワードを設定したり、指定したメール宛のワンタイムで本人確認をするメール認証、特定の会社ドメインを持つ人だけに絞る会社ドメイン認証などを選べます。レビューの機密度に合わせて見せる範囲を調整できます。" } }, { "@type": "Question", "name": "レビューの指摘を直したら、URLを送り直す必要がありますか", "acceptedAnswer": { "@type": "Answer", "text": "同じURLのままファイルを差し替えられるため、送り直しは不要です。修正版をアップロードすれば、相手は最初に受け取ったURLを開くだけで最新版を確認できます。複数人でレビューを回すときも、リンクが乱立しません。" } }, { "@type": "Question", "name": "AIが生成したLPに機密情報が残っていないか心配です", "acceptedAnswer": { "@type": "Answer", "text": "アップロード時にセキュリティスキャンが走り、APIキーらしき文字列や外部スクリプトへの依存、静的公開に不要なファイルなどの兆候を検出して警告します。内容を確認したうえで公開するか判断できるので、レビュー前のセルフチェックに使えます。" } }, { "@type": "Question", "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？", "acceptedAnswer": { "@type": "Answer", "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。" } }, { "@type": "Question", "name": "レビュー依頼文には何を書けばよいですか？", "acceptedAnswer": { "@type": "Answer", "text": "共有URLだけでなく、見てほしい範囲、まだ仮置きの部分、返事がほしい期限、指摘の返し方を添えるとスムーズです。AI生成LPでは、フォームが実際に送信されるか、画像や価格が仮かどうかも明記しておくと誤解を減らせます。" } } ] } ```