GPT Pilotで生成したWebアプリを共有する方法

自律生成アプリの確認は「動く画面」が要る

GPT Pilot（Pythagora）は、機能要件を渡すと自律的に設計・実装・テストを進めるエージェントです。出力されるのは動くアプリケーションのコードで、画面の体験を確認するには実際にブラウザで触ってもらうのが一番わかりやすいです。

とはいえ、生成直後はローカルでしか動いていません。バックエンドを含むアプリは丸ごと公開するのが大変なので、まずはフロント側の画面遷移やデザインをレビューしてもらう、という分け方が現実的です。

フロント部分を静的に切り出す

デザインや画面構成のレビューが目的なら、GPT Pilotが生成したフロントエンドを静的なHTML/CSS/JSとしてビルドし、その出力を共有対象にします。動的なデータ取得部分はダミーやモックに置き換えると、外部公開でも安全に確認できます。

静的に切り出したサイトはサーバーを必要としないため、ファイルを渡すだけで誰でも開けます。仕様の認識合わせを早い段階で済ませることで、自律生成の手戻りを減らせます。

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

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

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

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

一時URLで配布する手順

切り出した静的サイトは、ドロップするだけで共有URLになるサービスに渡すのが手早い方法です。ギガサイト便を使った流れを示します。

公開URLは 〇〇.giga-site.com 形式のサブドメインで、HTTPSは自動で付き、CDNのエッジ配信で遠隔のレビュアーでも表示が速いのが利点です。サーバーの用意やデプロイ設定が要らないため、自律生成で勢いよく作ったアプリでも、確認に回すまでの待ち時間がほとんど発生しません。

1. GPT Pilotのフロント出力を静的ビルドし、動的部分はモックに置き換える
2. index.htmlとアセットを1つのZIPにまとめる
3. ギガサイト便にZIPをドロップして共有URLを取得する
4. レビュー相手に合わせて認証方式を選ぶ
5. 公開期限とカスタムスラッグを設定してURLを共有する

未確定の成果物は限定公開に

自律生成のアプリは仕様が固まりきっていない段階で見せることが多く、外部に広く出すべきではありません。一時公開ページにはnoindexが付き検索結果には出ませんが、これはアクセス制御ではないので、見せる相手を絞るには認証を併用します。

メール認証ならワンタイムコードで本人確認でき、社内なら会社ドメイン認証で対象を限定できます。公開期限を短めに設定しておけば、レビュー期間が過ぎたあとに自動で閲覧不可になります。

反復生成のたびに差し替える

GPT Pilotはフィードバックを受けて何度も作り直すスタイルが合います。共有URLは同じまま中身だけ差し替えられるので、レビュアーに新しいリンクを送り直す必要がありません。

アクセスログで誰がいつ見たかを確認できるため、レビューが進んでいるかを把握しやすくなります。QRコードで配布すれば、会議の場でその場で開いてもらうこともできます。