Dropbox に置いた HTML ファイルがページとして開けない。リンクで見せる方法
要約
Dropbox のヘルプには「共有リンクはウェブブラウザで HTML コンテンツをレンダリングしません」とあり、プレビューできるファイル形式の一覧にも .html は入っていません。Dropbox の共有リンクを送っても、相手の画面にページは出ません。ページとして見てもらうなら、HTML を公開先に置いて、その URL を送ります。このページのボックスにファイルを入れればプレビューができ、Convika の Free プランで受け取って公開すると、相手はアカウントなしで、リンクを押すだけでページを開けます。
Free プラン: カード登録なし、公開 1 ページまで、フォームは月 50 件まで
目次
ChatGPT や Claude に作ってもらったイベントの案内ページを、いつもどおり Dropbox に入れて、共有リンクをお客さんに送った。返ってきたのは「ページが出てきません」のひと言。Dropbox は、HTML をページとして見せる場所ではありません。
このガイドでは、Dropbox で HTML がページとして開かない理由を Dropbox のヘルプから説明し、自分で開く方法と、URL にして人に見せる手順を順に書きます。Dropbox のヘルプは、2026 年 10 月 21 日に Dropbox ヘルプセンターの日本語版で確かめました。Dropbox の画面では試していないため、ボタンの名前はヘルプの表記のまま書きます。
Dropbox で HTML ファイルがどう見えるか
- 共有リンクは、HTML をページにしない。 Dropbox のヘルプ 共有リンクのダウンロードまたはレンダリングを強制する には「共有リンクはウェブブラウザで HTML コンテンツをレンダリングしません」とあります。この記事は、すべての Dropbox の利用者に当てはまるとされています。
- URL を書き換えても、HTML は開かない。 同じヘルプは、URL の末尾を
raw=1にすると、プレビューの画面を通さずにブラウザでファイルを開ける、と案内しています。ただし、その直前に「HTML 形式などサポートされていないファイル形式もあります」とあり、Dropbox の HTML を直接表示するサイトを作っても、ブラウザではレンダリングされず、*.dropbox.com/s/rawに移ることがある、と書かれています。 - プレビューの一覧に、.html がない。 ヘルプ Dropbox でプレビュー可能なファイル形式 の「テキストファイル」には
.xhtmlや.shtmlは並んでいますが、.htmlと.htmはありません。一覧にない形式も、ダウンロードすれば開けるとされています。この記事は有料プランの利用者向けです。 - スマホのアプリの一覧にも、HTML はない。 Dropbox モバイルアプリでプレビュー可能なファイル形式 にも HTML は入っていません。一覧にない形式は、アプリがそのファイルを開けるほかのアプリを探します。
相手の画面にコードが並ぶのか、ダウンロードのボタンだけが出るのかは、ヘルプには書かれていません。どちらにしても、相手が見るのはページではありません。
なお、Dropbox で共有する方法 によると、ファイルを人に「共有」して招待すると、相手は Dropbox のアカウントでログインしてから開くことになります。アカウントのない人に送るなら、閲覧のみのリンクを使います。どちらの送り方でも、HTML がページにならないことは変わりません。
自分で開いて確かめるとき
自分で本来の見え方を確かめるだけなら、ファイルをダウンロードして、パソコンのブラウザで開きます。
- CSS や画像を分けたページは崩れる。 HTML ファイルだけをダウンロードすると、同じフォルダーに置いていた CSS や画像は読み込まれません。フォルダーごと手元にそろえるか、1 つのファイルにまとめます。
- スマホなら、HTML ビューアーで開く。 スマホのブラウザで Convika の無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」から選べば、スクリプトも動く状態で表示できます。ビューアーはブラウザの中で動くため、ファイルはサーバーに届きません。
- 見られるのは自分だけ。 どちらの方法でも、ページを開けるのは手元にファイルがある人です。お客さんや同僚にも同じページを見てもらうなら、URL を送ります。
HTML ファイルを URL にして見せる 4 つの手順
ここで作る URL は、Convika に置いたページの URL です。Dropbox とは別のサービスで、Dropbox のフォルダーとは同期しません。
1. ページを 1 つのファイルにまとめる
Convika が受け付けるのは、.html か .htm のファイル 1 つ(2 MB まで)か、同じコードの貼り付けです。
CSS や画像を別のファイルに分けているなら、作った AI に「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。https:// から読み込むライブラリは、公開したページで動きます。
2. ボックスにファイルを入れて、プレビューを確かめる
Dropbox からファイルをダウンロードしておき、ページ冒頭のボックス にドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
「プレビューができました」と出たら「プレビューを開く」を押し、レイアウトと画像を確かめます。このプレビューを開けるのは 3 分間 だけです。スクリプトとフォームは止めて表示するので、ボタンやメニューはまだ動きません。
3. 無料で受け取って、公開する
人に送るのは、プレビューのリンクではなく、ページを受け取って公開した URL です。
「このページを受け取る(無料・カード不要)」を押して登録すると、ページがそのままアカウントに入り、スクリプトも動くようになります。管理画面で「公開する」を押すと、はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プラン(カードを登録して 7 日間無料、その後は月 ¥1,800)かを選びます。無料で公開したページは、下に Convika のバナーが出ます。
4. URL をメールやチャットで送る
公開した URL をコピーして、メールや LINE、チャットに貼り付けて送ります。相手は Convika のアカウントも Dropbox のアカウントもなしで、リンクを押せばページを開けます。
Google ドライブ・OneDrive との違い
ほかのクラウドストレージに置いても、事情はほとんど同じです。
| 置き場所 | 共有リンクでページとして開くか | スクリプト | スマホ | 開かれた数 |
|---|---|---|---|---|
| Dropbox | 開かない(ヘルプ「共有リンクはウェブブラウザで HTML コンテンツをレンダリングしません」) | 動かない | アプリのプレビュー一覧に HTML なし | 未確認 |
| Google ドライブ | 開かない(ページとしての配信は 2016 年 8 月 31 日に終了。届くのはファイル) | 相手が開くアプリしだい | ファイルとして保存してから開く | 未確認 |
| OneDrive・SharePoint | SharePoint Online は開かない(スクリプトの入った HTML を実行せずに、ダウンロードさせるか処理しないまま表示する)。個人の OneDrive は未確認 | SharePoint Online では動かない | 未確認 | 未確認 |
| Convika の URL | 開く | 公開したページで動く | ブラウザでそのまま開く | 日ごとの訪問数を直近 90 日分 |
ドライブは Google ドライブの HTML ファイルをページとして表示・共有する方法、OneDrive は OneDrive に置いた HTML ファイルが表示されない。ページとして開く方法 で、それぞれのヘルプの記述とあわせて説明しています。
Convika で公開したページは、日ごとの訪問数を、国、デバイス、どのサイトから来たかとあわせて見られます。だれが見たか(名前やメールアドレス)まではわかりません。案内を送った相手が開いたかどうかの目安になります。
社外の人に見せるとき
Convika は Dropbox の外にあるサービスです。仕事の資料なら、社外のサービスに置いてよいかを、先に会社のルールで確かめてください。
Convika では、公開するときの確認画面で「一般公開」か「限定公開」を選べます。無料の一般公開は、検索結果や Convika のギャラリーに出ることがあります。限定公開(Pro・1年パス)を選ぶと、Convika はページを検索結果に出さないよう検索エンジンに伝え(noindex)、サイトマップにもギャラリーにも載せません。メールやチャットに貼った URL を開くのにパスワードやアカウントはいらず、URL を転送された人もそのまま開けます。限定公開は Pro(月 ¥1,800)と 1年パスの機能です。
決まった相手だけに見せたいなら、パスワードをかけます。「サイト設定」の「閲覧パスワード」でパスワードを設定すると、訪問者にはまずパスワードの入力画面が出て、正しいパスワードが入るまでページは表示されません。一度入力したブラウザでは、7 日間は入力なしで開けます。パスワードは Pro と 1年パスの機能です。くわしくは HTML ページにパスワードをかけて、知っている人だけに見せる方法 で説明しています。
見せ終わったら、管理画面の「公開停止」で止められます。止めたあとは、その URL ではページが開きません。
更新したら、同じ URL のまま
ページを直したら、管理画面の「新しいバージョンのアップロード」で、直した HTML を入れて公開します。URL は変わらないので、送ったリンクや QR コードはそのまま使えます。Dropbox のファイルを直しても、Convika のページは変わりません。直すたびに、Convika にも新しいバージョンを入れてください。
Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。大勢に送るときの扱いは、料金ページ で確かめてください。
よくある質問
Dropbox の html ファイルを表示できる?
ページとしては表示できません。Dropbox のヘルプには「共有リンクはウェブブラウザで HTML コンテンツをレンダリングしません」とあり、プレビューできるファイル形式の一覧にも .html は入っていません。自分で見るだけなら、ダウンロードしてブラウザで開きます。人にページとして見せるなら、HTML を公開先に置いて、その URL を送ってください。
Dropbox の共有リンクで html が動かない
Dropbox は共有リンクで HTML をページとして開かないので、スクリプトも動きません。URL の末尾を raw=1 にする方法も、ヘルプによると HTML には使えません。リンクを押すだけでページが開き、ボタンやグラフも動くようにするなら、HTML を Convika で公開して、その URL を送ります。相手は Dropbox のアカウントなしで開けます。
Dropbox で Web ページを公開するには
Dropbox のヘルプには、Dropbox に置いた HTML を Web ページとして公開する方法は載っていません。HTML を直接表示するサイトを作っても、ブラウザではレンダリングされない、と書かれています。Web ページとして公開するなら、HTML を公開先のサービスに置きます。Convika なら、このページのボックスにファイルを入れてプレビューを確かめ、無料で受け取って公開すると URL ができます。
出典
- 共有リンクのダウンロードまたはレンダリングを強制する(Dropbox ヘルプ) (2026 年 10 月 21 日に確認)
- Dropbox でプレビュー可能なファイル形式(Dropbox ヘルプ) (2026 年 10 月 21 日に確認)
- Dropbox モバイルアプリでプレビュー可能なファイル形式(Dropbox ヘルプ) (2026 年 10 月 21 日に確認)
- Dropbox で共有する方法(Dropbox ヘルプ) (2026 年 10 月 21 日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- Google ドライブの HTML ファイルを、ページとして表示・共有する方法Google ドライブは HTML ファイルを保存・共有できますが、Web ページとしての配信機能は 2016 年に終了しました。ドライブの HTML ファイルを自分のブラウザで開く方法と、URL を発行して Web ページとして人に見せる方法を解説します。
- OneDrive に置いた HTML ファイルが表示されない。ページとして開く方法OneDrive や SharePoint に置いた HTML ファイルは、ページとして動かず、ダウンロードされたり中身のまま表示されたりします。Microsoft の資料でわかる理由と、自分で開く方法、URL にして同僚や社外の人に見せる手順を説明します。
- HTML ファイルをメールで送って、相手にページとして見てもらう方法HTML ファイルをメールに添付すると、届くのはファイルで、開き方は相手のメールアプリしだいです。会社の設定で止められることもあります。このガイドは Gmail・Outlook・iPhone での添付の手順と、URL を本文に貼って送る方法を説明します。
- HTML ファイルを、どのスマホでも開けるリンクで共有する方法HTML ファイルをメールや LINE で送ると、届くのはページではなくファイルです。ChatGPT や Claude で作った HTML をアップロードし、どのスマホでもタップで開けるリンクにする方法を、登録なしの手順から説明します。
- HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法LINE で HTML ファイルを送ると相手のスマホしだいで開けないため、ファイルではなく URL を送ります。ChatGPT や Claude で作った HTML を URL に変えて、トークに貼るだけで見てもらう手順を説明します。