Pages単体から Workers + Static Assets + Access へ — 用途別に「採用可否」を見極める
Cloudflare は依然第一候補。ただし新規構築は Pages 単体ではなく Workers + Static Assets を本命に据え、スタッフ限定は Cloudflare Access(50ユーザー無料)、購入者限定は Cloudflare 単体で考えない(決済・会員管理サービス併用)。 当初の「Pages か Access か」という二者択一は、2025-04-08 の Cloudflare 公式方針転換(新規・将来投資は Workers 中心)以降、組み合わせ問題へと拡張した。
この文書全体の核心は 「3つの用途で最適なサービス組が異なる」 ことにある。下図は、①公式サイト・SEO ②スタッフ限定 ③購入者限定 の3用途について、推奨サービス組と Cloudflare 単体での採用可否を1枚に集約したもの。
Style: minimalist editorial infographic, warm beige background #FAF8F4. Accent colors only: deep red #8B2635, teal #5BA89E, gold #B8985A, soft gray. No text anywhere in the image. 16:9 aspect ratio. Subject: A horizontal three-column composition representing three different levels of website accessibility, arranged left to right from "most open" to "most restricted": 1. Left column: An open plaza with a tall, elegant glass storefront. A few stylized search-engine spider icons walk freely toward the building. The building glows softly with teal light. Conveys "public, SEO-friendly, anyone can enter." 2. Middle column: A modest building behind a low decorative gold gate. A small group of figures with key-shaped silhouettes approach the gate; one inserts a key while a search-engine spider bounces off the gate. The building's interior glows warm teal through the windows. Conveys "members-only, limited but welcoming." 3. Right column: The same kind of building, but it is connected by thin glowing wires to three small external satellite boxes floating above it (payment, identity, database). Without those satellites, the building has no light. A dashed red boundary encircles the satellites to indicate they live outside the main system. Conveys "paid-access requires components from outside the core platform." Below all three columns: a long thin warm-beige ribbon that visually ties them together, suggesting they are all variants of one platform with different configurations. Soft shadows, slightly grainy texture, hand-drawn line quality but precise geometry. Editorial illustration style, not cartoonish, not photorealistic.
トミタコーチは当初「Pages か Access か」で迷っていた。だが Cloudflare 自身の方針転換と AI エージェント連携の進展により、検討対象が広がった。下表は7観点で時系列を対比したもの。
| 局面 | 当初の見方 | 拡張後の見方(2026-05時点) |
|---|---|---|
| Webページを置く場所 | Cloudflare Pages でよいか | 新規なら Workers + Static Assets も候補。Pages は試用・既存運用の入り口 |
| 社内限定にする方法 | Access を使うか | Access は AIエージェント時代の認証基盤にもなる(Managed OAuth, 2026-03-20) |
| Claude Code 連携 | Pages にアップできるか | Wrangler / MCP / Cloudflare Skills で Cloudflare 全体を AI から操作 する話に拡張 |
| 長期安定性 | Pages の評判を見る | Cloudflare の投資先が Workers へ移っているかを見る |
| 最初の導入 | Pages か Access か | Workers/Pages + Access の組み合わせを考える |
| 役割の理解 | Pages = 静的、Workers = 動的 | Workers が静的サイト公開まで担う中心基盤に進化(2024 Builder Day) |
| 認証の範囲 | ログイン制限 | AIエージェント・CLI・SDK の OAuth 2.0 認証まで(2026-03-20 Managed OAuth) |
「Pages か Workers か Access か」を判断する前に、それぞれの今の立ち位置を押さえる。
静的サイト公開に特化して始まったサービス。今は「既存の静的サイト公開・簡単な導入口としてはまだ使える」立ち位置。
_redirects や .html の自動308リダイレクトが SEO や旧URLに影響、高度な設定時のドキュメントが散漫Workers は 2017年 正式リリースの老舗。「+ Static Assets」の「+」は 併用の意味で、Workers という実行基盤の中で Static Assets 機能を使い HTML/CSS/画像等を配信する構成。
JavaScript / TypeScript / Python / Rust。React / Vue / Svelte / Next / Astro 等のフレームワーク対応。
nodejs_compat フラグで API 互換を有効化できる(互換性は劇的向上中)ゼロトラスト・アクセス制御。「公開するため」ではなく「Cloudflare 上に置いたものを見せる相手を絞るため」のサービス。
社内ツール保護、外部パートナーへの限定権限付与、開発者リモートアクセス、公開前 LP の確認、講師向け教材管理。
「商品 A を購入済みか」「閲覧期限内か」「返金後の停止」「商品ごとの権限」など、購入履歴に基づく権限管理は単体では弱い。
判断のときに見返すべき数値を集約。すべて出典が複数情報源で確認済み。
| 項目 | 値 | 出典 |
|---|---|---|
| Pages 評価(Gartner) | 4.7/5(16件、2026-01更新) | Gartner Peer Insights |
| Pages 評価(Product Hunt) | 5.0/5(20件) | Product Hunt |
| Pages vs Vercel スコア | 8.7 vs 8.8 | devtoolreviews.com 2026年比較 |
| エッジロケーション | 300以上 | Cloudflare 公式 |
| TTFB | 50ms 未満クラス | レビュー記事複数 |
| Workers Free リクエスト | 1日 100,000 リクエスト | Cloudflare Docs Pricing |
| Workers 静的アセット | 無料・無制限(保存も追加費用なし) | Static Assets billing |
| Access Free | 50ユーザーまで・時間制限なし | Reference Architecture: SASE |
| Workers 関連プラン | $5/月(2026年5月登場) | Grok レビュー |
| Workers リリース | 2017年 | Cloudflare ブログ |
| Pages → Workers 公式方針 | 2025-04-08 | Cloudflare ブログ "Full-stack on Workers" |
| Managed OAuth for Access | 2026-03-20 | Cloudflare Changelog |
| Builder Day(Pages → Workers 統合) | 2024年 | Cloudflare ブログ |
本ノートの中核。3つの主用途と2つの参考ケースについて、第一候補・代替・Access の要否・無料可否・Claude Code/Codex 相性・採用可否・避けたい誤解を整理した。
向いている例: 公式LP、教材販売ページ、講座案内、SEO記事の静的HTML化、note / メルカリ等への導線。
向いている例: スタッフ向け手順書、教材制作フロー、AI活用マニュアル、社内ナレッジハブ、公開前LP確認、講師向け共有資料。
注意点: 生徒の成績、個人情報、決済情報、契約情報は置かない(Cloudflare 云々以前に情報管理設計を別に考えるべき)。
推奨アプローチ: まず note 等の販売プラットフォームで済ませ、自社化は次フェーズ。
同じ用途を別プラットフォームで実現する場合の比較。コスト・グローバル性能・エコシステム重視なら Cloudflare、Next.js ヘビーユースや「とにかく楽に作りたい」なら Vercel というのが複数レビュー共通の結論。
| プラットフォーム | ホスティング主力 | アクセス制御 / 認証 | 特徴 / コメント |
|---|---|---|---|
| Cloudflare | Workers + Static Assets / Pages | Cloudflare Access(50ユーザー無料) | 無料枠が大きく、無制限帯域。AIエージェント連携公式対応。コスト・グローバル性能重視ならこれ |
| Vercel | Vercel(Next.js等) | Auth0 / NextAuth.js(Deployment Protection: Password Protection、Trusted IPs、Vercel Authentication) | DX とNext.js ネイティブで勝る。プレビュー / ダッシュボードの洗練度が高い。Claude Code 用 deploy plugin あり |
| Netlify | Netlify | パスワード保護(Pro プラン)、SSO(Enterprise 寄り) | 特定ツール(フォーム)で優位だが、全体的にCloudflareにコスト・パフォーマンスで劣る |
| GitHub Pages | GitHub Pages | Private Pages(Enterprise Cloud のみ、リポジトリ読み取り権限者に限定可能) | 小規模で「特定ユーザー安全共有」の主役にするには重い |
| Google Cloud | Cloud Run / Firebase | IAP(Identity-Aware Proxy) | コンテナベースで動かせるため移行容易。IAP で Access に近いゼロトラスト実現可能 |
| AWS | AWS Amplify / ECS | AWS Cognito / AWS WAF | 世界最大シェア。バックエンド連携は強固だが学習コスト・複雑化が懸念 |
最初から本命構成 + MCP まで全部やる必要はない。5段階で徐々に拡張するのが現実的。各段階で何ができて何にお金がかかるかを明示した。
目的: 公開体験を確認。Cloudflare アカウント、HTTPS自動発行、URL発行を体感する。
費用: 無料。ハードル: 低い。典型作業: 1ページの HTML を Cloudflare に置くだけ。
目的: 今後の本命構成を確認。Wrangler CLI 経由でデプロイの再現性を担保する。
費用: 無料。ハードル: 中。典型作業: npx wrangler login → wrangler deploy。
詰まりやすいポイント: Wrangler ログイン、wrangler.jsonc 設定、出力フォルダ指定。
目的: スタッフ共有を確認。メールOTP / Googleログイン / 組織ドメインのいずれかで認証をかける。
費用: 50人以内なら無料枠。ハードル: 中〜やや高。典型作業: Access アプリ作成 → 認証方法選択 → 許可ポリシー設定 → 自分とスタッフでアクセステスト。
目的: 一気通貫に近づける。Claude Code でファイル編集 → Wrangler でデプロイをひとつのセッションで完結させる。
費用: 無料(Cloudflare 側の課金は AI ツール選択ではなく「Cloudflare 上で何を動かすか」で決まる)。ハードル: 中。
目的: DNS、Access、ログ、分析まで AI に寄せる。Claude Code / Codex の /plugins で Cloudflare plugin を入れると Cloudflare Skills と MCP server が登録される。
費用: 無料〜要確認。ハードル: 高め。判断: 運用が固まってから導入。最初から飛び込む必要はない。
採用を決めるとき・運用を始めるときに見落としやすい論点。Gemini が示した評価軸3点(ベンダーロックインの許容度 / 対象ユーザーと用途 / データレジデンシー)も合わせて事前に明確化しておきたい。
| カテゴリ | 内容 | 対応方針 |
|---|---|---|
| Pages の方向性 | メンテナンスモード寄り。新機能は Workers 中心 | 新規構築は Workers + Static Assets を本命に |
| Access と Pages の混同 | Pages は置き場所、Access は認証 | 役割を分けて考える |
| 購入者限定の複雑さ | 購入履歴・決済・権限管理が必要 | Cloudflare 単体で考えない |
| Node.js / npm / Wrangler の理解負荷 | 公開作業の裏側で必要 | 最初は Claude Code / Codex に任せ、最低限だけ理解 |
| MCP の導入負荷 | 便利だが初期は重い | 最初は Wrangler まで |
| WordPress やフォーム | 静的構成では PHP/MySQL 前提の仕組みが動かない | 既存 WordPress は無理に移行しない |
| SEO 設定ミス | 限定ページが検索に出る、公開ページが検索されない | noindex / robots / sitemap を用途別に分ける |
| 個人情報・成績・決済情報 | 秘匿性が高い | Cloudflare 上の静的ページに置かない |
| ベンダーロックイン | D1 / R2 / KV まで使うと依存強化 | データ層は外部サービス併用も検討。Cloudflare Tunnel(cloudflared)でインフラとセキュリティを分離する手も |
| 英語ドキュメント・サポート | トラブル時の学習コスト | まず小さい範囲で試す |
_redirects / .html 308 リダイレクト | SEO や旧URLに影響(回避策あり) | リダイレクト挙動を必ず検証 |
| 大規模 Node.js アプリ・長時間処理 | Workers の実行時間制限に触れる | コンテナ機能や他プラットフォームを検討 |
用途別に整理してみると、ある事実が浮かび上がる:
Cloudflare は「用途を分けて使えば」依然第一候補。ただし「全部を Cloudflare で済ませる」と無理が出る。
2026年も "shockingly good(驚くほど良い)" という声が続いており、「無制限帯域 + 高速グローバル配信 + 低コスト」で個人開発者・小規模チーム・コンテンツサイトに非常に強い選択肢である。さらに Managed OAuth(2026-03-20)で Access が AIエージェント時代の認証基盤として公式に位置づけられたため、Claude Code / Codex を投資の中心に据えるトミタコーチの方針とも整合する。
一方、購入者限定だけは「認証」ではなく「購入履歴に基づく権限管理」が本質であり、Access 単体では届かない領域。ここを誤ると、返金後にコンテンツが見え続ける、商品ごとの権限分離が手動になる、といった運用事故につながる。最初は note / Shopify 等で済ませ、自社化は別フェーズとして切り分けるべき。
| 用途 | 結論 |
|---|---|
| 公式サイト・SEO | Cloudflare Workers + Static Assets で採用(無料、Access は不要) |
| スタッフ限定共有 | Cloudflare Workers + Static Assets + Access で採用(50ユーザーまで無料) |
| 購入者限定 | 段階的採用。最初は note 等、自社化は次フェーズで決済+認証+DB を組み合わせる |
| Pages の扱い | 試用・既存運用なら有力。新規の長期本命としては Workers 寄りに考える |
| Claude Code / Codex | どちらでも Cloudflare 連携は公式対応。AI ツール側の将来移行に強い |
採用度: ★★★★☆
最初の実験は 「1ページの HTML を Cloudflare に公開し、その次に Access で限定共有」 が一番安全。最初から MCP まで全部やる必要はない。
wrangler.jsonc の設定例を Claude Code に作らせる