単一HTMLファイルをホストする:10ツールを比較(2026)

Ilya SpiridonovIlya Spiridonov
読了時間17分

単一のHTMLファイルをホストするには、ドラッグ&ドロップ対応のホストへアップロードし、リンクをコピーします。Netlify Drop、tiiny.host、host-html.com、HTML Hoster、EdgeOne Pagesはいずれも単一の.htmlファイルに対応しています。

違いは、無料リンクがいつまで使えるかと、誰が開けるかです。2026年10月時点で、host-html.comの無料ページは3日間、HTML Hosterのゲストアップロードは90日後に削除され、tiiny.hostの無料プランは3 MBまでの1プロジェクトに対応します。アップロードしただけでは公開範囲は分からないため、送信前にアクセス設定を確認してください。

有効期限のない無料の公開サイトには、GitHub PagesやCloudflare Pagesが候補になります。特定のクライアントや投資家向けで、アクセスを制限し、開かれたかも確認したいファイルについては、非公開共有の説明をご覧ください。

クライアントや投資家に送るなら、HTMLファイルをトラッキング付きリンクで共有すると、開かれたときにメールで通知を受け取れます。

単一HTMLファイルをホストする3つの手順

  1. ファイル単体で動くか確認します。 スタイル、スクリプト、画像、フォントを埋め込むか、外部リソースへ誰でもアクセスできることを確かめます。別のファイルが必要なら、ルートにindex.htmlを置いたフォルダかZIPをアップロードします。
  2. アップロードします。 ドラッグ&ドロップ対応のホストに置くか、公開GitHubリポジトリへindex.htmlとして追加し、GitHub Pagesを有効にします。
  3. 送信前にプライベートウィンドウでリンクを開きます。 画像、スタイル、ボタン、アクセス設定を確認してください。アセットが表示されない場合は、パスの誤りや受信者がアクセスできないリソースが原因であることが多いです。

先に自分のパソコンで試すには、ファイルのあるフォルダでターミナルを開き、python3 -m http.server --bind 127.0.0.1 8000を実行してhttp://localhost:8000へアクセスします。ループバックアドレスにバインドすることで、テスト用サーバーへの接続を自分のパソコン内に限定します。

ホスティングとHTMLファイルの非公開共有

2025年8月のVercelフォーラムの投稿では、v0のプレビューをURLを持つ誰もが開けたと報告したユーザーが、次のように尋ねていました。

「リンクを非公開にする方法はありますか?」

現在のv0のチャット設定では、招待した人、チーム、リンクを持つ全員のいずれかにアクセスを設定できます。チームの初期設定は変更可能で、別途デプロイしたサイトには独自の保護設定があります。受信者に送る実際のリンクで確認してください。

ポートフォリオ、授業の課題、デモなどの公開ページなら、以下のホストから選び、利用規約を確認します。用途別の候補は選び方にまとめています。非公開のファイルでは、共通パスワード、チームのログイン、受信トレイの確認のどれを求めるかを決めます。

クライアントへの提出では、コードではなく完成したページが開く形にすることも大切です。10の選択肢を比較します。

10のツールを一覧で比較

リンクを作る

ツールアップロード方法アカウント無料リンクの有効期間無料のサイズ上限有料プランの開始価格
GitHub Pagesindex.htmlを含むリポジトリ必要有効期限なし公開サイト1 GB。ファイルのアップロード上限は方法による公開ホスティングは無料
VercelGitまたはCLI必要Hobbyの規約と上限を満たしている間デプロイ方法ごとの上限ありProは月額$20
Netlify DropHTMLファイル、フォルダ、ZIP取得と管理には必要未取得のDropは一時的。取得後は無料プランで継続可能クレジット制。デプロイ上限も要確認Personalは月額$9
Cloudflare Pages管理画面でフォルダかZIP、またはGit、CLI必要有効期限なし1ファイル25 MiB。管理画面からは1,000ファイル静的ホスティングは無料。Functionsは別料金
tiiny.hostHTMLファイルまたはZIP維持と管理には必要少なくとも3か月に1回ログイン3 MB、1プロジェクトTinyは月額$9、年払いは月換算$5
host-html.comHTMLをドロップ、またはコードを貼り付け必要3日1ページ1 MBProは月額$9
EdgeOne PagesHTMLファイル、フォルダ、ZIP維持には必要ゲストは1時間。登録後は保持1ファイル25 MB無料。Businessは見積もり
static.appZIPをアップロード必要7日間の試用試用ストレージ50 MBStarterは月額$6、年払いは月換算$5
HTML HosterHTMLファイルまたはフォルダ任意ゲストは90日。ログイン後は保持確認したページには記載なし有料プランの記載なし
HummingDeckWebアプリ。単一HTMLは全プラン、ZIPのプレビューはStarter以上送信者のみ必要。受信者は不要取り消し、またはドキュメント削除まで。有効期限の設定はStarter以上1アップロード100 MB。無料は5ドキュメント、5つの有効リンクStarterは月額$10

アクセスと閲覧状況を管理する

ツールパスワードメールによるアクセス制限閲覧者について分かること
GitHub Pages非公開サイトはEnterprise Cloudのアクセス制御を利用Enterpriseの組織アクセス分析ツールを自分で追加
VercelProの追加オプション。1プロジェクトあたり月額$20Vercel Authenticationは全プランWeb Analyticsによる集計データ
Netlify Drop取得前は一時パスワード。継続的な保護はPro以上プロジェクトの公開設定によるチームログイントラフィック分析。プランを確認
Cloudflare PagesCloudflare Accessのポリシーを設定Access経由。本番URLも明示的に保護Web Analyticsによる集計データ
tiiny.hostSoloメール収集はPro以上組み込み分析はTiny以上
host-html.comPro記載なし無料はページ閲覧数、Proは詳細分析
EdgeOne Pages確認したアップロード手順には記載なし確認したアップロード手順には記載なしプラットフォームの指標
static.app設定でサイト全体かページ単位に設定フォームで送信内容を収集有料プランでサイト分析
HTML Hoster記載なし記載なし確認したページには記載なし
HummingDeckProとBusinessで受信トレイを確認Ask Email、Verified Email、RestrictedはProとBusiness全プランでリンクごとの閲覧数と開封時のメール通知。閲覧時間、再訪問、対応するクリックはStarter以上

価格と上限は2026年10月30日に各社の料金ページとドキュメントで確認しました。出典は末尾に掲載しています。ドル表記は米ドルで、特記がなければ月払いです。「記載なし」は、確認した情報からその機能の有無を確定できないことを意味します。

閲覧数から分かるのは、ページが開かれたことです。受信者ごとにリンクを作ると、閲覧を送信先に関連付けられます。受信トレイの確認は、そのメールアドレスを利用できるという情報を加えますが、どちらも端末を操作した人物まで証明するものではありません。

GitHub Pages

GitHub Pagesは、公開のポートフォリオ、ドキュメント、デモに向いています。公開サイトの上限は1 GBで、リポジトリに個別ファイルをアップロードする際の上限とは別です。

手順: 公開リポジトリのルートにindex.htmlを追加します。Settings → Pagesを開き、Build and deployment → SourceでDeploy from a branchを選択し、ブランチとルートフォルダを指定して保存します。GitHubの公開元の設定手順も確認できます。

業務に使う場合は、先に利用ポリシーを確認してください。Pagesは、オンラインビジネス、ECサイト、主に商取引を促進するサイト、商用SaaSを提供するサイトの運営を目的としたサービスではありません。業務に関連するポートフォリオやドキュメントページがすべて禁止されているわけではありません。

ソースのリポジトリを非公開にしても、公開したページが非公開になるわけではありません。閲覧者のアクセス制限にはGitHub Enterprise Cloudの組織が必要です。公開ページのトラフィックを測りたい場合は、自分で分析ツールを追加します。

Vercel

Vercelは、ビルドとデプロイの仕組みが必要なReactやNext.jsのプロジェクトに向いています。完成済みのHTMLファイル1つなら、GitやCLIの設定はブラウザからのアップロードより手間がかかります。

Hobbyの規約では“You shall only use the Services under a Hobby plan for your personal or non-commercial use.”と定めています。商用プロジェクト向けのProは月額$20からです。

アクセス保護は古い比較記事の時点から変わっています。Vercel Authenticationは全プランで本番デプロイを保護できます。共通パスワードは、1プロジェクトあたり月額$20のPro追加オプションです。Web Analyticsはトラフィックを測定するもので、メールを送ったクライアントに各閲覧を関連付ける機能ではありません。

Netlify Drop

Netlify Dropは単一HTMLファイル、フォルダ、ZIPに対応します。現在のクイックスタートでは、ログインせずアップロードしたものには、プロジェクトを取得するまで一時パスワードが付くと説明しています。新しいDropリンクが誰でも開けるとは限りません。

手順: Netlify Dropを開いてファイルをドロップし、Claim your projectでアカウントに紐付けます。送信前にProject visibilityを確認してください。手順書には未取得のアップロードが維持される期間の保証はないため、長く使うリンクは取得しておきます。

無料プランは月300クレジット、Personalは月額$9、Proはメンバー数無制限で月額$20からです。以前の帯域幅とビルド時間に代わり、クレジット使用量で比較する必要があります。継続的な共通パスワードによる保護はPro以上です。

Cloudflare Pages

Cloudflare Pagesは、試用期限を気にせず公開し続けたい静的サイトに向いています。Direct Uploadの手順では、管理画面からフォルダかZIPをアップロードでき、1ファイル25 MiB、最大1,000ファイルに対応します。単一HTMLファイルは、まずフォルダ内にindex.htmlとして置きます。

手順: Workers & PagesでCreate application → Get started → Drag and drop your filesと進みます。プロジェクト名を付け、フォルダかZIPをアップロードしてDeploy siteを選びます。

Cloudflare Accessで認証に基づくアクセス制限を設定できます。PagesのEnable access policyはプレビューデプロイを保護する設定で、本番のpages.devやカスタムドメインが自動で保護されるわけではありません。非公開で送る前に、ファイルを配信できるすべてのURLを確認してください。

tiiny.host

tiiny.hostでは、完成したHTMLやZIP形式のサイトをブラウザからアップロードできます。無料プランは3 MBまでの1プロジェクトに対応し、ブランド表示とトラフィックの上限があります。

手順: Upload fileでHTMLかZIPを追加し、リンク名を決めてPublishを選びます。HTMLのアップロードガイドでは、単一ファイルと別アセットを使うサイトの両方を説明しています。

無料プランは7日間の試用ではありません。保持条件として少なくとも3か月に1回のログインが必要で、一部のコンテンツは別途一時プレビューとして扱われます。

プラン月払い年払いの月換算
Tiny$9$5
Solo$18$13
Pro$38$31
Pro Max$89$74

米ドルの料金ガイドに支払い方法が掲載されています。Tinyで組み込み分析、Soloでパスワードとカスタムドメイン、Proでメール収集が加わります。閲覧数はトラフィック測定に使い、特定のクライアントの動きには受信者専用リンクや適切なメール確認を利用します。

host-html.com

host-html.comは、小さなページ向けの短期間の無料URLを発行します。無料ページ数は無制限で、各ページは1 MBまで、公開期間は3日です。期限を決めた短い試作品のレビューに使えます。

手順: HTMLファイルをドロップするかコードを貼り付け、ログインしてPublishを選びます。発行されたURLをコピーします。

Proは月額$9または年額$90で、継続的なホスティング、パスワード、詳細分析に対応します。無料ではページごとの閲覧数を確認できます。翌月も使うリンクなら、有料プランか3日で失効しない別のホストを選びます。

EdgeOne Pages

現在はEdgeOne Makersのブランド名を使うEdgeOne Pagesは、単一HTMLファイル、フォルダ、ZIPに対応しています。個別ファイルは25 MBまでで、フォルダやZIPにはルートのindex.htmlが必要です。

手順: Makers Dropを開き、Select FileかSelect Folderを選びます。必要に応じてURLの名前を付け、デプロイします。ゲストのリンクは1時間で失効するため、保持するには登録してください。

料金ページには無料プランと見積もり制のBusinessが掲載されています。tiiny.hostの無料上限を超える公開ファイルの候補になりますが、大きなサイトに使う前に登録済みプロジェクトの上限を確認してください。

static.app

static.appは、小規模な静的サイトをファイルマネージャーで管理できます。無料試用は7日間で、ストレージは50 MBです。その後のStarterは月額$6、年払いは月換算$5で、有料プランにはカスタムドメインとサイト分析が加わります。

手順: index.htmlとアセットをZIPにし、HTMLアップロードページへドロップします。サブドメインを選んで登録を完了し、以降の更新はファイルマネージャーで行います。

ヘルプには、サイト全体または個別ページにパスワードを設定する方法が掲載されています。ブラウザのファイルマネージャーで管理したく、試用後の支払いを予定している場合に向いています。

HTML Hoster

HTML Hosterは単一HTMLファイルやフォルダ全体を受け付け、階層化されたアセットのパスも保持します。ゲストのアップロードは90日後に削除され、ログインするとページの保持、独自ルート、編集が可能になります。

手順: 単一ページにはChoose files、サイトにはChoose folderを選びます。アップロード後、メインのindex.htmlのリンクをコピーします。ゲスト期間を超えて使うページはログインして保持します。

確認したページにはサイズ上限や有料料金が掲載されていません。上限の記載がないことを無制限と受け取らず、大きなファイルを置く前に確認してください。

CLIやGitを使う開発者向けホスト

Surgeはターミナルからフォルダを、Render Static SitesはGitリポジトリからデプロイします。すでにこれらの方法を使っているなら候補になりますが、1ファイルをブラウザからアップロードしたい場合は、上記10ツールから選びます。

HummingDeck

HummingDeckは私たちの製品です。特定のクライアントや投資家に送る完成済みのHTML提案書、資料、デモに向いており、ChatGPTで作ったHTMLページや書き出したClaudeのデザインも共有できます。

ファイルをアップロードし、受信者ごとにパーソナルリンクを作って送ります。無料プランには5ドキュメント、ワークスペース全体で5つの有効な共有リンク、基本的な閲覧数、開かれたときのメール通知、ボットの判定が含まれます。ブラウザからは100 MBまでアップロードできます。

Starterではページごとの閲覧時間、再訪問、対応するクリック、リンクの有効期限、HTML ZIPのプレビューが月額$10から加わります。分析履歴はStarterで30日、Proで90日、Businessで無制限です。プランと料金もご覧ください。

ProとBusinessでは、ファイルに合うアクセスモードを選べます。

  • Ask Emailは、閲覧者が入力したメールアドレスを記録します。
  • Verified Emailは、ワンタイムコードかメールで届くアクセスリンクで受信トレイへのアクセス確認を求めます。
  • Restrictedは、登録したメールアドレスのいずれかで同じ確認を求めます。

確認できるのは受信トレイへのアクセスであり、公的な本人確認ではありません。パーソナルリンクは閲覧を指定した受信者に関連付けますが、Openリンクを別の人が開いた場合、その関連付けだけでは閲覧者を特定できません。

ProとBusinessでは、追加の閲覧者記録を閲覧者ネットワークで確認できます。新しい閲覧者は別の端末や別の関係者である可能性もあるため、転送の記録ではなく、確認のきっかけとなるシグナルです。ボットの判定は複数のシグナルから既知のボットや可能性の高いボットを識別しますが、残る閲覧がすべて人間だと保証するものではありません。

書き出したHTMLは、トラッキングを加えたサンドボックス内のビューアーで開きます。スライドなど意味のあるページ構造があれば、Starter以上でページごとの閲覧時間を記録できます。JSXやReactのソースは先にビルドし、外部リソースが読み込めない場合もあるため受信者用リンクを確認してください。

共有ページには、検索エンジンの結果から除外するよう求めるnoindexの指定があります。Openリンクは、リンクを持つ誰でも開けます。複数のドキュメントには、営業向けのデジタルセールスルームや資金調達向けのデータルームを使えます。Businessでは共有URLにカスタムドメインを追加できます。

実際に誰が閲覧したかを確認する

公開ポートフォリオなら、動くURLがあれば十分なこともあります。特定のクライアントに送った提案書では、開かれたか、どのページを読んだか、再訪問したかを知りたくなります。

パーソナルリンクは閲覧を受信者に関連付けます。受信トレイの確認はアクセス前のチェックとなり、追加の閲覧者記録からは新しい誰かが見ている可能性が分かります。HummingDeckでは送ったリンクごとに記録し、Starter以上で閲覧時間とページ別の情報も確認できます。

AI生成アーティファクトをホストする

ホストを選ぶ前に書き出し形式を確認します。完成した.htmlファイルにはReactなどのコンパイル済みJavaScriptが含まれていても、単一のページとして開けます。.jsxのソースやpackage.jsonを含むプロジェクトは、先にビルドが必要です。

HummingDeckを含む多くの静的ホストは、JSXソースではなく完成したHTMLを受け付けます。書き出すかビルドしてから、ファイルやビルド済みフォルダをホストしてください。Claudeアーティファクトの書き出しガイドで各形式の内容を説明しています。HummingDeckのHTML ZIPプレビューはStarter以上です。

Claudeの一般的なアーティファクト共有では、新しく共有したものを開くにはClaudeアカウントが必要で、TeamとEnterpriseの組織外共有は所有者が管理します。個人向けFree、Pro、Maxプランで公開した、2026年9月16日より前のチャットの従来のアーティファクトや、一部のCodeとカスタムアーティファクトの共有方法では、ログインせずに開けます。違いはClaudeアーティファクトの共有ガイドで確認し、利用する共有リンクをログアウトした状態で試してください。

v0では、チャットの共有とデプロイの保護設定の両方を確認します。非公開の会話とデプロイしたサイトのアクセスは別の設定です。完成済みのHTMLを書き出せば、元のプロジェクトとは別の提出用コピーをホストしてアクセスを管理できます。

用途に合わせた選び方

必要なもの最初の候補
GitHubを使っていて、無料の公開ポートフォリオが欲しいGitHub Pages
業務用のReactやNext.jsアプリを本番で動かすVercel Pro
ブラウザですぐアップロードし、取得して管理するNetlify Drop
フォルダやZIPから無料の静的サイトを公開するCloudflare Pages
小さなHTMLファイルを簡単にアップロードするtiiny.host
3日間のレビュー用に使い捨てのページを作るhost-html.com Free
tiiny.hostの無料上限3 MBを超える公開ファイルEdgeOne Pages。保持するには登録
ブラウザのファイルマネージャーで継続的に編集する試用後のstatic.app
最大90日間のゲストアップロードHTML Hoster
クライアントに送ったHTMLの閲覧通知HummingDeck。Starterで閲覧時間も追加
完成したアーティファクトを受信トレイ確認後に開くHummingDeckのProかBusinessでVerified EmailまたはRestricted
ページを共通パスワードで保護するtiiny.host Solo、host-html.com Pro、static.app

ファイルをホストした後に

HTMLをHummingDeckのトラッキング付きリンクで共有すると、開かれたときにメールが届きます。Starter以上では閲覧時間と再訪問も確認できます。

よくある質問

単一HTMLファイルを無料でホストできますか?

はい。Netlify Drop、tiiny.host、HTML Hosterなどにアップロードしてリンクをコピーします。維持するためにアップロードの取得やログインが必要かも確認してください。有効期限のない公開サイトには、公開GitHubリポジトリにindex.htmlを追加し、GitHub Pagesを有効にします。アクセス設定にも注意が必要で、Netlifyは未取得のDropを一時パスワードで保護しますが、公開リンクは持っている誰もが開けます。

無料のHTMLリンクはいつまで使えますか?

ホストによって異なります。2026年10月時点で、host-html.comの無料ページは3日間、HTML Hosterのゲストアップロードは90日間、static.appの無料試用は7日間です。GitHub PagesとCloudflare Pagesには予定された有効期限がなく、HummingDeckの無料リンクは取り消すかドキュメントを削除するまで使えます。tiiny.hostの無料アカウントを維持するには、少なくとも3か月に1回ログインが必要です。

GoogleドライブでHTMLファイルをホストできますか?

GoogleドライブはHTMLファイルを保存できますが、Webページとして配信する機能はありません。Googleは2016年8月31日にドライブのWebホスティングを終了したため、ページとして表示されるリンクが必要な場合は静的ホストを使います。

Googleの当初の廃止告知に終了日が記載されています。

Googleに無料のHTMLホスティングはありますか?

はい。Firebase HostingのSparkプランでは、Firebase CLIでデプロイする静的ファイル向けに10 GBのストレージと1日360 MBのデータ転送を利用できます。Google Sitesは独自のページエディターを使い、Embed codeでHTML、CSS、JavaScriptを埋め込めますが、アップロードした.htmlファイルをそのままホストする仕組みではありません。

Firebaseの料金、Hostingのクイックスタート、Google Sitesの埋め込み手順もご覧ください。

HTMLファイルをローカルでホストするには?

ファイルのあるフォルダでターミナルを開き、python3 -m http.server --bind 127.0.0.1 8000を実行し、ブラウザで http://localhost:8000 を開きます。この設定ではテスト用サーバーへの接続を自分のパソコン内に限定します。他の人が開けるリンクが必要になったら、ホストにアップロードしてください。

単一HTMLファイルにパスワードを付けられますか?

はい。tiiny.hostはSolo以上、host-html.comは月額$9のPro、Netlifyは継続的な保護をPro以上で利用できます。HummingDeckのProとBusinessでは受信トレイを確認し、Restrictedリンクは登録したメールアドレスでワンタイムコードかメールのアクセスリンクによる確認を済ませた人だけが開けます。

Cloudflare PagesはAccessポリシーで保護できますが、プレビュー保護の切り替えだけでは本番URLを保護しません。Vercelは共通パスワードをProの追加オプションとして提供しています。現在の条件は各ツールの説明を確認してください。

tiiny.hostの代わりには何がおすすめですか?

困っている上限に合わせて選びます。EdgeOne Pagesは1ファイル25 MBまで対応し、ゲストのデプロイを保持するには登録が必要です。クライアントの閲覧を確認するなら、HummingDeckはリンクごとの閲覧数を記録し、Starter以上で閲覧時間も確認できます。Claudeやv0のプロジェクトは、静的ホストに送る前に完成したHTMLへ書き出すかビルドしてください。

AI生成のHTMLページをクライアントに非公開で送るには?

先にHTMLへ書き出すかビルドし、提出用リンクのアクセス制御を選びます。HummingDeckのProとBusinessのRestrictedとVerified Emailは、受信者のアカウントなしで受信トレイの確認を求めます。Claudeの一般的なアーティファクト共有は新しい共有にアカウントが必要ですが、従来の公開や一部のCode、カスタムアーティファクトでは条件が異なり、v0もチャット共有とデプロイしたサイトのアクセス設定は別です。

Claudeアーティファクトの書き出しとClaudeデザインの共有も参考になります。クライアントには完成したページが開くリンクを送ります。

GitHub Pagesは商用利用できますか?

主な目的が商用ではないページに限られます。GitHubはPagesについて“not intended for or allowed to be used as a free web-hosting service to run your online business, e-commerce site, or any other website that is primarily directed at either facilitating commercial transactions or providing commercial software as a service (SaaS).”と説明しています。サイトに合うかポリシーを確認してください。仕事に関連するポートフォリオと、Pages上で店舗やSaaSを運営することは区別されます。

GitHub Pagesの上限と利用ポリシーをご覧ください。

静的HTMLファイルを誰が閲覧したか追跡できますか?

はい。リンクごとの閲覧を記録するホストか、自分で追加した分析ツールで確認できます。HummingDeckは全プランでリンクごとの閲覧数を記録し、Starter以上では閲覧時間、再訪問、対応するクリックも確認できます。パーソナルリンクは閲覧を送信先に関連付け、ProとBusinessのVerified EmailやRestrictedは受信トレイの確認も加えます。これらはリンク上の動きと受信トレイへのアクセスを示すもので、端末を操作した人物まで証明するものではありません。

ClaudeアーティファクトのReactやJSXはどうすればよいですか?

先にソースを完成したHTMLへ書き出すかビルドしてください。.jsxファイルはブラウザで動かす前にコンパイルが必要で、拡張子を.htmlに変えるだけではページになりません。書き出したHTMLファイルをホストするか、ビルド済みフォルダをZIPにして対応するホストへアップロードします。HummingDeckはStarter以上でHTML ZIPをプレビューできます。

出典

2026年10月30日に確認しました。各社の料金ページと手順書を参照しており、アカウント設定についてはドキュメントに記載された操作方法を示しています。ログイン後の画面を実際に操作して検証したものではありません。


関連記事: