Google Chat・Meet のチャットで HTML ファイルを見せたい。開けないときの共有方法
要約
Google Chat のヘルプによると、Google 形式以外のファイルは全画面のプレビューで開き、Google ドライブにないファイルはダウンロードされます。パソコンから添付した HTML は、相手の手元にファイルとして落ちるだけです。会議の参加者にページを見てもらうなら、HTML を公開して、その URL を Chat や Meet のチャットに貼ります。このページのボックスに HTML を入れて Convika の Free プランで公開すると、生徒も同僚もアカウントなしで、パソコンでもスマホでも同じページを開けます。
Free プラン: カード登録なし、公開 1 ページまで、フォームは月 50 件まで
目次
Gemini や ChatGPT で作った小テストやシミュレーションを、Meet の授業でみんなに触ってもらいたい。Google Chat のスペースに HTML ファイルを添付したら、返ってきたのは「ダウンロードされただけ」「スマホだと開けない」。Chat に届いた HTML は、ページではなくファイルです。
このガイドでは、Google Chat に HTML を添付したときに起きることと、URL にして Chat や Meet のチャットで共有する手順、画面共有との使い分け、参加者を限りたいときの方法を順に説明します。Google のヘルプは 2026 年 10 月 21 日に確かめました。Google Chat と Meet の画面では試していないため、ボタンの名前はヘルプの表記のまま書きます。
Chat に HTML を送るとどうなる
Google のヘルプ Google Chat のメッセージでファイルを送信、共有する によると、パソコン、モバイル デバイス、Google ドライブから、200 MB までのファイルをメッセージに添付できます。Chat がブロックする拡張子の一覧に、HTML は入っていません。困るのは、受け取った側です。
- ドライブにない HTML は、ダウンロードになる。 同じヘルプによると、共有されたファイルの名前をクリックしたとき、Google 形式以外のファイルは全画面のプレビューで開き、Google ドライブにないファイルはダウンロードされます。新しいタブで開く例外は PDF と動画だけです。パソコンから添付した HTML は、相手がダウンロードしたファイルを探して、ブラウザで開き直すことになります。
- ドライブから添付しても、ページとして動くかはわからない。 Google ドライブのヘルプ Google ドライブに保管可能なファイル では、.HTML はプレビューできる「マークアップ、コード」のファイルに入っています。ただ、プレビューは「元のファイルを簡易的に表示したもの」とあり、ページの形で描かれるのか、スクリプトが動くのかは書かれていません。
- CSS や JavaScript を分けたページは、そのまま送れない。 Chat がブロックする一覧には JS が入っています。
script.jsを別のファイルにしたページは、HTML と一緒に送ることもできません。 - スマホのアプリでの見え方は、ヘルプにない。 確かめたヘルプの手順はパソコン向けで、Android や iPhone の Chat アプリで HTML の添付がどう開くかは書かれていません。
相手に必要なのがコードなら、ファイルのままでかまいません。ページを見て、触ってもらうなら、URL を送ります。
HTML を URL にして Google Chat・Meet で共有する 4 つの手順
ここで作る URL は、Convika に置いたページの URL です。学校や会社のルールで、外のサービスにページを置いてよいかを先に確かめてください。
1. ページを 1 つのファイルにまとめる
Convika が受け付けるのは、.html か .htm のファイル 1 つ(2 MB まで)か、同じコードの貼り付けです。CSS や JavaScript を別のファイルに分けているなら、作った AI に「CSS と JavaScript をすべて中に入れた、1 つの HTML ファイルにして」と頼んでください。
2. ボックスに入れて、プレビューを確かめる
ページ冒頭のボックス にファイルをドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
「プレビューができました」と出たら「プレビューを開く」を押して、見た目を確かめます。このプレビューを開けるのは 3 分間 だけで、スクリプトとフォームは止めて表示します。
3. 無料で受け取って、公開する
チャットに貼るのは、プレビューのリンクではなく、ページを受け取って公開した URL です。
「このページを受け取る(無料・カード不要)」を押して登録すると、ページがアカウントに入り、スクリプトも動くようになります。管理画面で「公開する」を押すと、はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プラン(最初の 7 日間は無料、カードの登録が必要)かを選びます。無料で公開したページは、下に Convika のバナーが出ます。
4. Chat のスペースか、Meet のチャットに URL を貼る
公開した URL をコピーして、Chat のメッセージか、会議中の Meet のチャットに貼って送ります。参加者は Convika のアカウントも Google アカウントもいらず、リンクを押せば自分のブラウザでページを開けます。生徒の端末が Chromebook でも iPad でもスマホでも、同じページです。
Meet の画面共有とチャットの使い分け
Meet でページを見せる方法は 2 つあります。
画面共有は、全員に同じ場面を見せるとき。 Google のヘルプ ビデオ会議中にプレゼンテーションを行う によると、画面下の共有のアイコンから「タブ」「ウィンドウ」「画面全体」のどれかを選んで共有します。公開したページをブラウザのタブで開いて共有すれば、操作するのは発表者だけです。説明しながら、クイズの答えを 1 問ずつ見せる場面に向きます。
チャットの URL は、参加者が自分で触るとき。 小テストに答えてもらう、シミュレーションの数字を変えてもらう、といった場面です。Google のヘルプ Google Meet で Chat を使用する方法を学習する によると、会議のチャットのメッセージは、ビデオ会議の参加者全員に表示されます。注意したいのは、メッセージが残る時間です。同じヘルプによると、会議のチャットの保持が無効か使えない場合、メッセージは会議中にだけ表示され、会議が終わるとすぐに消えます。保持を使えるとヘルプが挙げるのは Business、Enterprise、Frontline の各エディションで、一覧に Education のエディションはありません。保持が有効でも、組織の外から入ったゲストや、カレンダーの招待状にない人は、参加する前のメッセージを見られません。
遅れて入る人がいそうなら、URL は Chat のスペースや Classroom にも貼っておきます。教室のスクリーンに映すなら、QR コードも使えます。Convika の管理画面の「QR コードを表示する」で出る QR コードは、新しい版を公開しても同じページを開きます。くわしくは HTML ファイルを、スマホで読み取れる QR コードにする方法 で説明しています。
Meet のチャットにファイルを添付する方法は、確かめたヘルプには載っていませんでした。
参加者を限定したいとき
公開したページは、URL を知っている人ならだれでも開けます。チャットに貼った URL は、転送された人もそのまま開けます。
Convika では、公開するときの確認画面で「一般公開」か「限定公開」を選べます。無料の一般公開は、検索結果や Convika のギャラリーに出ることがあります。限定公開(Pro・1年パス)を選ぶと、Convika はページを検索結果に出さないよう検索エンジンに伝え(noindex)、サイトマップにもギャラリーにも載せません。
決まった人だけに見せたいなら、パスワードをかけます。「サイト設定」の「閲覧パスワード」でパスワードを設定すると、訪問者にはまずパスワードの入力画面が出ます。一度入力したブラウザでは、7 日間は入力なしで開けます。パスワードは Pro と 1年パスの機能です。URL はチャットに貼り、パスワードは別のメッセージか口頭で伝えます。くわしくは HTML ページにパスワードをかけて、知っている人だけに見せる方法 で説明しています。プランの違いは 料金ページ にまとめています。
Google Workspace のアカウントでのサインインで開ける人を絞る機能は、Convika にはありません。
更新したとき同じ URL
授業の途中で誤字に気づいても、URL を送り直す必要はありません。直したファイルを、管理画面の「新しいバージョンのアップロード」から入れ替えて公開します。URL も QR コードも変わらないので、チャットに貼ったリンクを押せば、新しい版が開きます。
ファイルを添付し直すと、古い版と新しい版がチャットに並び、どちらを開いたかで答えが食い違います。
添付・ドライブ・Convika のくらべ
| 共有のしかた | スマホで開ける | ページのスクリプトが動く | 直したあとも同じリンク | 開かれた数がわかる |
|---|---|---|---|---|
| Chat に添付(ドライブ以外から) | ヘルプに記載なし(パソコンではダウンロード) | ダウンロードしたファイルを開いた環境しだい | 添付し直す | ヘルプに記載なし |
| ドライブのファイルを添付 | 未確認 | 未確認(プレビューは簡易表示) | 未確認 | 未確認 |
| Convika の URL を貼る | 開ける(ブラウザで開く) | 動く | 新しいバージョンを公開しても同じ | 日ごとの訪問数を直近 90 日分 |
Convika で公開したページは、日ごとの訪問数を、国、デバイス、どのサイトから来たかとあわせて見られます。だれが開いたか(名前やメールアドレス)まではわかりません。
Classroom の課題に配るなら AI で作った HTML の教材を、Classroom で生徒に配る、ドライブの HTML の扱いは Google ドライブの HTML ファイルをページとして表示・共有する方法、Teams の会議なら Teams に投稿した HTML ファイルを、ページとして見てもらう方法 で説明しています。
よくある質問
Google Chat で html ファイルを開ける?
パソコンから添付した HTML は、Google Chat のヘルプによると、ドライブにないファイルとしてダウンロードされます。相手は保存したファイルをブラウザで開き直すことになります。ドライブから添付するとプレビューで開きますが、ヘルプはプレビューを簡易的な表示としていて、スクリプトが動くかは書いていません。ページとして見せるなら、公開した URL を貼ってください。
Meet のチャットに html を貼ると?
Meet の画面では試していませんが、Google のヘルプには、会議のチャットに貼ったコードをページとして表示する機能は載っていません。ページを公開して、その URL を Meet のチャットに貼れば、参加者はリンクを押して自分の画面でページを開けます。遅れて入る人のために、Chat のスペースにも同じ URL を貼っておくと安心です。
Google Chat で html の中身を表示するには?
コードを読ませたいなら、ファイルを添付するかコードをそのまま貼ります。ページとして表示したいなら、HTML を Convika のボックスに入れて公開し、その URL をメッセージに貼ります。相手はリンクを押すだけで、パソコンでもスマホでもページを開けます。手元で見え方だけ確かめたいときは、無料の HTML ビューアー で開けます。
生徒が Google アカウントでログインしていなくても開ける?
開けます。Convika で公開したページは、Convika のアカウントも Google アカウントもなしに、URL を押すだけで開けます。学校の Chromebook でも、家のスマホでも同じです。URL を知っている人ならだれでも開けるので、クラスの外に出したくないページは、Pro か 1年パスでパスワードをかけてください。
出典
- Google Chat のメッセージでファイルを送信、共有する(Google Chat ヘルプ) (2026 年 10 月 21 日に確認)
- Google ドライブに保管可能なファイル(Google ドライブ ヘルプ) (2026 年 10 月 21 日に確認)
- ビデオ会議中にプレゼンテーションを行う(Google Meet ヘルプ) (2026 年 10 月 21 日に確認)
- Google Meet で Chat を使用する方法を学習する(Google Meet ヘルプ) (2026 年 10 月 21 日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- AI で作った HTML の教材を、Classroom で生徒に配るClassroom に HTML ファイルを添付すると、生徒に届くのはファイルです。ChatGPT や Gemini、Claude で作った教材やゲームを URL にして「資料」や「課題」にリンクで投稿する手順と、リンクで提出してもらう方法を説明します。
- Google ドライブの HTML ファイルを、ページとして表示・共有する方法Google ドライブは HTML ファイルを保存・共有できますが、Web ページとしての配信機能は 2016 年に終了しました。ドライブの HTML ファイルを自分のブラウザで開く方法と、URL を発行して Web ページとして人に見せる方法を解説します。
- Teams に投稿した HTML ファイルを、ページとして見てもらう方法Teams に投稿した HTML ファイルは、ページではなく SharePoint か OneDrive のファイルとして届きます。このガイドは、表示されない・動かないときに Microsoft の資料でわかることと、URL にして社内の人に見てもらう手順を説明します。
- HTML ファイルを、スマホで読み取れる QR コードにする方法QR コードに入れるのは HTML ファイルではなくページの URL です。HTML ファイルを公開して管理画面で QR コードを出す手順と、チラシや授業で配る前に確かめることを説明します。
- iPhone で HTML ファイルを受け取ったら文字だらけ。開く方法と、相手にリンクで送る方法iPhone の「ファイル」アプリで HTML ファイルをタップすると、開くのはブラウザではなくプレビューで、iOS 26.3 のシミュレーターで試した結果ではボタンもゲームも動きませんでした。いま手元のファイルをページとして開く方法と、送る側がリンクにして送り直す手順を説明します。