AI活用

Emergentで作ったアプリを共有する方法

Emergentはプロンプトから自律的にアプリを組み上げてくれるエージェント型のツールですが、「できたものを関係者に見てもらう」段階で手が止まりがちです。プレビュー画面のままだと共有しづらく、アカウント共有も気が引けます。ここでは書き出した成果物を一時URLで素早く確認共有する方法を整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

Emergentの成果物を共有するときの悩み

Emergentはエージェントが要件を解釈しながらアプリを組み立てるため、生成直後の状態はツール内のプレビューに閉じていることが多いです。この状態のままだと、社内のレビュアーやクライアントに「ちょっと見てほしい」と渡すのに、毎回ツールのアカウントや環境を共有する必要が出てきます。

かといって、まだ本番ドメインに載せる段階でもない試作を、正式なサーバーへデプロイするのは大げさです。レビューの一往復のためにインフラを用意したり権限を切ったりするのは、時間も気持ちもコストがかかります。

そこで間に挟むと便利なのが、確認・レビュー専用の一時公開です。Emergentから書き出した静的な成果物を、その場で発行されるURLにのせて見せれば、相手は開くだけで内容を確認できます。

まず成果物を静的ファイルとして書き出す

共有の前提として、Emergentで作ったものを単体で開けるHTMLや、CSS・JS・画像をまとめたZIPの形にしておきます。エージェントに「静的ファイルとして書き出したい」と依頼するか、エクスポート機能で取得します。

サーバー側の処理が必要な動的アプリの場合は全機能を再現できないこともありますが、画面構成や導線、デザインの確認用としては静的な書き出しで十分なケースが多いです。まずは見た目と流れを確かめてもらう、と割り切ると共有がぐっと軽くなります。

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

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

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

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

ギガサイト便で一時URLを発行する手順

ギガサイト便は、AI生成のHTMLやZIPサイトを認証付きの一時URLで共有することに特化したサービスです。Emergentの書き出しを渡す中継地点として使えます。

次の流れで、Emergentの成果物をレビュー用URLにできます。

  1. Emergentから単体のHTML、またはCSS/JS/画像を含むZIPを書き出す
  2. ギガサイト便のトップページに、そのファイルかZIPをドロップする
  3. 発行された 〇〇.giga-site.com 形式の共有URLを確認する
  4. 認証方式を「URLのみ / パスワード / メール認証 / 会社ドメイン認証」から選ぶ
  5. 公開期限を設定し、レビュアーにURL(必要ならパスワード)を送る

認証と期限で「見せる範囲」を絞る

Emergentの試作には、まだ公開したくないコピーや未確定の機能が含まれていることがあります。関係者以外に見られたくない場合は、URLだけに頼らず認証を併用しましょう。社外クライアントにはパスワードやメール認証、社内全体ならば会社ドメイン認証が向きます。

一時公開ページには検索結果に出ないよう noindex が付きますが、noindex はあくまで検索除けでアクセス制御ではありません。本当に限定したいときは認証とセットで考えるのが安全です。

公開期限を設定しておけば、レビュー期間が過ぎたURLは自動的に閲覧できなくなります。古い確認用URLが残り続けて、後から「どれが最新だっけ」と混乱する事故も防げます。無料プランの公開期限は最長7日です。

エージェントの再生成サイクルとURLの使い回し

Emergentはフィードバックを受けて何度もアプリを作り直すのが前提のツールです。そのたびにURLを送り直すと、相手の手元にリンクが散らかってしまいます。

ギガサイト便では同じURLのままファイルを差し替えられます。エージェントに直しを依頼して書き出し直したら、同じ公開枠のファイルを更新するだけ。レビュアーは前と同じURLを開けば最新版を見られます。

誰がいつ見たかを把握できるアクセスログにも対応しているので、「クライアントがもう確認したか」を待つときの目安になります。対面で見せるならQRコード配布も使えます。

よくある質問

Emergentのアプリはサーバー機能ごと共有できますか?

ギガサイト便は静的なHTML/ZIPを一時URLで見せるサービスなので、サーバー側の処理を伴う動的機能はそのまま再現されません。画面構成やデザイン、導線の確認・レビュー用途に向いています。本番運用には別のホスティングを検討してください。

クライアントにアカウントを作ってもらう必要はありますか?

ありません。共有された側はURLを開くだけで確認できます。さらにアクセスを絞りたい場合は、パスワードやメール認証のワンタイムコードを使えば、相手はアカウント登録なしで認証を通せます。

Emergentで作り直すたびにリンクを送り直す必要はありますか?

いりません。ギガサイト便は同じURLのままファイルを差し替えられるので、書き出し直した成果物で更新すれば、相手は同じURLで最新版を見られます。リンクの再送が不要になります。

公開した試作が検索結果に出てしまいませんか?

一時公開ページには noindex が付くため検索結果には出にくくなっています。ただし noindex はアクセス制御ではないので、関係者以外に見せたくないものは認証の併用をおすすめします。

AIツールで作ったHTMLはそのまま共有しても安全ですか?

そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。

関連記事

AI活用

a0.devで作ったアプリを共有する方法

a0.devで生成したモバイルアプリをストアに出す前に関係者へ確認してもらいたい開発者向けに、一時URLで素早くプレビューを共有する方法を解説します。認証設定とフィードバック収集のフローもあわせてまとめました。

5分で読める
AI活用

MGX(MetaGPT X)で作ったアプリを共有する方法

MGX(MetaGPT X)で生成したアプリ画面をチームやクライアントに渡す段で、共有手段に詰まっている人向け。成果物を確認用URLとして手早く配りフィードバックを得るまでの流れが判断できます。

5分で読める
AI活用

Create.xyzで生成したサイトを共有する方法

Create.xyzで素早く作ったサイトを「本番デプロイ前に確認してほしい」場面で使える手軽な共有方法を紹介します。生成された成果物を一時URLとして公開し、クライアントやチームからフィードバックを得るフローを解説します。

5分で読める
AI活用

Trae(ByteDance)で作ったHTMLを共有する方法

TraeのAIエージェントで書き出したHTMLを、エディタ外の人に見てもらうにはファイルを共有する一手間が要ります。ローカルサーバーを立てずに認証付きURLで渡せる方法をステップで紹介します。

5分で読める
AI活用

Qwen(Alibaba)で作ったHTMLを共有する方法

Qwen Chatで生成したHTMLコードをそのまま動く画面として共有するには、ファイルにして渡す手段が必要です。ダウンロードも専用アカウントも不要な認証付き一時URLで見てもらう手順を解説します。

4分で読める
「AI活用」の記事をもっと見る →