GPTs・ChatGPTアプリの成果物HTMLを共有する方法

ChatGPTが出力したHTMLを人に見せたい

カスタムGPTやChatGPTアプリにHTMLを生成させると、ランディングページ風の画面やレポート、ちょっとしたツールのモックが手に入ります。ただし出力はコードブロックやチャット画面の中にあり、そのままでは相手にうまく見せられません。

コードをコピーして相手に渡しても、相手側でファイルを保存してブラウザで開く手間がかかります。デモやレビューでは「URLを開くだけ」で見てもらえる状態にしておきたいところです。

ギガサイト便は、生成したHTMLをドロップするだけで共有URLにできるため、ChatGPTの成果物を素早く見せて確認・レビューしてもらう用途に向いています。

出力HTMLを共有URLにする手順

ChatGPTが出力したHTMLをファイルとして保存し、ギガサイト便にドロップすれば共有URLが発行されます。画像やCSSが別ファイルに分かれている場合は、まとめてZIPにしてドロップすれば一緒に配信されます。会員登録なしでも公開できます。

発行されるURLは 〇〇.giga-site.com 形式で、HTTPSは自動、CDNのエッジ配信で表示も速い構成です。デモの場ではQRコードを使えば、相手のスマホですぐに開いてもらえます。

1. ChatGPT/GPTsの出力HTMLをファイルに保存する
2. 画像やCSSがある場合はZIPにまとめる
3. ギガサイト便のトップにドロップして共有URLを発行する
4. 認証方式と公開期限を設定する
5. URLまたはQRコードでレビュー相手やデモ参加者に共有する

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

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

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

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

デモ・レビューで活きる見せ方

GPTsで作ったページは、文言や配色を試行錯誤する段階のものが多く、関係者の感想を集めながら磨いていくことになります。チャット画面ではなく実際のWebページとして見せると、相手は完成イメージを掴みやすくなります。

プレゼンや打ち合わせの場では、QRコードを画面に映してその場でアクセスしてもらえます。配布したURLについては、誰がいつ見たかをアクセスログで確認できるので、フォローアップの判断にも役立ちます。

公開範囲を認証で絞る

ChatGPTに作らせたページには、社内向けの数字や検討中の企画が含まれることがあります。ギガサイト便ではURLのみ、パスワード、メール認証(ワンタイムコード)、会社ドメイン認証から選べるので、見せる相手を絞れます。

一時公開ページにはnoindexが付くため検索結果には出ませんが、noindex自体はアクセス制御ではありません。関係者以外に見せたくないページは、必ず認証を併用して守ってください。社内デモなら会社ドメイン認証、外部参加者にはパスワードが手軽です。

差し替えと期限切れで散らからない

ChatGPTに何度も作り直しを頼むと、HTMLのバージョンが次々に増えていきます。ギガサイト便は同じURLのままファイルを差し替えられるので、最新の出力を書き出して中身だけ更新すれば、相手は同じリンクで最新版を見られます。

デモやレビューが終わった後のページを残したくないときは、公開期限を設定すれば期限切れで自動的に閲覧できなくなります。無料プランの公開期限は最長7日です。古い確認用URLが残らないので、試作のたびにURLが散らかる心配がありません。