Le Chat（Mistral）で作ったHTMLを共有する方法

Le Chatの出力をそのまま見せたい

Le ChatのCanvas的な機能でHTMLを作ると、その場で見た目を確認できます。ただ、その出力を他の人に見せようとすると、コードを貼り付けて渡すだけでは相手が動く状態で確認できません。

HTMLをコピーして手元で開いてもらう方法もありますが、相手に手間がかかります。書き出したHTMLを公開URLにしておけば、リンクを送るだけで誰でもブラウザで開けます。

ドロップするだけで共有URLになる

ギガサイト便は、HTMLファイルやCSS/JS/画像を含むZIPをトップページにドロップすると、その場で共有URLを発行します。会員登録なしでも公開できるので、Le Chatの出力を貼り付けて保存したHTMLをすぐにURL化できます。

URLは 〇〇.giga-site.com 形式のサブドメインで、HTTPSは自動、CDNのエッジ配信で表示が速いです。相手の環境を問わず、生成したHTMLを正しい見た目で見てもらえます。

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

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

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

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

Le ChatのHTMLを共有する手順

Le ChatのCanvasから取り出したHTMLを共有するまでの流れは次のとおりです。

1. Le Chatで生成したHTMLをコピーし、ファイルとして保存する。
2. CSS/JS/画像が分かれている場合はまとめてZIPにする。
3. ギガサイト便のトップにドロップして共有URLを発行する。
4. 認証方式を選び、公開期限を設定する。
5. 発行された 〇〇.giga-site.com のURLを相手に送る。

対話を重ねながら同じURLで見せる

Le Chatは対話を重ねるごとにHTMLを更新できます。修正版が出るたびに新しいリンクを送るのは面倒ですが、ギガサイト便は同じURLのままファイルを差し替えられるので、最初に送ったURLをそのまま使い続けられます。

相手は同じURLを開くだけで、最新の出力を確認できます。誰がいつ見たかはアクセスログで把握でき、URL末尾はカスタムスラッグで分かりやすく変更できます。やり取りのテンポを落とさずにレビューを回せます。

見せる相手を絞り、期限で区切る

社外に見せるHTMLや未公開の試作は、パスワードやメール認証、会社ドメイン認証を選んで限定公開しましょう。一時公開ページには noindex が付いて検索結果には出ませんが、noindex はアクセス制御ではないので、見せる相手を絞るときは認証の併用が前提です。

公開期限を設定すれば、期限切れで自動的に閲覧できなくなり、古い確認用URLが残りません。ギガサイト便は本番Webサイトの運用ではなく、確認・レビュー・一時共有に向いた位置づけなので、生成したHTMLをさっと見せる場面に使うのが向いています。