単一の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つの手順
- ファイル単体で動くか確認します。 スタイル、スクリプト、画像、フォントを埋め込むか、外部リソースへ誰でもアクセスできることを確かめます。別のファイルが必要なら、ルートに
index.htmlを置いたフォルダかZIPをアップロードします。 - アップロードします。 ドラッグ&ドロップ対応のホストに置くか、公開GitHubリポジトリへ
index.htmlとして追加し、GitHub Pagesを有効にします。 - 送信前にプライベートウィンドウでリンクを開きます。 画像、スタイル、ボタン、アクセス設定を確認してください。アセットが表示されない場合は、パスの誤りや受信者がアクセスできないリソースが原因であることが多いです。
先に自分のパソコンで試すには、ファイルのあるフォルダでターミナルを開き、python3 -m http.server --bind 127.0.0.1 8000を実行してhttp://localhost:8000へアクセスします。ループバックアドレスにバインドすることで、テスト用サーバーへの接続を自分のパソコン内に限定します。
ホスティングとHTMLファイルの非公開共有
2025年8月のVercelフォーラムの投稿では、v0のプレビューをURLを持つ誰もが開けたと報告したユーザーが、次のように尋ねていました。
「リンクを非公開にする方法はありますか?」
現在のv0のチャット設定では、招待した人、チーム、リンクを持つ全員のいずれかにアクセスを設定できます。チームの初期設定は変更可能で、別途デプロイしたサイトには独自の保護設定があります。受信者に送る実際のリンクで確認してください。
ポートフォリオ、授業の課題、デモなどの公開ページなら、以下のホストから選び、利用規約を確認します。用途別の候補は選び方にまとめています。非公開のファイルでは、共通パスワード、チームのログイン、受信トレイの確認のどれを求めるかを決めます。
クライアントへの提出では、コードではなく完成したページが開く形にすることも大切です。10の選択肢を比較します。
10のツールを一覧で比較
リンクを作る
アクセスと閲覧状況を管理する
| ツール | パスワード | メールによるアクセス制限 | 閲覧者について分かること |
|---|---|---|---|
| GitHub Pages | 非公開サイトはEnterprise Cloudのアクセス制御を利用 | Enterpriseの組織アクセス | 分析ツールを自分で追加 |
| Vercel | Proの追加オプション。1プロジェクトあたり月額$20 | Vercel Authenticationは全プラン | Web Analyticsによる集計データ |
| Netlify Drop | 取得前は一時パスワード。継続的な保護はPro以上 | プロジェクトの公開設定によるチームログイン | トラフィック分析。プランを確認 |
| Cloudflare Pages | Cloudflare Accessのポリシーを設定 | Access経由。本番URLも明示的に保護 | Web Analyticsによる集計データ |
| tiiny.host | Solo | メール収集はPro以上 | 組み込み分析はTiny以上 |
| host-html.com | Pro | 記載なし | 無料はページ閲覧数、Proは詳細分析 |
| EdgeOne Pages | 確認したアップロード手順には記載なし | 確認したアップロード手順には記載なし | プラットフォームの指標 |
| static.app | 設定でサイト全体かページ単位に設定 | フォームで送信内容を収集 | 有料プランでサイト分析 |
| HTML Hoster | 記載なし | 記載なし | 確認したページには記載なし |
| HummingDeck | Proと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日に確認しました。各社の料金ページと手順書を参照しており、アカウント設定についてはドキュメントに記載された操作方法を示しています。ログイン後の画面を実際に操作して検証したものではありません。
- GitHub: Pagesの上限と利用ポリシー、公開元の設定、非公開サイトのアクセス。
- Vercel: 料金、Hobbyの規約、本番環境の認証、パスワード追加オプションの料金。
- Netlify: 料金、Dropのクイックスタート、パスワード保護。
- Cloudflare: Direct Upload、プレビューデプロイのアクセス。
- tiiny.host: 料金、米ドルでの支払い、プランの上限、無料リンクの保持条件。
- host-html.com: ファイル上限とアップロード手順、料金。
- EdgeOne: 直接アップロード、Makers Drop、料金。
- static.app: 料金、HTMLアップロード、パスワードとファイルマネージャーのヘルプ。
- HTML Hoster: アップロード、アカウント、保持条件。
- Google: ドライブのホスティング終了、Firebaseの料金、Hostingのクイックスタート、Sitesの埋め込み。
- AIの共有: Claudeアーティファクト、Claude Code、カスタムアーティファクトと従来の公開、v0の共有設定。
- HummingDeck: 料金、HTMLとZIPの要件。
関連記事:
- Claudeアーティファクトを書き出す: 完成したHTML、バンドル、ソースコードの違いを確認できます。
- Claudeのデザインを共有する: 標準の共有方法とトラッキング付きの提出を比較します。
- ChatGPTで作ったHTMLサイトを共有する: 生成したHTMLをブラウザで開けるリンクにします。
- HTMLページに分析を追加する: トラフィック測定と受信者の閲覧分析を選びます。
- PDFをオンラインでホストする: PDF向けのホスティング比較です。