Pico（AI即席アプリ）で作ったアプリを共有する方法

即席アプリを人に触ってもらう難しさ

Picoはテキストの指示から、小さなツールやプロトタイプを素早く生成します。アイデアの検証には便利ですが、相手に動きを確かめてもらおうとすると、ローカルで開いたり手元で動かす手間が発生します。

見てもらいたいのは「触った感触」であることが多く、コードや手順を共有しても相手には伝わりにくいものです。動くものを、ブラウザで開くだけの形で渡せると、フィードバックの質が上がります。

Picoの出力がHTMLやCSS、JSで完結しているなら、それらをまとめて一時URL化することで、環境構築なしに動くデモを共有できます。

出力をまとめて確認する

Picoが返したものが単一のHTMLファイルなら、そのまま扱えます。複数ファイルに分かれている場合は、相対パスを保ったままフォルダごとZIPにまとめると、リンク切れなく動きます。

外部のサービスにアクセスするアプリの場合、その通信が共有先でも動くかは事前に確認しておきましょう。表示と簡単な操作だけを見せたいなら、ローカルで完結するアセットだけそろえておけば十分です。

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

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

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

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

動くデモを一時URLにする手順

Picoの出力をブラウザで触れるデモにする流れは次のとおりです。会員登録なしでも公開でき、必要に応じて認証や期限を付けられます。

発行されるのは〇〇.giga-site.com形式のサブドメインで、HTTPSは自動です。CDNのエッジ配信で表示が速いため、相手は重い手順を踏まずにすぐデモを触れます。

1. Picoの出力からHTML単体、または関連ファイルをまとめる
2. 複数ファイルなら相対パスを保ってZIP化する
3. ギガサイト便のトップページにドロップして共有URLを発行する
4. 認証方式（URLのみ・パスワード・メール認証・会社ドメイン認証）を選ぶ
5. 公開期限を設定し、URLやQRコードで触ってほしい相手に渡す

試作段階の出力を守りながら見せる

試作のアプリには未完成の機能や仮のデータが含まれます。広く出回ると意図しない使われ方をされかねないので、パスワードやメール認証で見せる相手を絞っておくと安心です。社内検討なら会社ドメイン認証も使えます。

一時公開ページにはnoindexが付き検索結果に出ませんが、noindexはアクセス制御ではありません。試作段階のアプリを関係者以外に見られたくないときは、認証を併用しておきましょう。公開期限を切っておけば、検討期間が過ぎたデモは自動的に閲覧できなくなります。

改善を重ねながらデモを更新する

Picoに修正を指示して新しい出力が返ってきたら、同じURLのままファイルを差し替えられます。リンクを送り直さずに中身だけ更新できるため、触ってもらう相手は同じURLから最新版を試せます。

誰がいつ触ったかはアクセスログで把握できます。実際に試してもらえたかが分かるので、感想が返ってこないときにも次の動きを判断しやすくなります。アイデアを素早く形にするPicoと、動くものをすぐ渡せる共有を組み合わせると、検証のサイクルが短くなります。