---
title: "Le Chat（Mistral）で作ったHTMLを共有する方法"
description: "Le ChatのCanvas機能でHTMLを生成しても、それを社外の人に見せるにはファイルとして渡す手段が要ります。Mistral製のHTMLを認証付きURLで公開し、ブラウザですぐ確認してもらえる方法を解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/share-lechat-html"
markdown: "https://giga-site.com/articles/share-lechat-html/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Le Chat（Mistral）で作ったHTMLを共有する方法

MistralのLe Chatでは、対話の中でHTMLを生成し、Canvasのような形で出力を確認できます。出来上がったHTMLを社内や取引先に見てもらうには、ブラウザで開ける公開URLにして渡すのが手っ取り早い方法です。ここではLe Chatの出力を一時URLで共有する流れを整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

> Source HTML: https://giga-site.com/articles/share-lechat-html
> Article index: https://giga-site.com/articles/index.md

## 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をさっと見せる場面に使うのが向いています。

## よくある質問

### Le Chatの出力をどうやってファイルにすればよいですか。

Canvasで生成したHTMLをコピーし、拡張子.htmlで保存してください。CSS/JS/画像が別ファイルになっている場合は、まとめてZIPにしてからドロップします。

### 対話で何度も直しても同じURLで見せられますか。

はい。同じURLのままファイルを差し替えられるので、更新のたびにリンクを送り直す必要はありません。相手は同じURLで最新版を見られます。

### URL末尾を内容に合わせて変えられますか。

カスタムスラッグに対応しているので、URL末尾を分かりやすい文字列に変更できます。相手に渡すときに内容が伝わりやすくなります。

### 試作を限られた人にだけ見せたいです。

パスワード、メール認証、会社ドメイン認証のいずれかを選んでください。noindexは検索回避の仕組みでアクセス制御ではないため、限定公開には認証を併用しましょう。

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

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

## 関連記事

- [Difyで作ったアプリやページを共有する方法](https://giga-site.com/articles/share-dify-app/index.md)
- [Perplexity Pages・Labsの成果物を共有する方法](https://giga-site.com/articles/share-perplexity-page/index.md)
- [Rorkで作ったアプリを共有する方法](https://giga-site.com/articles/share-rork-app/index.md)
- [OpenHands（旧OpenDevin）で作ったHTMLを共有する方法](https://giga-site.com/articles/share-openhands-output/index.md)
- [PearAIで作ったHTMLを共有する方法](https://giga-site.com/articles/share-pear-ai-html/index.md)
- [Continue.devで生成したHTMLを共有する方法](https://giga-site.com/articles/share-continue-dev-html/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Le Chat（Mistral）で作ったHTMLを共有する方法",
  "description": "Le ChatのCanvas機能でHTMLを生成しても、それを社外の人に見せるにはファイルとして渡す手段が要ります。Mistral製のHTMLを認証付きURLで公開し、ブラウザですぐ確認してもらえる方法を解説します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/share-lechat-html",
  "url": "https://giga-site.com/articles/share-lechat-html",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "AI活用",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Le Chatの出力をどうやってファイルにすればよいですか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Canvasで生成したHTMLをコピーし、拡張子.htmlで保存してください。CSS/JS/画像が別ファイルになっている場合は、まとめてZIPにしてからドロップします。"
      }
    },
    {
      "@type": "Question",
      "name": "対話で何度も直しても同じURLで見せられますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい。同じURLのままファイルを差し替えられるので、更新のたびにリンクを送り直す必要はありません。相手は同じURLで最新版を見られます。"
      }
    },
    {
      "@type": "Question",
      "name": "URL末尾を内容に合わせて変えられますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "カスタムスラッグに対応しているので、URL末尾を分かりやすい文字列に変更できます。相手に渡すときに内容が伝わりやすくなります。"
      }
    },
    {
      "@type": "Question",
      "name": "試作を限られた人にだけ見せたいです。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "パスワード、メール認証、会社ドメイン認証のいずれかを選んでください。noindexは検索回避の仕組みでアクセス制御ではないため、限定公開には認証を併用しましょう。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```