HTML 共有のためのホスティング比較
private repo の設計書を auth 付きで共有する場合、無料で最も柔軟なのは Cloudflare Pages — 各サービスを実用観点で再評価
TL;DR — Cloudflare Pages が頭ひとつ抜けている
- 第一推奨: Cloudflare Pages — 無料・帯域無制限・Cloudflare Access による auth 付き private 共有が無料 (50 ユーザーまで)
- 第二推奨: Vercel Hobby — UI が洗練、private repo 連携無料。ただし auth 付き共有は Pro $20/月 必要
- GitHub Pages: public repo の場合のみ。private は GitHub Pro $4/月 必須
- Netlify Drop: 一発勝負・signup 不要・72h で消滅
★ 決定打: Cloudflare Access による無料 auth ゲート
「特定のメアドだけがアクセスできる URL」を 無料で作れるのは Cloudflare Access (Zero Trust) の独占機能。
講師に https://harness-design.pages.dev/spec.html を送る → 講師のメアドを Access の許可リストに → 講師がアクセスすると Cloudflare がワンタイムコードをメール送信 → 認証後に閲覧可能。第三者は 403。
同等機能を Vercel で実現するには Pro $20/月/seat が必要。プライベート設計書を機密性を保ったまま無料で共有できるのは Cloudflare だけ。
比較サマリー
| サービス |
初回 |
継続 |
料金 |
帯域 |
private repo |
auth 付き共有 |
| Cloudflare Pages |
★★ |
★ |
無料 |
無制限 |
✓ 無料 |
✓ 無料 (Access) |
| Vercel Hobby |
★ |
★ |
無料 |
100GB/月 |
✓ 無料 |
✗ Pro $20/月 |
| GitHub Pages |
★★ |
★ |
無料 (public) |
100GB/月 |
✗ Pro $4/月 |
✗ 非対応 |
| Netlify Drop |
★ |
— |
無料 |
100GB/月 |
— |
✗ 非対応 |
工数: ★ 少 / ★★ 中 / ★★★ 多
各サービス詳細
① Cloudflare Pages 最強の無料枠
初回セットアップ10〜15 分
継続工数git push or wrangler
コスト無料
帯域無制限
URL 形式project.pages.dev
- Cloudflare Access で auth 付き共有が無料 (50 ユーザーまで)
- 帯域無制限 — 帯域超過の心配なし
- private repo を無料で接続・自動デプロイ可
- グローバル CDN で世界中から高速
- 独自ドメイン無料適用
- 同一アカウントで複数サイト無制限
- Vercel ほどドキュメント・コミュニティが豊富でない
- wrangler CLI に少し慣れが必要
- ダッシュボード UX は Vercel に劣る
② Vercel Hobby UI 重視
初回セットアップ3〜5 分
継続工数git push or CLI
コスト無料 (Hobby)
帯域100GB/月
URL 形式project-xxx.vercel.app
- ダッシュボード UX が洗練されている
- ドキュメント・コミュニティ量が豊富
- CLI 一発:
vercel deploy
- private repo 接続・自動デプロイ無料
- ブランチごとに preview URL 自動発行
- auth 付き共有は Pro $20/月/seat 必要
- 帯域 100GB/月 (超過すると課金 or Pro 必要)
- ビルド時間 6000 分/月
③ GitHub Pages public repo 向け
初回セットアップ5〜10 分
継続工数git push のみ
コスト無料 (public) / $4/月 (private)
帯域100GB/月
URL 形式user.github.io/repo/…
- public repo なら追加サービス不要
- repo Settings → Pages から数クリックで有効化
- git push で自動反映
- private repo は GitHub Pro $4/月 必須
- auth 付き共有は非対応
- URL がやや長い
- 反映に 1〜2 分のタイムラグ
④ Netlify Drop 使い捨て
初回セットアップなし (signup 不要)
継続工数—
コスト無料
URL 寿命72 時間
URL 形式random.netlify.app
- ブラウザに HTML をドラッグ&ドロップだけ
- signup 不要、アカウント増えない
- 最速 30 秒で URL が手に入る
- 72 時間で URL が消える
- 履歴・差分管理なし
- auth 付き共有非対応
決定マトリクス
- private repo の設計書、特定の人だけに見せたい、無料がいい
- → Cloudflare Pages + Cloudflare Access（独占的な最適解）
- private repo、auth 不要、Vercel の UI が好き
- → Vercel Hobby
- public repo、追加サービスを増やしたくない
- → GitHub Pages
- 1 回だけ送れればよい、後で消えてOK
- → Netlify Drop（最速）
- 対面・画面共有でレビュー予定
- → ローカルファイルを open するだけ（共有不要）
あなたの実プロジェクトに当てはめると
| プロジェクト | 共有相手 | 推奨 | 理由 |
|---|
| harness-design |
講師 (1 名) |
Cloudflare Pages + Access |
private repo・講師のみアクセス可・無料の三拍子が揃う。Access に講師のメアドを登録するだけ |
| tech-digest |
ソロ |
ローカル / Netlify Drop |
共有相手不在。提出物が出るタイミングだけ Drop |
| 将来の業務案件 |
チーム |
Cloudflare Pages + Access |
50 ユーザーまで無料、SAML/OIDC 連携で SSO も可能 |
Cloudflare Pages セットアップ手順
- https://dash.cloudflare.com にサインアップ（無料）
- Workers & Pages → Create application → Pages → Connect to Git
- GitHub 連携を許可、対象の private repo を選択
- Build settings: 静的 HTML のみなら framework preset を「None」、Build output directory に
docs/share/<slug> を指定
- Deploy → 1〜2 分で
https://<project>.pages.dev が公開
- 以降は git push で自動デプロイ
Cloudflare Access による auth 設定（機密設計書の場合）
- Cloudflare ダッシュボードで Zero Trust をアクティベート（無料、メールアドレスとプラン選択のみ）
- Access → Applications → Add an application → Self-hosted
- Application domain に
<project>.pages.dev を登録
- Policy: Action を「Allow」、Include に「Emails」を選び、許可するメアドを列挙（例: 講師の Gmail）
- Save → 該当 URL にアクセスすると Cloudflare のログイン画面 → 許可されたメアドを入力 → ワンタイムコードがメール送信 → 認証通過で閲覧可能
機密性の注意: Cloudflare Access を有効化していない場合、Cloudflare Pages の URL は推測困難ですが technically public です。設計書に機密情報を含む場合は必ず Access を有効化してください。Vercel Hobby と GitHub Pages (private なし) も同様に technically public。
wrangler CLI で 1 行デプロイする場合
# 初回ログイン (Cloudflare アカウントが必要)
npx wrangler login
# デプロイ
npx wrangler pages deploy docs/share/<slug> --project-name=<slug>
# → https://<slug>.pages.dev が即時公開される