AI活用

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

SoftgenはAIと対話しながらフロントからバックまで一気に組み上げられるフルスタックビルダーです。完成前のフロント画面を関係者に確認してもらう段階では、本番デプロイの前にもっと手軽な共有手段が欲しくなります。この記事では、Softgenのビルド成果物をギガサイト便の認証付き一時URLで共有する流れを紹介します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

本番デプロイの前に挟みたい「確認用の共有」

Softgenで生成したWebアプリは、最終的に独自ドメインやホスティング基盤へデプロイして本番運用するのが筋です。ただ、その手前で画面構成やUIの方向性を関係者にすり合わせたい局面が必ず出てきます。

本番環境を立てる前の段階では、デプロイ設定やドメインの用意に時間をかけず、いまできているフロントをそのまま見せられると検討が早まります。ギガサイト便は、この「確認・レビューのための一時共有」に焦点を当てたサービスです。

本番運用や独自ドメインでの継続更新は、専用のホスティングサービスのほうが得意な領域です。ギガサイト便はそこを置き換えるものではなく、作ったものをすぐ見せて意見をもらう用途に強いと整理すると、使い分けがはっきりします。

Softgenのビルド成果物をアップロードする手順

Softgenでフロントを静的なファイルとしてビルド・エクスポートできる場合、その出力をギガサイト便にドロップするだけで共有URLが発行されます。複数ファイルになるならZIPにまとめて投入できます。

会員登録なしでも公開でき、発行されるURLは 〇〇.giga-site.com 形式のサブドメインです。HTTPSは自動で、CDNのエッジ配信で表示が速いため、レビュアーの環境を選びにくいのが利点です。

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

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

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

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

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

社内とクライアントで認証を使い分ける

Softgenで作るアプリは業務向けのものも多く、見せる相手をきちんと絞りたいケースが目立ちます。ギガサイト便ではURLのみ / パスワード / メール認証(ワンタイムコード) / 会社ドメイン認証から選べます。

社内のチームメンバーには会社ドメイン認証で一括許可、外部のクライアントにはメール認証やパスワードといった形で運用すると、共有範囲を意図どおりに保てます。一時公開ページには noindex が付くものの、これは検索除けであってアクセス制御ではないため、見せたくない相手がいる場合は認証の併用が前提です。

差し替えと期限で確認サイクルを回す

Softgenの開発はフィードバックを反映して反復するものです。ギガサイト便は同じURLのまま中身を差し替えられるので、ビルドし直したフロントをアップロードするだけで、リンクを送り直さずに最新版を見てもらえます。

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

配布をスムーズにする運用ポイント

URL末尾はカスタムスラッグで案件名やバージョンを表す文字列に変えられるため、複数のSoftgenアプリを並行レビューしていても取り違えにくくなります。

QRコードの配布にも対応しているので、ミーティングでスクリーンに映したQRを参加者に読み取ってもらえば、その場で全員が同じ画面を確認できます。確認・レビューの一時共有という用途に振り切ると、こうした周辺機能が効いてきます。

よくある質問

Softgenのバックエンド処理も共有先で動きますか。

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

本番運用にもギガサイト便を使えますか。

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

レビュアーごとにURLを分ける必要はありますか。

基本的には1つのURLを共有し、認証方式で見せる相手を絞る運用で十分です。誰がいつ見たかはアクセスログで把握できるので、相手ごとにURLを量産しなくても確認状況を追えます。

アップロードに会員登録は必要ですか。

会員登録なしでも公開できます。ただしプランによって設定できる公開期限などが異なり、無料プランでは公開期限が最長7日です。継続的に多く共有するならProプランの検討余地があります。

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

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

関連記事

AI活用

HeyBossで作ったサイト・アプリを共有する方法

HeyBossで短時間に形にしたサイトやアプリを、本番公開とは別に特定の人だけに見せて確認を取りたい場面で使える共有方法を紹介します。認証付きの一時URLを発行してフィードバックを集める手順をまとめました。

5分で読める
AI活用

Tabnineで補完生成したHTMLを共有する方法

TabnineのAI補完で仕上げたHTMLを、動く画面として手元の外の人へ届けたい開発者向け。ファイルを一時共有URLに変えてレビューに回すための手順と運用のポイントが分かります。

4分で読める
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活用

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

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

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