Google Chat・Meet のチャットで HTML ファイルを見せたい。開けないときの共有方法

要約

Google Chat のヘルプによると、Google 形式以外のファイルは全画面のプレビューで開き、Google ドライブにないファイルはダウンロードされます。パソコンから添付した HTML は、相手の手元にファイルとして落ちるだけです。会議の参加者にページを見てもらうなら、HTML を公開して、その URL を Chat や Meet のチャットに貼ります。このページのボックスに HTML を入れて Convika の Free プランで公開すると、生徒も同僚もアカウントなしで、パソコンでもスマホでも同じページを開けます。

チャットに貼れる URL をつくる

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年パスでパスワードをかけてください。

出典

次のステップ

HTML ページにパスワードをかけて、知っている人だけに見せる方法

JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。

関連記事

人に渡す方法

記事を共有する

会議のチャットには、ファイルではなく URL を貼る

HTML ファイルを入れて公開すれば、参加者はリンクを押すだけで、自分の端末で同じページを開けます。

チャットに貼れる URL をつくる

Free プラン: カード登録なし、公開 1 ページまで、フォームは月 50 件まで