なぜDropboxではHTMLがサイトとして表示されないのか
Dropboxは本来、ファイルを保管して相手に渡すためのストレージサービスです。HTMLファイルの共有リンクを開くと、多くの場合はブラウザがそのページを描画するのではなく、ファイルのプレビュー画面やダウンロード画面が表示されます。これは「Webページとして配信する」ことを前提にした設定が付いていないためです。
つまり、HTMLを書いた本人の手元ではきれいに見えていても、相手にとっては『中身を見るだけ』『落として開くだけ』の状態になりがちです。サイトとして体験してほしいのに、ファイルを手渡したのと同じ結果になってしまう、というずれが起きます。
画像やCSSが崩れる・リンクがつながらない理由
HTMLは単独のファイルだけでは完成しません。多くの場合、CSS（見た目）・JavaScript（動き）・画像といった関連ファイルを、相対パスで読み込んで初めて意図したページになります。
Dropbox経由でHTMLファイルだけを共有したり、ZIPを展開せずに渡したりすると、これらの関連ファイルへの参照がうまくつながらず、文字だけが並んだ素のページや、画像が抜けた状態で表示されます。「自分の環境では見えるのに、送った相手からは崩れていると言われる」というトラブルの典型的な原因がここにあります。
- CSSが読み込まれず、レイアウトが崩れる
- 画像のリンク切れで写真やロゴが表示されない
- JavaScriptが動かず、ボタンやアニメが反応しない
- フォルダ構成が変わり、相対パスがずれる
結論：この用途ならどちらを選ぶべきか
Dropbox HTML 共有で迷うときは、まず「本番公開したい」のか「確認用に短期間だけ見せたい」のかを分けます。前者はホスティングや開発基盤の比較、後者は認証・期限・差し替え・相手の開きやすさの比較になります。
DropboxでHTMLを共有する場合との判断では、機能名だけでなく、レビュー相手がアカウント作成なしで開けるか、共有後に古いURLが残らないか、修正後も同じURLで確認してもらえるかを見ます。比較して迷う場合は、まずレビュー用途か本番公開用途かを分けます。確認用なら、認証・期限・同じURLでの差し替えをまとめて扱える共有サービスで小さく試すのが安全です。
- 本番公開向き: 独自ドメイン、CI/CD、ソース管理、長期運用を重視する
- レビュー共有向き: 認証、期限、差し替え、非エンジニアへの渡しやすさを重視する
- 避けたいケース: 機密情報を含むHTMLを、認証なしの公開URLに置く
- 確認すること: 料金、公開範囲、URLの寿命、削除・差し替え手順、相手側の閲覧条件
「閲覧者を絞りたい」ニーズにも差がある
社外への提案資料やリリース前のページなど、HTMLには『関係者にだけ見せたい』ものが少なくありません。ストレージの共有リンクは基本的に『リンクを知っている人が開ける』形が中心で、誰に見せるかをページ単位で細かく作り込むのは手間がかかります。
一方、HTMLを共有URLとして公開する専用サービスでは、見せる相手の絞り込みを目的に据えています。たとえば「ギガサイト便」では、リンクを知っていれば見られるURLのみの公開に加えて、パスワード認証、指定アドレス宛のワンタイムによるメール認証、特定の会社ドメインを持つ人だけに限定する認証など、状況に応じた見せ方を選べます。
ギガサイト便でHTMLを共有URLにする手順
崩れずに、かつ相手を選んで見せたい場合の流れはシンプルです。サーバーの用意やデプロイ設定は不要で、ファイルを渡す感覚のまま『見えるサイト』として共有できます。
- トップページにHTMLやZIP（HTML・CSS・JS・画像一式）をドロップする
- 登録なしでも、その場で共有URLが発行される
- 発行されたURLを相手に送って閲覧してもらう
- 限定公開したいときは無料アカウントを作り、認証方式を選ぶ
- 公開期限を設定し、期限切れで自動的に閲覧を止める
- 内容を直したら同じURLのままファイルを差し替える
使い分けの考え方
Dropboxが不要になるわけではありません。原本ファイルの保管やチーム内でのファイル受け渡し、編集を前提にした共有では、ストレージの強みが生きます。得意な領域が違うだけです。
『関連ファイルごとそのままサイトとして見せたい』『誰に見せるかを選びたい』『公開を期限で切りたい』といった目的では、HTMLを共有URLにする方法が向いています。匿名でその場発行したページにはnoindexが付いて通常は検索結果に出ませんが、noindex自体はアクセス制御ではない点には注意が必要です。本当に絞り込みたいときは認証方式を併用しましょう。
- 保管・編集前提の受け渡し: ストレージが向く
- 崩さず見せる・相手を絞る: 共有URLが向く
- 公開期限や差し替えを管理したい: 共有URLが向く
公開前に内容を点検できる安心感
AIで生成したHTMLをそのまま公開すると、意図せず機微な情報を含んでいることがあります。ギガサイト便ではアップロード時にセキュリティスキャンが走り、APIキーらしき文字列、外部フォームへの送信、外部スクリプトへの依存、静的公開に不要なファイルといった兆候を検出して警告します。内容を理解したうえで、それでも公開するかを自分で選べます。
公開後はアクセスログで閲覧状況を確認でき、URL末尾のスラッグも編集できます。『送って終わり』にせず、誰がどう見ているかを把握しながら運用したい場面で役立ちます。HTMLをサイトとして崩さず見せ、見せる相手まで含めて整えたいなら、共有URL方式を一度試してみる価値があります。
よくある質問
DropboxのHTMLファイルをそのままサイトとして表示できますか
基本的には難しく、リンクを開いてもファイルのプレビューやダウンロード画面になりやすいです。Dropboxはファイルを渡すためのストレージで、Webページとして配信する用途とは設計が異なります。サイトとして見せたい場合は、HTMLを共有URLにできるサービスを使うほうが確実です。
Dropbox経由で共有したHTMLの画像が表示されないのはなぜですか
HTMLが画像やCSSを相対パスで読み込んでおり、その参照がうまくつながっていないことが主な原因です。ファイル単体やフォルダ構成が崩れた状態で渡すと、画像のリンク切れやレイアウト崩れが起きます。CSS・JS・画像を一式まとめて配信できる方法を使うと崩れにくくなります。
HTMLを特定の相手だけに見せることはできますか
ストレージの共有リンクは『リンクを知る人が開ける』形が中心で、相手の絞り込みは作り込みが必要です。共有URL専用サービスのギガサイト便なら、パスワード、メール認証、会社ドメイン認証などから見せ方を選べます。リリース前の資料や社外提案を限定公開したいときに向いています。
DropboxとHTML共有URLサービスはどちらを使うべきですか
目的によって使い分けるのがおすすめです。原本の保管や編集前提の受け渡しはストレージが得意で、崩さず見せる・相手を絞る・期限で公開を切るといった用途は共有URL方式が向いています。両者は得意領域が違うため、併用しても構いません。
結局、レビュー用途ならどの方法を選ぶべきですか？
公開後も長く運用するなら本番向けホスティング、短期間の確認なら認証・期限・差し替えが簡単な共有サービスを選びます。相手が非エンジニアの場合は、アカウント作成なしで開けることも重要です。