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

MGX（MetaGPT X）の成果物をどう共有するか

MGX（MetaGPT X）は、自然言語の指示から画面やロジックを組み立ててくれるAIエージェント型のツールです。手元では動くものができても、それを離れた相手に「見せて反応をもらう」ところで手間が増えがちです。スクリーンショットだけでは操作感が伝わらず、ソース一式を渡すのは相手に環境構築を強いることになります。

そこで現実的なのが、MGXが書き出したフロントエンドのHTMLやアセットを一時的なURLとして公開し、ブラウザで開いてもらう方法です。相手は何もインストールせず、リンクを開くだけで実物を触れます。確認・レビューが目的なら、本番デプロイより先にこの軽い共有を挟むと往復が減ります。

共有前に手元で動作を確かめる

MGXの生成物は便利ですが、AIが書いたコードはそのまま完璧とは限りません。共有する前に、ブラウザでローカルに開いて崩れや空白の表示がないかを確認しておくと、相手に不完全な状態を見せずに済みます。

特に外部から読み込むスクリプトやAPIに依存している場合、共有先の環境で動かないことがあります。静的なHTMLとして閲覧してもらう範囲で何が見えるのかを、自分の目で先に把握しておきましょう。

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

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

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

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

確認用URLを発行する手順

ギガサイト便を使うと、MGXの書き出したファイルをそのまま一時URLにできます。HTML単体ならそのファイルを、CSSやJS・画像を含む場合はZIPにまとめて扱います。

1. MGXからフロントエンドのHTML一式を書き出す。複数ファイルならZIPにまとめる。
2. ギガサイト便のトップページにHTMLファイル、またはZIPをドロップする。
3. 発行された 〇〇.giga-site.com 形式の共有URLを確認する。HTTPSは自動で付く。
4. 公開期限を設定する。確認が短期で済むなら数日に絞ると、古いURLが残らない。
5. 認証方式を選ぶ。社外に見せるならパスワードやメール認証を併用する。
6. 発行されたURLをレビュー相手に送る。

レビュー中の更新をURLそのままで回す

MGXでの開発は、指摘を受けて作り直す回数が多くなりがちです。ギガサイト便は同じURLのままファイルを差し替えられるので、修正版を作るたびにリンクを送り直す必要がありません。「さっきのURLを再読み込みしてください」で済みます。

差し替えのたびにURLが変わると、相手が古い版を見て混乱する原因になります。URLを固定したまま中身だけ更新できることは、複数回のレビューを前提とするAI開発と相性が良い点です。

社外に見せるときのアクセス制御

クライアントや外部パートナーに見せる場合は、URLを知っている人なら誰でも開ける状態は避けたいことがあります。ギガサイト便ではURLのみ・パスワード・メール認証（ワンタイムコード）・会社ドメイン認証から認証方式を選べます。

一時公開ページには noindex が付くため検索結果には出ませんが、noindex はアクセス制御ではありません。関係者以外に見せたくないなら、必ず認証を併用してください。誰がいつ見たかはアクセスログで確認できます。