AI活用

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

Rorkはモバイルやアプリの画面をAIで生成できるツールです。出来上がったアプリのWeb表示を関係者に確認してもらうとき、書き出したHTMLをブラウザで開ける形で渡せると便利です。ここではRorkの成果物を、認証付きの一時URLで共有する方法を整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

Rorkで作ったアプリ画面を見せる

RorkはAIでモバイルやWebのアプリ画面を生成できます。作った画面を依頼主やチームに確認してもらうには、実際に触れる状態で見せるのが一番伝わります。

Web表示できるHTMLとして書き出せば、相手は自分の端末でアプリの見た目や画面遷移を確認できます。インストールやセットアップを相手に求めずに、リンクひとつで見てもらえるのが利点です。

書き出したWeb版をURL化する

ギガサイト便は、HTMLファイルやCSS/JS/画像を含むZIPをトップページにドロップすると、その場で共有URLを発行します。会員登録なしでも公開できます。発行されるURLは 〇〇.giga-site.com 形式のサブドメインです。

HTTPSは自動、CDNのエッジ配信で表示が速いので、Rorkで作ったアプリ画面もスムーズに開いてもらえます。スマートフォンでの見え方を確認してほしいときは、QRコード配布で実機からすぐ開けます。

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

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

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

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

Rorkの成果物を共有する手順

Rorkから書き出してから共有するまでの流れは次のとおりです。

  1. RorkでアプリのWeb表示をHTML一式として書き出す。
  2. HTMLとCSS/JS/画像をZIPにまとめる。
  3. ギガサイト便のトップにドロップして共有URLを発行する。
  4. 認証方式を、URLのみ・パスワード・メール認証・会社ドメイン認証から選ぶ。
  5. 公開期限を設定し、発行されたURLまたはQRコードを相手に渡す。

更新と閲覧状況の把握

Rorkでアプリを作り込むと、画面は何度も更新されます。ギガサイト便は同じURLのままファイルを差し替えられるので、修正版を出すたびにリンクを送り直す必要がありません。確認している相手は同じURLで最新の画面を見られます。

誰がいつ見たかはアクセスログで把握できるので、依頼主がどれだけ確認したかが分かります。URL末尾はカスタムスラッグで案件名などに合わせて変更でき、相手に渡すときに内容を伝えやすくなります。

ストア配信や本番運用との使い分け

Rorkで作ったアプリを実際に配布・運用する段階では、アプリストアへの提出や専用のホスティングが必要です。ギガサイト便は独自ドメインでの本番Webサイト運用ではなく、確認・レビュー・一時共有に向いた位置づけです。

未公開のアプリ画面を限られた相手にだけ見せたいときは、パスワードやメール認証、会社ドメイン認証を選んでください。一時公開ページには noindex が付いて検索結果には出ませんが、noindex はアクセス制御ではないので認証を併用しましょう。公開期限が切れると自動的に閲覧できなくなり、古い確認用URLが残りません。

よくある質問

Rorkで作ったモバイルアプリをそのまま配布できますか。

ギガサイト便はWeb表示できるHTMLやZIPの確認共有に向いています。ストア配布や本番運用はアプリストアや専用ホスティングで行い、確認・レビューの段階でギガサイト便を使うとよいでしょう。

スマホでの見え方を確認してもらえますか。

QRコード配布に対応しているので、相手にQRを渡せば実機ですぐ開いて確認できます。モバイル画面のチェックに便利です。

画面を直すたびにURLは変わりますか。

変わりません。同じURLのままファイルを差し替えられるので、最初に渡したURLやQRコードをそのまま使い続けられます。

未公開のアプリ画面を安全に見せたいです。

パスワード、メール認証、会社ドメイン認証のいずれかで認証を付けてください。noindexだけではアクセス制御にならないため、限定公開には認証を併用しましょう。

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

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

関連記事

AI活用

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

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

5分で読める
AI活用

Perplexity Pages・Labsの成果物を共有する方法

PerplexityのPagesやLabsで作った成果物を社内・取引先と共有するとき、認証付きURLで範囲を絞って見せる方法が便利です。書き出したHTMLを手早く公開し、フィードバックを集める手順を紹介します。

4分で読める
AI活用

Le Chat(Mistral)で作ったHTMLを共有する方法

Le ChatのCanvas機能でHTMLを生成しても、それを社外の人に見せるにはファイルとして渡す手段が要ります。Mistral製のHTMLを認証付きURLで公開し、ブラウザですぐ確認してもらえる方法を解説します。

5分で読める
AI活用

PearAIで作ったHTMLを共有する方法

PearAIのチャット操作で作ったHTMLを、アカウントなしの相手にも動く形で見せたい開発者向け。出力を一時URLに変えて届けるまでの流れと共有の注意点を解説します。

4分で読める
AI活用

Continue.devで生成したHTMLを共有する方法

Continue.devでエディタ内に生成したHTMLを、ローカル外の関係者に動く形で届けたい開発者向け。一時URLを使った共有手順と、拡張の特性に合った運用方法が判断できます。

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