Teams に投稿した HTML ファイルを、ページとして見てもらう方法

Copilot や ChatGPT に作ってもらった週次の売上レポートや、画面のモックアップの HTML を、Teams のチャネルに投稿した。開いた同僚からは「コードが並んでいるだけ」「グラフが出ない」と返ってくる。Teams で送った HTML は、ページではなく、ファイルとして届きます。

このガイドは、Teams で HTML ファイルを送る手順、表示されない・コードが出る・スクリプトが動かないときに Microsoft の資料からわかること、URL にして社内の人に見てもらう手順を順に説明します。Microsoft の内容は、2026 年 10 月 15 日と 16 日に Microsoft のサポートページ、Microsoft Learn、Microsoft Q&A のフォーラムで確かめました。Teams の画面では試していないため、ボタンやメニューの名前は Microsoft のヘルプの日本語版の表記のまま書きます。

Teams で HTML ファイルを送る手順

Microsoft のヘルプ Microsoft Teams でファイルを共有する は、チャットとチャネルで同じ手順を案内しています。手順は次の 3 つです。

• パソコン。 チャネルの投稿かチャットのメッセージを選び、入力欄の「アクションとアプリ」から「ファイルの添付」を選びます。ファイルを選び、必要ならメッセージを添えて「送信」を選んでください。パソコンにあるファイルは、メッセージにドラッグしても送れます。
• スマホ。 メッセージを入力するボックスの下にある「添付」をタップして、端末かクラウドのストレージからファイルを選びます。
• OneDrive のリンク。 Teams の「OneDrive」で「個人のファイル」を開き、ファイルの「共有」から「リンクのコピー」を選ぶと、チャットやメールに貼れるリンクができます。

どの方法でも、届くのはファイルか、ファイルへのリンクです。

ヘルプ Microsoft Teams のファイル ストレージ によると、チャネルにアップロードしたファイルはチームの SharePoint フォルダーに保存され、チャットで送ったファイルは OneDrive for Business に保存されて、その会話の相手とだけ共有されます。Teams で開く HTML ファイルは、SharePoint か OneDrive に置かれたファイルです。

Teams で HTML が表示されない・コードが出る・スクリプトが動かない理由

HTML ファイルの扱いを記した Microsoft の公式ドキュメントで見つかるのは、SharePoint Online の開発者向けページです。Teams の画面の名前は出てきませんが、Teams のファイルは SharePoint と OneDrive に置かれます。Microsoft Q&A のフォーラムにも、2022 年の質問と回答が寄せられています。

• SharePoint Online は、スクリプトの入った HTML を実行しない。 Microsoft Learn の SharePoint 開発者向けドキュメント ブラウザーのファイル処理を permissive から既定の strict に移行する（2022 年 9 月 23 日）によると、問題を起こす可能性のあるファイル（埋め込みスクリプトがある html ファイルなど）はブラウザーで実行されず、処理されないまま（新しい画面では html のプレビューとして）ダウンロードされるか表示されます。いまの既定は strict で、テナントの設定を permissive に切り替えることはできません。画面にコードが出る、ファイルがダウンロードされる、スクリプトが動かない、という症状はこの説明と一致します。
• HTML は、プレビューの一覧の Web とコードの両方に入っている。 Microsoft の OneDrive、SharePoint、Teams でのファイルのプレビューがサポートされているファイルの種類 では、「Web/Hypertext」に HTM と HTML が、「テキストとコード」にも HTML が載っています。ページとして表示するのか、コードとして表示するのか、スクリプトを動かすのかは、このページには書かれていません。
• SharePoint で開いた HTML では、JavaScript が動かないことがある。 SharePoint のライブラリから開いた HTML ファイルのスクリプトが動かないという Microsoft Q&A の質問に対し、回答者は 2022 年 7 月 29 日、調べて試した結果として、表示されるのは HTML の一部で JavaScript は既定では動かないと回答しています（出典: フォーラムの回答（英語））。これは公式ドキュメントではなく、フォーラムでの回答です。
• ページ内のリンクで、画面が真っ白になることがある。 2022 年 11 月 28 日の Microsoft Q&A には、Teams のファイルに置いた HTML をダブルクリックすると Teams 専用の HTML ビューアーで開き、同じページの見出しへ移るリンクを押すと画面が真っ白になる、という利用者の報告があります（出典: フォーラムの質問（英語））。Microsoft による回答ではありません。
• 別のファイルに分けた CSS や画像は、読み込まれないことがある。 投稿するときに選ぶのは、ファイル 1 つです。2022 年 10 月 22 日の Microsoft Q&A には、画像と CSS のフォルダーも一緒に置いた HTML ファイルを SharePoint のライブラリから開いたところ、書式がすべて消えて画像も表示されなかったという質問があります（出典: フォーラムの質問（英語））。HTML ファイルだけをほかの場所で開くと別ファイルの CSS や画像が読み込まれない現象は、ガイド HTML ファイルを LINE で送る方法 に掲載したパソコンの Chromium での確認でも同様でした。
• 組織の設定で、ファイルが止められることがある。 Microsoft の OneDrive と SharePoint の制限事項と制約事項 によると、職場や学校の OneDrive では、組織の SharePoint サイトで一部の種類のファイルがブロックされることがあり、止める種類は管理者によって異なります。Microsoft 365 の SharePoint そのものには、追加できないファイルの種類はありません（出典: リストやライブラリに追加できないファイルの種類）。HTML ファイルをアップロードできないときは、社内の管理者に確かめてください。

相手に必要なのがページではなくコードなら、ファイルのままでかまいません。HTML を直してもらうエンジニアには、ダウンロードしてエディターで開いてもらえます。

ページを見てもらうなら、URL を送ります。

OneDrive・SharePoint に置いた HTML ファイル

チャットで送ったファイルは送った人の OneDrive に、チャネルのファイルはチームの SharePoint にあります。プレビューできるファイルの種類は、OneDrive、SharePoint、Teams で 1 つの一覧にまとまっています。SharePoint Online がスクリプトの入った HTML ファイルを実行しないことは、上の節のドキュメントのとおりです。

自分で本来の見え方を確かめるなら、ファイルをダウンロードして、パソコンのブラウザで開きます。ヘルプ OneDrive や SharePoint からファイルとフォルダーをダウンロードする のとおり、Web サイトでファイルを選んで上部の「ダウンロード」を選ぶか、ファイルを右クリックして「ダウンロード」を選びます。ファイルがスマホにあるなら、ブラウザで Convika の無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」から選べば、スクリプトも動く状態で表示できます。ビューアーはブラウザの中で動くため、ファイルはアップロードされません。どちらも見られるのは自分だけです。同僚にもダウンロードなしでページを見てもらうなら、URL を送ります。

ファイルとは別に、SharePoint には HTML をページとして公開する機能が加わりました。Microsoft のヘルプ SharePoint で HTML ページを作成、アップロード、編集、公開する によると、Copilot に作らせた HTML や、アップロードした HTML ファイルを、サイトの「サイトのページ」ライブラリに置いて、ページとして公開・共有できます。Copilot で作ったり直したりするには、Microsoft 365 Copilot のライセンスが要ります。2026 年 10 月 16 日の時点では、Microsoft の Frontier プログラムに参加した組織に段階的に提供されている機能で、まだ表示されないこともあります。

同じヘルプによると、そのページの中で動くものには決まりがあります。JavaScript は同じ HTML ファイルの中に書いたものが動きます。CDN から読み込めるライブラリは、Microsoft が管理する CDN の Chart.js、Mermaid、React、Fluent UI、Babylon だけで、ほかの CDN のものには対応していません。SharePoint のリストと Excel のデータは表示できますが、ページから自由にデータを取得したり、外部の API を呼んだりする処理はブロックされます。ブラウザの localStorage も使えません。このヘルプが扱うのは「サイトのページ」ライブラリのページで、Teams のチャットやチャネルに投稿したファイルの見え方が変わるとは書かれていません。

HTML ファイルを URL にして Teams に貼る 4 つの手順

ここで作る URL は、Convika に置いたページの URL です。Microsoft 365 の外のサービスなので、社内の情報を載せてよいかは、先に社内のルールを確かめてください。

1. ページを 1 つのファイルにまとめる

Convika が受け付けるのは、.html か .htm のファイル 1 つ（2 MB まで）か、同じコードの貼り付けです。

画像は https:// から始まる URL で指定します。CSS や画像を別のファイルに分けているなら、作った AI に「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。

グラフのライブラリのように https:// の CDN から読み込むスクリプトは、公開したページで動きます。社内の API などからデータを読み込むスクリプトは動かないので、数字はページの中に直接書いてもらいます（社内だけで見せたいとき）。

2. ボックスにファイルをドロップして、プレビューを確かめる

ページ冒頭のボックス にファイルをドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。

「プレビューができました」と出たら「プレビューを開く」を押し、レイアウトと画像を確かめます。このプレビューを開けるのは 3 分間 だけです。スクリプトとフォームは止めて表示するので、グラフやメニューは動きません。

3. 無料で受け取って、公開する

Teams に貼るのは、プレビューのリンクではなく、ページを受け取って公開した URL です。

「このページを受け取る（無料・カード不要）」を押して登録すると、ページがそのままアカウントに入り、スクリプトも動くようになります。Free プランはカード登録なしで使え、1 ページを公開できます。

社内の人だけに見せるなら、公開する前にパスワードを設定します。管理画面で「公開する」を押すと、yourpage.convika.page のようなアドレスで公開され、この URL は「公開停止」を押すまで変わりません。Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。

4. Teams のチャットかチャネルに URL を貼る

公開した URL をコピーして、チャットかチャネルのメッセージに貼り付けて送ります。相手は Convika のアカウントがなくても、URL を開けばページを見られます。

投稿したのはファイルではなく URL なので、どの同僚の画面でも、開くのは公開した同じページです。

共有したページを検索結果に出さない設定

2026 年 7 月、Claude の「リンクで共有」で共有したチャットやアーティファクトが、Google や Bing の検索結果に出ていたと報道されました（The Decoder、GovInfoSecurity）。The Decoder は、共有ページに検索エンジンへ結果に載せないよう伝える noindex のタグがなかったようだ、と伝えています。Anthropic は、共有リンクは利用者自身が広めない限り見つからない、と説明しました。

Convika では、公開するときの確認画面で「一般公開」か「限定公開」を選べます。無料の一般公開は、検索結果や Convika のギャラリーに出ることがあります。限定公開（Pro・1年パス）を選ぶと、Convika はページを検索結果に出さないよう検索エンジンに伝え（noindex）、サイトマップにもギャラリーにも載せません。Teams に貼った URL を開くのにパスワードやアカウントはいらず、URL を転送された人もそのまま開けます。限定公開は Pro（月 ¥1,800）と 1年パスの機能です。

公開したあとでも、「サイト設定」から切り替えられます。限定公開に変えるには Pro か 1年パスが必要です。URL が転送されても決まった人だけに開いてほしいときは、「パスワードを知っている人だけ」を選んでパスワードをかけてください。パスワードは Pro（月 ¥1,800）の機能です。

社内だけで見せたいとき

公開したページは、URL を知っている人ならだれでも開けます。URL はコピーすればだれにでも渡せるので、社内の人だけに見せるページには、パスワードをかけます。

• パスワードをかける。「サイト設定」の「閲覧パスワード」でパスワードを設定すると、訪問者にはまずパスワードの入力画面が出て、Convika は正しいパスワードが入力されるまでページを送りません。一度入力したブラウザでは、7 日間は入力なしで開けます。パスワードは Pro（月 ¥1,800）の機能です。URL はチャネルに、パスワードは別のメッセージや口頭で伝えます。見る人の画面は、ガイド HTML ページにパスワードをかけて、知っている人だけに見せる方法 で説明しています。
• Microsoft のアカウントでのサインインはない。 Convika のパスワードは、ページごとに 1 つを共有する方式です。Microsoft のアカウントでのサインインや、シングルサインオン（SSO）には対応していません。パスワードを知っていれば、社外の人でも開けます。組織のアカウントを持つ人だけに絞りたいなら、Teams や SharePoint の中でファイルとして共有します。チャットで送ったファイルは、その会話の相手とだけ共有されます。
• 開かれたかがわかる。 公開したページは、日ごとの訪問数を、国、デバイス、どのサイトから来たかとあわせて、直近 90 日分見られます。パスワードをかけたページでは、入力画面を通ったあとの訪問だけを数えます。名前やメールアドレスなど、だれが見たかはわかりません。
• 社内のデータを読み込むダッシュボードは動かない。 Convika のページは、自分のアドレス以外からデータを取得できません。社内の API や SharePoint のリストから、開くたびに最新の数字を読み込むダッシュボードは、公開しても数字が出ません。作った AI に「読み込んでいるデータを、ページの中に直接書いて」と頼み、数字が変わったら作り直して公開します。

よくある質問

Teams で HTML ファイルのプレビューはできますか？

Teams でも HTML のプレビュー表示は行えますが、スクリプトの入った HTML はブラウザで実行されません。Microsoft の一覧では「Web/Hypertext」に HTM と HTML が、「テキストとコード」にも HTML が載っており、プレビューできるファイルの種類に入っています。ただし Microsoft の SharePoint の開発者向けドキュメントによると、SharePoint Online は、スクリプトの入った HTML ファイルをブラウザで実行せず、ダウンロードさせるか、HTML のプレビューとして表示します。Teams のファイルは SharePoint と OneDrive に置かれます。同僚に本来のページを見てもらうなら、HTML ファイルを公開先に置いて、その URL を投稿してください。

Teams で HTML ファイルが表示されないのはなぜですか？

SharePoint Online が、スクリプトの入った HTML ファイルをブラウザで実行せず、処理しないまま表示するかダウンロードさせるためです。Microsoft の SharePoint の開発者向けドキュメントに記載があり、コードが出るのはこの説明と一致します。また、HTML ファイルだけを投稿すると、別のファイルに分けた CSS や画像は一緒に届きません。ファイルの種類によっては、組織の設定でアップロードが止められることもあります。ページを 1 つのファイルにまとめて公開し、その URL を投稿すれば、全員が同じページを開けます。

Teams で HTML の JavaScript が動かないのはなぜですか？

Teams のチャネルのファイルが保存される SharePoint Online が、スクリプトの入った HTML ファイルをブラウザで実行しない仕様になっているためです。Microsoft の SharePoint の開発者向けドキュメントによると、この扱いが既定で、組織の設定で切り替えることはできません。Microsoft Q&A のフォーラムでも 2022 年 7 月に、回答者が、SharePoint のライブラリで開いた HTML ファイルでは JavaScript が既定では動かないと答えています。スクリプトを動かしたいなら、ページを公開先に置き、その URL を投稿してください。Convika の Free プランで公開したページでは、スクリプトが動きます。

Teams で HTML ファイルのリンクを共有するにはどうすればよいですか？

ファイルへのリンクなら、Teams の「OneDrive」でファイルの「共有」から「リンクのコピー」を選びます。ただし、このリンクで届くのはページではなくファイルです。ページとして見てもらうなら、HTML ファイルを公開先に置き、その URL をメッセージに貼ってください。このページのボックスでプレビューを作り、Convika の Free プランで公開すれば、Teams に貼れる URL になります。

OneDrive の HTML ファイルをブラウザで表示するにはどうすればよいですか？

自分で見るだけなら、OneDrive でファイルを選んで「ダウンロード」を選び、ダウンロードしたファイルをパソコンのブラウザで開きます。スマホにファイルがあるなら、ブラウザで「HTML ビューアー」を開いて「HTML ファイルを選ぶ」から選ぶと、スクリプトも動く状態で表示でき、ファイルはアップロードされません。ほかの人にもブラウザで見てもらうなら、公開先に置いて URL を送ってください。