AI活用

Replit Agentで生成したLP案をレビュー用URLにして共有する方法

Replit AgentでLP案を生成すると、ReplitのプレビューURLがそのままブラウザで開ける状態になるが、このURLはReplitのアカウントや課金状況に依存しており、共有相手にとって使い勝手が一定しない。ギガサイト便にエクスポートしたHTMLをアップロードすれば、Replitの依存を排除した独立したレビューURLを3秒で取得できる。

何が共有しづらいのか

ReplitのパブリックURLはReplが稼働していないとアクセスできないことがある。無料プランでは一定時間操作がないとReplがスリープし、初回アクセス時に数十秒の起動待ちが発生する。クライアントが確認しようとしたタイミングで「読み込めない」という状況になると、信頼性の面で印象が悪くなってしまう。

ReplitのURLにはアカウント名がパスに含まれることがあり、個人の開発アカウントを使って業務のLP案を共有すると、アカウント名が意図せず露出してしまう。会社の制作物として提出する場合に個人アカウント名が含まれたURLは不適切なケースもあり、独立したホスティング先を使うほうがプロフェッショナルな印象を与えられる。

  • 相手がログインなしで開ける状態か確認する
  • PCとスマホで最低1回ずつ表示を確認する
  • 内部情報・個人情報・不要な外部送信が残っていないか見る
  • レビュー期限と修正時の差し替え方を決めておく

URL化する前の確認点

Replit AgentはLP用に複数のファイルを生成することが多く、index.html以外にもcomponents.htmlやstyles.cssなどが別ファイルになっていることがある。Replitの「Download as zip」機能で全ファイルをダウンロードし、ローカルでindex.htmlをダブルクリックして正常に表示されることを確認してからアップロードする。この一手間で「ZIPで送ったら動かなかった」というケースの大半を防げる。

ReplitのAgentが生成したLPにはReplit専用の環境変数(process.env.REPLIT_DB_URLなど)を参照するコードが含まれることがある。静的HTMLとして公開する場合これらは動作しないため、未定義変数のエラーがコンソールに出ないかブラウザの開発者ツールで確認する。エラーがあればその箇所をコメントアウトするかダミー値に差し替えておく。

  • HTML内の外部script・form action・iframeを確認する
  • APIキーやトークンらしき文字列がないか検索する
  • 画像・CSS・JSのパスが公開後も解決できるか見る
  • noindexと認証を混同せず、必要なら両方設定する

認証と期限の決め方

LP案を特定のクライアントだけに見せる場合、パスワード認証が最もシンプルな選択肢だ。URLをSlackで送り、パスワードは別途SMSまたはメールで送るという二段階にすることで、URLが誤って転送されてもパスワードなしでは閲覧できないという安全層が生まれる。

LP案のレビュー期限はキャンペーン開始日や提案締切から逆算して設定する。「3日以内にフィードバックをお願いします」という依頼でも、URLに期限を設定しておかないと1か月後に見られている可能性がある。「提案期限:〇月〇日まで」という表示をページのヘッダーバナーに入れると、期限意識がレビュアー側にも浸透しやすい。

  • 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
  • 特定の相手だけ: パスワードまたはメール認証を使う
  • 会社内だけ: 会社ドメイン認証を検討する
  • 短期レビュー: 期限を設定して古いURLを残さない

共有後のフィードバック回収

LP案のフィードバックはファーストビュー・CTAボタン・価格表・お問い合わせフォームという4ブロックに分けて意見を求めると整理しやすい。「全体的にどうですか?」という漠然とした質問では「いい感じです」という返答が多くなり、改善点が見えにくくなる。ブロックごとに1行でもコメントをもらうだけでも次の修正ステップが明確になる。

ReplitでLP案を修正するたびに最新のHTMLをダウンロードし、ギガサイト便に上書きアップロードして「更新しました」と通知する運用が安定している。修正サイクルが3回以上になる場合は、最初からバージョン管理の仕組みを決めておくと「どの版に対するフィードバックか」の混乱が防げる。

  • 確認してほしい観点を3つ以内に絞る
  • 期限と返信先を明記する
  • 修正後も同じURLで見られるか伝える
  • 最終版と途中版が混ざらないようタイトルを付ける

よくある質問

ReplitのプレビューURLをそのまま共有するのに比べてギガサイト便を使う利点はなんですか?

Replitのプレビューはスリープによる読み込み遅延や、Replitアカウントの状態に依存した不安定さがある。ギガサイト便は静的ファイルを独立してホスティングするため常時アクセスでき、パスワード認証や期限設定も自由に組み合わせられる。

ReplitからHTMLをダウンロードする際に注意すべきことはありますか?

「Download as zip」で取得したファイルにReplit固有の設定ファイル(.replit、replit.nixなど)が含まれることがある。これらはHTMLの動作に影響しないが、不要ならZIPから除いてからアップロードするとファイルサイズを小さくできる。

LP案の修正を複数回繰り返す場合、毎回アップロードし直す必要がありますか?

同じURLに上書きアップロードできるサービスであれば差し替えのみで完結する。ギガサイト便では管理画面から既存URLにファイルを上書きアップロードでき、URLを変えずに最新版を配信できる。

関連記事

「AI活用」の記事をもっと見る →