Dropbox に置いた HTML ファイルがページとして開けない。リンクで見せる方法

要約

Dropbox のヘルプには「共有リンクはウェブブラウザで HTML コンテンツをレンダリングしません」とあり、プレビューできるファイル形式の一覧にも .html は入っていません。Dropbox の共有リンクを送っても、相手の画面にページは出ません。ページとして見てもらうなら、HTML を公開先に置いて、その URL を送ります。このページのボックスにファイルを入れればプレビューができ、Convika の Free プランで受け取って公開すると、相手はアカウントなしで、リンクを押すだけでページを開けます。

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

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・SharePointSharePoint 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 ができます。

出典

次のステップ

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

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

関連記事

人に渡す方法

記事を共有する

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

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

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

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