Mocha（getmocha）で作ったアプリを共有する方法

ノーコードで作ったアプリを誰かに見せたいとき

Mochaはコードを書かずにAIへ指示するだけでアプリの画面を生み出せるため、非エンジニアでもアイデアを試作できます。その分、できたものを周囲に見せて反応をもらう機会も多くなります。

ツールの編集画面を直接共有すると相手に操作の前提知識が必要になりますし、誤操作の不安もあります。実際に動く画面だけを、閲覧する側にとって分かりやすい形で見せられると、フィードバックの質が上がります。

ギガサイト便は、こうした試作アプリを確認・レビューしてもらう一時共有に向いたサービスです。本番運用ではなく、まず見てもらうことに焦点を当てています。

Mochaの成果物を共有URLにする手順

Mochaで作った画面を静的なHTMLやアセット一式として書き出せるなら、それをギガサイト便にドロップするだけで共有URLが発行されます。CSSやJS、画像を含むZIPでも受け付けられます。

発行されるURLは 〇〇.giga-site.com 形式で、HTTPSが自動付与され、CDNのエッジ配信で速く表示されます。会員登録なしでも公開できるので、思い立ったときにすぐ共有に移れます。

1. Mochaでアプリ画面を共有したい状態に仕上げる
2. 静的なHTML、またはCSS/JS/画像を含むZIPに書き出す
3. ギガサイト便のトップページにファイルかZIPをドロップする
4. 発行された 〇〇.giga-site.com のURLを取得する
5. 公開期限と認証方式を見せる相手に合わせて決める

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

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

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

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

見せたい相手だけに絞る認証設定

アイデア段階のアプリほど、公開範囲は慎重にしたいものです。ギガサイト便ではURLのみ / パスワード / メール認証（ワンタイムコード） / 会社ドメイン認証から認証方式を選べます。

気軽に見せたいならURLのみ、特定の人だけに限定したいならパスワードやメール認証を使います。一時公開ページには noindex が付いて検索結果に出ませんが、noindex はアクセス制御ではないので、関係者以外に見せたくないときは必ず認証を併用してください。

差し替えと期限で試作を整理する

Mochaでの試作は何度も作り変えるものです。ギガサイト便は同じURLのまま中身を差し替えられるので、修正版を書き出してアップロードし直すだけで、リンクを送り直さずに最新を見てもらえます。

公開期限を設定すれば、期限切れで自動的に閲覧できなくなり、古い確認用URLが残りません。無料プランの公開期限は最長7日なので、短期のフィードバック収集には十分です。アクセスログで誰がいつ見たかも把握できます。

共有をもっと手軽にする工夫

URL末尾はカスタムスラッグで分かりやすい文字列に変えられるので、複数の試作アプリを並行して共有していても見分けやすくなります。

QRコードの配布にも対応しているため、対面の場でスマホからすぐ開いてもらえます。ノーコードで素早く作って素早く見せる、という流れを止めずに進められるのがギガサイト便の使いどころです。