AI活用

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

MarblismはAIがアプリの土台を生成してくれるツールで、ゼロから書く手間を大きく減らせます。生成された画面をチームやクライアントに見てもらう段階では、デプロイの前に手早く共有できる手段が役立ちます。この記事では、Marblismの生成物をギガサイト便の認証付き一時URLで共有する流れをまとめます。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

生成された土台をレビューに回す前に

Marblismはアプリの構造や画面をAIが一気に生成してくれるため、初期の立ち上がりが速いのが強みです。一方で、生成直後の段階で「この方向で進めていいか」を関係者に確認したい場面が出てきます。

本格的なホスティングへデプロイするのは方向性が固まってからで十分なことが多く、それまでは生成されたフロントをそのまま見せて意見をもらえると効率的です。ギガサイト便は、この確認・レビューの一時共有に向いています。

本番運用や独自ドメインでの継続的な更新は専用のホスティングサービスが得意とする領域です。ギガサイト便はそこを担うものではなく、生成したものをすぐ見せて反応をもらう用途に強い、と捉えると役割がはっきりします。

Marblismの生成物をアップロードする手順

Marblismで生成したフロントを静的なファイルとして書き出せる場合、その出力をギガサイト便にドロップするだけで共有URLが発行されます。複数ファイルはZIPにまとめて投入できます。

発行されるURLは 〇〇.giga-site.com 形式のサブドメインで、HTTPSは自動、CDNのエッジ配信で表示が速いのが特長です。会員登録なしでも公開できるので、生成直後の確認に向きます。

  1. Marblismでフロントを静的ファイルとして書き出す
  2. 出力一式をZIP(CSS/JS/画像を含む)にまとめる
  3. ギガサイト便のトップページにZIPをドロップする
  4. 発行された 〇〇.giga-site.com のURLを取得する
  5. 認証方式と公開期限をレビュー範囲に合わせて設定する

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

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

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

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

レビュー範囲に合わせた認証選び

生成物にはまだ詰めきれていない要素が含まれることもあるため、見せる相手は絞っておくほうが安全です。ギガサイト便ではURLのみ / パスワード / メール認証(ワンタイムコード) / 会社ドメイン認証から選べます。

社内チーム全体に見せるなら会社ドメイン認証、特定のクライアントだけならメール認証やパスワードが向きます。一時公開ページには noindex が付いて検索結果に出ませんが、noindex は検索除けでありアクセス制御ではないため、見せたくない相手がいるなら認証を併用してください。

差し替えと期限で生成サイクルを支える

Marblismは生成と調整を繰り返すツールです。ギガサイト便は同じURLのまま中身を差し替えられるので、調整後のフロントをアップロードし直すだけで、リンクを送り直さずに最新を確認してもらえます。

公開期限を設定しておけば、期限後は自動的に閲覧できなくなり、古い確認用URLが残りません。誰がいつ見たかのアクセスログも取れるため、レビュー依頼への反応を追いやすくなります。

共有を効率化する運用のコツ

URL末尾はカスタムスラッグで案件名などに変えられるので、複数のMarblism生成物を並行して共有していても見分けがつきます。

QRコードの配布に対応しているため、打ち合わせでスクリーンに映したQRを参加者に読み取ってもらえば、全員がすぐ同じ画面を見られます。確認・レビューの一時共有に絞ると、こうした周辺機能が効いてきます。

よくある質問

Marblismの生成物はそのまま全機能が動きますか。

ギガサイト便は静的ファイルを配信する仕組みのため、サーバー側のロジックに依存する機能はそのままでは動きません。フロントの画面構成や見た目を確認・レビューしてもらう用途に向いています。

ギガサイト便でそのまま本番公開してよいですか。

ギガサイト便は確認・レビューや一時共有に向いた位置づけです。独自ドメインでの本番運用や継続更新は専用のホスティングサービスのほうが得意なので、本番はそちらに任せるのが無難です。

生成し直すたびにリンクは変わりますか。

いいえ。同じURLのまま中身を差し替えられるので、生成や調整をやり直してもリンクは変わりません。レビュアーには最初のURLをそのまま使い続けてもらえます。

公開しっぱなしを防げますか。

公開期限を設定すれば、期限切れで自動的に閲覧できなくなり、古い確認用URLが残りません。無料プランでは最長7日まで設定できます。

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

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

関連記事

AI活用

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

Databuttonのデータアプリを社内やクライアントに「ちょっと見てほしい」段階でどう渡せばよいか迷う方へ。本番公開の前に認証付きURLで範囲を絞って共有する方法を、エクスポートから公開までまとめました。

6分で読める
AI活用

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

Lovableで素早く組み立てたWebアプリを、クライアントや上長にURLで見せたい方向けの記事です。コードを取り出して認証付きURLで共有するまでの手順を、具体的なステップで解説しています。

6分で読める
AI活用

Difyで作ったアプリやページを共有する方法

Difyでノーコード的に作ったLLMアプリやWebページを社内・顧客に確認してもらう段階で迷いがちな共有方法を解説。書き出したHTMLを手早くURL化して見てもらえる手順と、認証設定のポイントをまとめています。

5分で読める
AI活用

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

RorkのAI生成アプリをチームやクライアントに確認してもらう段階で、書き出したHTMLをそのままURL共有できると話が早いです。ファイルを認証付きの一時URLに変えてすぐ見せる手順をまとめました。

4分で読める
AI活用

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

Softgenのフルスタックビルダーで組んだフロント画面を本番前にレビューしてもらいたい開発者向けに、デプロイ不要の一時URL共有方法を解説します。エクスポートしたHTMLを認証付きで渡すフローを紹介します。

5分で読める
AI活用

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

Mochaで作ったアプリ画面を周囲に見せてフィードバックを集めたいが、安全で手軽な共有方法が見当たらない人向け。具体的な共有手順と選択肢の比較を紹介する。

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