OneDrive に置いた HTML ファイルが表示されない。ページとして開く方法

要約

Microsoft Learn の SharePoint 開発者向けドキュメントによると、SharePoint Online は、スクリプトの入った HTML ファイルをブラウザで実行せず、ダウンロードさせるか、処理しないまま表示します。この扱いは組織の設定で切り替えられません。OneDrive で HTML がコードのまま出る、ダウンロードされる、という症状はこの説明と一致します。自分で見るだけなら、ダウンロードしてパソコンのブラウザで開きます。人にページとして見せるなら、ファイルではなく URL を送ります。Convika の Free プランで公開すれば、リンクを押すだけで開ける URL になります。

ページとして開ける URL をつくる

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

目次

Copilot や ChatGPT に作ってもらった集計グラフや、新しいサービスの紹介ページの HTML を、OneDrive に置いた。ダブルクリックすると、出てくるのはタグの並んだテキストか、ダウンロードの確認。共有リンクを送った同僚からも「グラフが出ない」と返ってくる。OneDrive は、HTML をページとして動かす場所ではありません。

このガイドでは、OneDrive や SharePoint で HTML が表示されない理由を Microsoft の資料から説明し、自分で開く方法と、URL にして人に見せる手順を順に書きます。Microsoft の資料は、2026 年 10 月 20 日に Microsoft のサポートページと Microsoft Learn で確かめました。OneDrive の画面では試していないため、ボタンの名前はヘルプの日本語版の表記のまま書きます。

OneDrive で HTML が表示されない理由

  • SharePoint Online は、スクリプトの入った HTML を実行しない。 Microsoft Learn の ブラウザーのファイル処理を permissive から既定の strict に移行する によると、問題を起こす可能性のあるファイル(埋め込みスクリプトがある html ファイルなど)はブラウザーで実行されず、処理されないまま(新しい画面では html のプレビューとして)ダウンロードされるか表示されます。いまの既定は strict で、テナントの設定を permissive に切り替えることはできません。このドキュメントが名前を挙げるのは SharePoint Online で、OneDrive についての同じ記述は見つかりませんでした。それでも、OneDrive でコードが出る、ダウンロードされる、グラフやボタンが動かない、という症状はこの説明と一致します。
  • プレビューの一覧では、HTML は「Web」と「コード」の両方にある。 OneDrive、SharePoint、Teams でのファイルのプレビューがサポートされているファイルの種類 では、「Web/Hypertext」に HTM と HTML が、「テキストとコード」にも HTML が載っています。ページとして表示するのか、コードとして表示するのか、スクリプトを動かすのかは、このページには書かれていません。
  • 組織の設定で、ファイルが止められることがある。 OneDrive と SharePoint の制限事項と制約事項 によると、職場や学校の OneDrive では、組織の SharePoint サイトで一部の種類のファイルがブロックされることがあり、どれを止めるかは管理者によって異なります。HTML ファイルを置けないときは、社内の管理者に確かめてください。

個人の Microsoft アカウントの OneDrive で HTML がどう表示されるかを書いた Microsoft の資料は、見つかりませんでした。

ダウンロードして開くときの注意

自分で本来の見え方を確かめるだけなら、ダウンロードしてパソコンのブラウザで開きます。ヘルプ OneDrive や SharePoint からファイルとフォルダーをダウンロードする のとおり、Web サイトでファイルを選んで上部の「ダウンロード」を選ぶか、ファイルを右クリックして「ダウンロード」を選びます。

  • CSS や画像を別ファイルにしたページは崩れる。 HTML ファイルだけをダウンロードすると、同じフォルダーに置いていた CSS や画像は読み込まれません。フォルダーの構成ごと手元にそろえるか、1 つのファイルにまとめます。
  • スマホなら、HTML ビューアーで開く。 ファイルがスマホにあるなら、ブラウザで Convika の無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」から選べば、スクリプトも動く状態で表示できます。ビューアーはブラウザの中で動くため、ファイルはアップロードされません。
  • 見られるのは自分だけ。 どちらの方法でも、ページを開けるのは手元にファイルがある人です。同僚や取引先にも同じページを見てもらうなら、URL を送ります。

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

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

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

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

CSS や画像を別のファイルに分けているなら、作った AI に「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。グラフのライブラリのように https:// から読み込むスクリプトは、公開したページで動きます。社内のシステムや SharePoint のリストからデータを読み込むスクリプトは動かないので、数字はページの中に直接書いてもらいます。

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

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

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

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

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

「このページを受け取る(無料・カード不要)」を押して登録すると、ページがそのままアカウントに入り、スクリプトも動くようになります。管理画面で「公開する」を押すと、はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プランかを選びます。無料で公開したページは、下に Convika のバナーが出ます。

4. URL をメールやチャットで送る

公開した URL をコピーして、メールや Teams のチャットに貼り付けて送ります。相手は Convika のアカウントも Microsoft のアカウントもなしで、リンクを押せばページを開けます。

直したくなったら、管理画面の「新しいバージョンのアップロード」で直した HTML を入れて公開します。URL は変わらないので、送ったリンクはそのまま使えます。

SharePoint・Teams で共有したいとき

Teams で共有したファイルも、行き先は同じです。ヘルプ Microsoft Teams のファイル ストレージ によると、チャネルにアップロードしたファイルはチームの SharePoint フォルダーに、チャットで送ったファイルは OneDrive for Business に保存されます。Teams に投稿した HTML の見え方は、Teams で HTML ファイルを共有・表示する方法 で説明しています。

OneDrive の「共有」から「リンクのコピー」で作ったリンクも、届くのはファイルです(Microsoft OneDrive でファイルやフォルダーを共有する)。同じヘルプによると、組織の管理者が「すべてのユーザー」のリンクを使えないようにしていることがあり、その場合は社外の人にリンクを送っても開けません。

SharePoint には、HTML をページとして公開する機能もあります。ヘルプ SharePoint で HTML ページを作成、アップロード、編集、公開する によると、アップロードした HTML ファイルを「サイトのページ」ライブラリに置いて、ページとして公開・共有できます。ただし、Microsoft の Frontier プログラムに参加した組織に段階的に提供されている機能で、まだ表示されないことがあります。Copilot で作ったり直したりするには、Microsoft 365 Copilot のライセンスが要ります。同じヘルプによると、そのページからは自由にデータを取得したり外部の API を呼んだりできず、ブラウザの localStorage も使えません。

会社のルールで外に出せないとき

Convika は Microsoft 365 の外にあるサービスです。社外のサービスに資料を置けない会社なら、Convika を使わず、SharePoint の HTML ページの機能が使えるかを社内の管理者に聞くか、ファイルのまま組織の中で共有してください。

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

公開したあとでも、「サイト設定」から切り替えられます。限定公開に変えるには Pro か 1年パスが必要です。

置いてよい場合でも、公開したページは URL を知っている人ならだれでも開けます。決まった人だけに見せるなら、パスワードをかけます。

  • パスワードは Pro と 1年パスの機能。 「サイト設定」の「閲覧パスワード」で設定すると、訪問者にはまずパスワードの入力画面が出て、正しいパスワードが入るまでページは表示されません。一度入力したブラウザでは、7 日間は入力なしで開けます。
  • Microsoft のアカウントでのサインインはない。 Convika のパスワードは、ページごとに 1 つを共有する方式です。Microsoft のアカウントでのサインインや、シングルサインオン(SSO)には対応していません。組織のアカウントを持つ人だけに絞りたいなら、SharePoint や OneDrive の中で共有します。
  • 開かれたかがわかる。 公開したページは、日ごとの訪問数を、国、デバイス、どのサイトから来たかとあわせて、直近 90 日分見られます。だれが見たか(名前やメールアドレス)まではわかりません。
やりたいこと向いている方法
自分でページの見え方を確かめるダウンロードしてブラウザで開く、または HTML ビューアー
組織の中の人だけに見せるSharePoint の HTML ページ(使える組織なら)か、ファイルのまま共有
社外の人にもページとして見せるConvika で公開して URL を送る(相手を絞るならパスワード)

よくある質問

OneDrive の html ファイルをプレビューできる?

プレビューできるファイルの種類には入っています。Microsoft の一覧では、「Web/Hypertext」に HTM と HTML が、「テキストとコード」にも HTML が載っています。ただし Microsoft Learn によると、SharePoint Online はスクリプトの入った HTML をブラウザで実行せず、処理しないまま表示するかダウンロードさせます。グラフやボタンまで動くページとして見せたいなら、HTML を公開先に置いて、その URL を送ってください。

OneDrive で html を開くと文字だらけ

HTML が実行されず、中身のコードがそのまま表示されている状態です。Microsoft Learn には、SharePoint Online が埋め込みスクリプトのある html ファイルを処理しないまま表示するかダウンロードさせる、と書かれていて、組織の設定で切り替えることもできません。自分で見るならダウンロードしてブラウザで開き、人に見せるなら Convika で公開した URL を送ります。

SharePoint に置いた html を社外に見せたい

SharePoint の共有リンクで届くのはファイルで、管理者が「すべてのユーザー」のリンクを止めていると、社外の人は開けません。SharePoint の HTML ページの機能は、使える組織が限られています。社外に出してよい内容なら、HTML を Convika で公開して URL を送るのが早く、相手はアカウントなしで開けます。相手を絞るなら、Pro か 1年パスでパスワードをかけてください。

出典

次のステップ

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

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

関連記事

人に渡す方法

記事を共有する

OneDrive のリンクではなく、ページの URL を送る

HTML ファイルを入れて公開すれば、相手はダウンロードなしでページを開けて、スクリプトも動きます。

ページとして開ける URL をつくる

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