本文へ移動
話題

AIツール

Cloudflare PagesとVercelを比較:AIサイトのホスティング先

AIサイトを収益化するならCloudflare、Next.jsの使いやすさを重視するならVercel。料金、転送量、関数の課金方式を比較します。

執筆: 読了時間:1分

👁 113閲覧数

AIサイトを収益化するなら、料金面ではCloudflareが有利です。無料プランでも商用利用が可能で、静的ファイルの転送量に上限がありません。一方、Vercel Hobbyは非商用プロジェクト専用で、月間転送量は100 GBです。Next.jsアプリの使いやすさやAI SDKのエコシステムではVercelに強みがあります。2026年10月時点の情報を項目別に比較します。Cloudflareについて詳しくはガイドをご覧ください。

2026年10月5日時点

  • Cloudflare Pages/Workers: 0 USD、月500回のビルド、1日10万回の関数呼び出し。アカウント全体で月5 USDから有料。
  • Vercel: Hobbyは0 USD(非商用のみ)、Proは月20 USD。
  • 新情報: Vinext 1.0(2026年9月28日)- CloudflareによるVite上のNext.js実装で、Next.jsアプリを移行しやすくします。
  • 注記: この記事のために、どちらのプラットフォームにもプロジェクトをデプロイしていません。料金表とドキュメントをもとに比較しています。

まず確認:PagesとWorkersの違い

Cloudflareでサイトをホストする方法は2つあります。Pagesは、GitHub連携とサーバー側の機能を備えた従来型の静的サイトホスティングです。WorkersのStatic Assetsも同様のことができますが、プラットフォームのほかの機能と共通の仕組みで扱えます。Pagesは廃止されていませんが、Cloudflareは新機能の主な開発先をWorkersとしており、ドキュメントにはPagesからの移行ガイドもあります。新しいAIプロジェクトなら、私はWorkersを選びます。この記事で「Cloudflare」と表記する場合は、PagesとWorkersの両方を指します。料金と上限は共通です。

CloudflareとVercelの比較表

Cloudflare(Pages/Workers) Vercel
無料プラン Free、商用利用可能 Hobby、非商用のみ
無料プランの転送量 静的ファイルは上限なし 月100 GB
無料プランの関数 1日10万回の呼び出し、1回あたりCPU時間10 ms 月100万回の呼び出し
ビルド 月500回、同時実行1件(Free) プランによる
有料プラン アカウント全体で月5 USDから Proは月20 USD
関数の課金方式 CPU時間(AI APIの応答待ちは含まれない) 呼び出し回数とアクティブな計算時間
Next.js アダプターとVinext経由 ネイティブ対応。VercelがNext.jsを開発
組み込みAI機能 Workers AI(モデル)、AI Gateway、Agents SDK、Vectorize、AI Search AI SDK、Vercel AI Gateway、v0
データベースとファイル D1(SQL)、KV、転送料金のないR2 外部サービス連携(Marketplace)
ボット・DDoS対策 標準搭載。Freeでも上限なし ファイアウォールを標準搭載

AIアプリでは関数の課金方式が重要

AIアプリの関数は、モデルにリクエストを送り、数秒から数十秒ほど応答を待つのが一般的です。WorkersではCPU時間に対して課金され、ネットワーク経由の応答を待つ時間はCPU時間に含まれません。モデルの応答を20秒待ち、結果の処理に5 msかかる関数なら、呼び出しあたり10 msという無料枠に収まります。チャットボットやエージェントでは大きな違いになります。Vercelもアクティブな計算時間に基づく課金方式に移行しましたが、Hobbyプランの上限と商用利用の禁止は変わりません。

Cloudflareを選ぶとよいケース

  • 広告、販売、アフィリエイトなどでサイトを収益化したいが、初日から料金を払いたくない。
  • アクセスが急増する可能性がある。静的ファイルの転送量は無制限なので、記事が大きく拡散しても転送量に応じた請求は発生しません。
  • AIモデル、データベース、ファイル、キューを1社にまとめ、ユーザー単位ではなくアカウント全体で月5 USDを支払いたい。
  • モデルの応答を長時間待つエージェントを開発している。
  • バイブコーディング用のサイトを作る。Cloudflare創業者の9月27日付書簡によると、こうしたツールの大半はCloudflareをデフォルトのデプロイ先にしています。

Vercelを選ぶとよいケース

  • アプリがNext.js製で、フレームワークの最新機能を使っている。Vercelなら初日から利用できます。
  • v0でインターフェースを作り、ワンクリックでデプロイしたい。v0についてはVercel v0の料金とクレジットで紹介しています。
  • 料金よりも、変更ごとのプレビュー、プレビュー上のコメント機能、使いやすい管理画面を重視するチーム。
  • 趣味の非商用プロジェクトで、Hobbyプランで十分な場合。

アクセス増加時のコストを簡単に試算

月間30万ページビューのAIツール付きブログを想定します。ページの容量は2 MBで、2万人がAI機能を1回ずつ使うケースです。

  • 転送量: 30万回 × 2 MB = 約600 GB。Cloudflare Freeでは静的ファイルの転送量は0 USDです。Vercel Hobbyの上限は100 GBですが、広告付きブログは商用利用にあたるため、そもそも利用できません。Vercel Proは月20 USDで、プラン料金に含まれる転送量の上限があります(詳細はVercelの最新料金表をご確認ください)。
  • 関数: 月2万回の呼び出しは、どちらのプラットフォームでも無料枠に収まります。
  • AIモデル: ホスティング料金とは別に、モデル提供元への支払いが必要です。費用の管理方法はAI GatewayでAPI費用を管理する方法で解説しています。

これらのプラットフォームにデプロイできるAIツール

  • LovableとBoltには独自のホスティング機能がありますが、プロジェクトをエクスポートしてCloudflareやVercelにデプロイすることもできます。
  • コーディングエージェント(Claude Code、Codex、Cursor)は、CLIを使ってどちらのプラットフォームにも対応できます。Cloudflareではwranglerまたは新しいcf、Vercelではvercelを使います。Cloudflareによると、2026年9月にはWranglerの利用の48%をエージェントが占めていました。
  • デプロイせずにローカルプロジェクトをプレビューするなら、Quick Tunnelが便利です。詳しくはCloudflare TunnelとOllamaをご覧ください。

私の選択

収益化するブログ、ランディングページ、AIツールなら、静的アセットを使うCloudflare Workersを選びます。開発者の作業時間を月20 USDより重視するチームで、大規模なNext.jsアプリを作るならVercel Proです。商用利用の予定がないプロトタイプなら、どちらの無料プランも問題ありません。

Google · あなたの情報源GoogleでKiramesuをもっと上位に表示-ワンクリックで設定お気に入りの情報源に追加 →

情報源

// 関連記事も読む

Kiramesuの関連記事

Kiramesu

Kiramesu

著者・編集

AIを理解し、活用するためのガイド、検証記事、ニュースをお届けします。

次に読むaiツールGPT-6.1 Terra APIの使い方:Python・JavaScriptコードとFlexの料金GPT-6.1 Terra APIのPython・JavaScriptコード例と料金、Standard・Flex・Fastの実測結果を紹介します。請求書の読み取りテストはポーランド語で実施しました。

よく読まれている記事

  1. 1ChatGPT PlusとProの違いは?料金と選び方を解説
  2. 2basal-omni、JevBenchのオープンモデル首位に
  3. 3Claude Opus 5.5のデータ分析力を検証、44項目中43項目が正確

// サイトマップ

このページの他の言語版5

kiramesuの数字 0アーカイブの記事数0過去7日間のニュース件数
× ‹ 拡大 ›