Vercel Pro無料ドメインの選び方：2年目の更新料【2026年版】
IT Picks編集部
IT Picks
Cloudflare WorkersとVercelを比較：個人開発ならどっち？【2026年版】
IT Picks編集部
個人開発で作った API や小さな Web アプリを公開するとき、候補に挙がりやすいのが Cloudflare Workers と Vercel です。どちらも無料で始められ、Git に push するだけで公開できますが、料金の数え方と無料枠の条件は大きく違います。
Pricing
この記事では、Cloudflare Workers と Vercel を 無料枠・商用利用の条件・DB 接続・デプロイの手順・料金の増え方 の5つの点で比較します。料金は両社の公式料金表から、アクセス規模別に試算しました。さらに、同じ小さな TODO API を両方の開発ツールでローカルに動かしたときの手順と表示も載せています。「どちらが上か」ではなく、自分のアプリの形に合う方を選ぶための比較 という位置づけです。
この記事はこんな人向けです
- 個人開発の API や小さな Web アプリを、Cloudflare Workers と Vercel のどちらに置くか迷っている人
- 無料枠のまま公開したいが、広告やアフィリエイトを入れる予定もある人
- アクセスが増えたときに料金がどう増えるのかを先に知っておきたい人
目次
Cloudflare WorkersとVercelの違いとは？一言でまとめると
一言でまとめると、Workers は「軽い処理を安く大量にさばく」のが得意、Vercel は「Next.js のアプリを手間なく動かす」のが得意 です。
Workers は Cloudflare の世界中の拠点で JavaScript を動かす仕組みで、CPU が実際に動いた時間とリクエスト数 だけで料金が決まります。Vercel は Next.js の開発元が運営する公開サービスで、リクエスト数・CPU・メモリ・転送量 と、課金される項目が多いのが特徴です。
| 項目 | Cloudflare Workers | Vercel |
|---|---|---|
| 無料プラン | Free（1日10万リクエスト） | Hobby（個人・非商用のみ） |
| 有料プラン | Workers Paid 月5ドル〜 | Pro 月20ドル〜（20ドル分のクレジット込み） |
| 課金の中心 | リクエスト数・CPU 時間 | リクエスト数・CPU・メモリ・転送量 |
| データ転送（egress） | 追加料金なし | 従量（Pro は Flat Rate CDN の容量まで込み） |
| 動く場所 | 世界中の拠点（実行時間は課金なし） | 関数は選んだリージョン（既定はワシントンD.C.） |
| 得意なアプリ | API・軽い処理・静的サイト＋少しの処理 | Next.js などのフルスタックアプリ |
| 自前のデータベース | D1（SQLite）、KV など | なし（Marketplace の Neon などをつなぐ） |
| 1回の処理の上限 | CPU 時間 Free 10ms・Paid 最大5分 | 実行時間 Hobby 300秒・Pro 最大800秒 |
※ 料金は米ドル・税別。2026年11月13日時点の公式ページで確認。
大きな違いは 「待ち時間」の扱い です。Workers は DB の応答待ちのように CPU が止まっている時間には課金しません。Vercel も待ち時間の CPU には課金しませんが、その間もメモリ（Provisioned Memory）の料金は数え続けます。DB を多く使うアプリほど、この差が料金に出てきます。
結論：個人開発ならどっちを選ぶ？用途別の選び方
結論から書くと、API 中心・広告やアフィリエイトを入れる予定がある・アクセスが増えるかもしれない なら Workers、Next.js の機能をそのまま使いたい・まずは趣味で公開したい なら Vercel がおすすめです。
| こんなアプリ・状況なら | おすすめ | 理由 |
|---|---|---|
| Hono などで作った 小さな API | Workers | 無料枠が大きく、増えても CPU 時間だけで安い |
| 広告・アフィリエイト・有料機能 を入れる | Workers（または Vercel Pro） | Vercel の Hobby は商用利用できない |
| Next.js の機能（ISR・画像最適化など）をフルに使う | Vercel | 開発元の環境で、追加の変換が要らない |
| 趣味のポートフォリオ・試作 | どちらでも | どちらの無料枠にも収まりやすい |
| DB をそのまま 同じサービスの中で 持ちたい | Workers（D1） | Vercel は外部のデータベースをつなぐ形 |
| チームで プレビューを見せ合いたい | Vercel | プレビューやコメント機能が充実 |
迷ったときは、「Next.js に強く依存しているか」と「商用か」 の2つを先に決めると答えが出やすいです。Next.js に深く依存していないなら、料金の読みやすさで Workers が有利になります。
無料枠の比較：WorkersのFreeとVercelのHobby
無料プランは、どちらも 「上限に達したら止まる」 仕組みです。勝手に請求が来ることはありませんが、止まり方と条件が違います。
| 項目 | Workers Free | Vercel Hobby |
|---|---|---|
| リクエスト | 1日10万（UTC 0時＝日本時間9時にリセット） | CDN リクエスト 月100万・関数の呼び出し 月100万 |
| CPU | 1回あたり10ms まで | 月4時間（Active CPU） |
| メモリ | 128MB（課金なし） | 月360GB時間（関数は2GB固定） |
| 転送量 | 追加料金なし | 訪問者向け 月100GB・関数の応答 月10GB |
| 上限を超えたら | その日はエラー1027（または Worker を通さず素通し） | 多くの場合30日待つ |
| 商用利用 | 料金・制限のページに非商用の条件はない | 個人・非商用に限る |
| Git 連携のビルド | 月3,000分 | 1日100デプロイ |
※ 2026年11月13日時点。米ドル・税別。
Workers の Free は 1日単位 で数えるので、1日だけアクセスが集中しても翌日には戻ります。Vercel の Hobby は 月単位 で、超えると最大30日待つことがあるのが要注意です。
もう一つの大きな違いが 商用利用 です。Vercel の Hobby は個人・非商用に限られ、広告の掲載やアフィリエイトリンクが主目的のサイトも商用に当たります。ブログやツールに広告を入れる予定があるなら、最初から Workers か Vercel Pro を選んでおくと移行の手間がかかりません。
各クラウドの無料枠の考え方は、AWS や Google Cloud と比べた記事でも整理しています。
あわせて読みたい
クラウド無料枠を比較：AWS・GCP・Azure・OCI【2026年版】
料金の増え方を試算：アクセス規模別の比較
ここからは、同じ小さな API に月30万・300万・3,000万リクエストが来た場合 の料金を、公式の料金表から試算しました。実際の請求額ではなく、下の前提を置いた試算 です。
試算の前提 – 1リクエストごとに関数が1回動く API（静的ファイルは含めない） – CPU 時間は1回 5ms、応答は1回 5KB – Vercel の関数は既定の 2GB、1回の処理で 50ms（DB 待ちを含む）メモリを使う。同時処理による節約は見込まない（多めの見積もり） – Vercel は東京（hnd1）の単価、Pro は Flat Rate CDN をオン（新しい Pro チームの既定）。Flat Rate CDN の段の料金は月20ドルのクレジットとは別に払う前提 – データベースの料金は含めない（下の「DB接続の違い」で説明）
| 月のリクエスト（1日あたり） | Cloudflare Workers | Vercel Hobby | Vercel Pro |
|---|---|---|---|
| 30万（約1万/日） | 0ドル（Free） | 0ドル（非商用なら） | 20ドル（利用分は約0.81ドルでクレジット内） |
| 300万（約10万/日） | 5ドル（Paid。込みの範囲内） | 上限超え（使えない） | 約40ドル（Flat Rate CDN が月20ドルの段へ） |
| 3,000万（約100万/日） | 約13.40ドル | 上限超え | 約181ドル（月100ドルの段＋利用分約81ドル） |
※ 2026年11月13日時点の公式料金表をもとに IT Picks が試算。米ドル・税別。
300万リクエスト（1日約10万）は、Workers の Free の上限ちょうどです。日によって超えるので、実際は Paid（月5ドル）にしておくのが安全 です。それでも月1,000万リクエスト・3,000万CPUミリ秒までは5ドルのままで済みます。
3,000万リクエストでは差が大きく開きます。Workers は超過分の リクエスト（1,000万→3,000万で6ドル）と CPU（2.40ドル） だけで約13.40ドル。Vercel は 関数の応答の転送（Fast Origin Transfer）が約40.50ドル、呼び出し18ドル、メモリ約13.92ドル と、項目ごとに積み上がっていきます。
Vercel の Flat Rate CDN はオフの方が安いこともある
Vercel の Pro に含まれる Flat Rate CDN は、月100万リクエストを超えると次の請求サイクルから月20ドルの段に上がります。300万リクエストの例で Flat Rate CDN をオフにして従量で数え直すと、CDN リクエストと転送量を足しても利用分は 約18.28ドル で、クレジットの20ドルに収まり 請求は20ドル でした。
| 300万リクエスト/月の Vercel Pro | 月の支払い（試算） |
|---|---|
| Flat Rate CDN オン（既定） | 約40ドル（20ドル＋段の20ドル） |
| Flat Rate CDN オフ（従量） | 約20ドル（利用分約18.28ドルがクレジット内） |
※ 2026年11月13日時点の公式料金表をもとに IT Picks が試算。
一方で Flat Rate CDN には 1日だけの急なアクセス増では料金が変わらない という良さもあります。毎月のアクセスが安定しているなら従量、急に話題になる可能性があるなら Flat Rate、と使い分けるのがよいと考えています。
Vercelの料金が増えやすいポイントと抑え方
試算から分かるとおり、Vercel で料金を押し上げやすいのは 関数の応答の大きさ と 関数を動かす場所 です。
- 応答を小さく・キャッシュする: 関数の応答には Fast Origin Transfer（東京は1GBあたり 0.27ドル）がかかります。Cache-Control でキャッシュすれば、関数を呼ばずに CDN から返せます
- 関数のリージョンを DB の近くに: 新しいプロジェクトの既定はワシントンD.C.（iad1）です。iad1 は CPU 1時間 0.128ドル・Fast Origin Transfer 1GB 0.06ドル と東京より安い一方、日本の DB とは遠くなります。DB と同じ地域にそろえるのが基本です
- 静的にできるページは静的に: Next.js の静的ページは関数を使わず CDN から返るので、関数の料金がかかりません
- 予算と自動停止を設定する: Pro は上限なしの従量課金なので、Spend Management で予算と本番の自動停止を設定しておくと安心です
高額請求を防ぐ設定の手順は、こちらの記事で詳しく紹介しています。
あわせて読みたい
Vercelの高額請求を防ぐには？予算と自動停止の設定【2026年版】
Pro にするなら、1年目無料で取れるドメインの選び方も押さえておくと得です。
あわせて読みたい
Vercel Pro無料ドメインの選び方：2年目の更新料【2026年版】
DB接続の違い：D1・HyperdriveとMarketplaceのデータベース
データベースのつなぎ方は、両者で考え方がまったく違います。Workers は自前の DB を持ち、Vercel は外部の DB を簡単につなぐ 形です。
| 項目 | Cloudflare Workers | Vercel |
|---|---|---|
| 自前の DB | D1（SQLite 互換） | なし |
| 無料で使える量 | D1: 1日500万行の読み取り・10万行の書き込み・5GB | 提携先しだい（例: Neon の Free は月100 CU時間・1GB/プロジェクト） |
| 既存の Postgres・MySQL | Hyperdrive で接続を速く（Free は1日10万クエリ） | そのまま接続（接続情報は環境変数） |
| つなぎ方 | wrangler の設定に「バインディング」を書く | vercel install neon などで作成・接続 |
| 有料での増え方 | D1: Paid は月250億行の読み取り・5,000万行の書き込み込み | 提携先の料金（Vercel とは別の請求） |
| ローカル開発 | --local でローカルの D1 をそのまま使える |
開発用の DB を別に用意 |
※ 2026年11月13日時点。
個人開発の小さなアプリなら、D1 は Free でも1日500万行まで読める ので、DB 代が0円のまま運用しやすいのが強みです。Paid（月5ドル）にすると、月250億行の読み取りまで込みになります。
Vercel の場合、データベースは Marketplace の Neon・Supabase・Upstash など から選びます。たとえば Neon の Free は月0ドルで、5分使わないと DB の計算資源が停止する 仕組みです。Vercel と DB で2つの料金表を見る必要がある ため、試算は少し複雑になります。
なお、Vercel の関数は DB の応答を待っている間も メモリの料金が数え続けられる ため、遅いクエリや遠い DB は料金にも響きます。DB は関数と同じ地域に置くのが基本です。
デプロイと開発の手順の違い
公開までの流れは、どちらも 「ローカルで動かす → CLI か Git 連携で公開」 です。ただし、使う道具と設定ファイルが違います。
① Cloudflare Workers の手順
npm create cloudflare@latestでひな形を作る（Hono などを使うなら、そのパッケージを追加する）wrangler.jsoncに名前・入口のファイル・D1 などのバインディングを書くnpx wrangler devでローカルの開発サーバーを起動（ログインは不要）npx wrangler loginでログインし、npx wrangler deployで公開。Git 連携のビルドも使える
Next.js を Workers で動かす場合、Cloudflare は vinext（Vite で Next.js の API を再現する仕組み）を推奨しています。ただし vinext はベータ で、既存の本番アプリは npx vinext check で互換性を確かめるよう案内されています。
② Vercel の手順
- Next.js なら
npx create-next-appなどでアプリを作る - 開発は
next devを使う（Vercel 自身も、フレームワークの開発コマンドで足りるならvercel devは勧めていない） - GitHub のリポジトリを Vercel につなぐと、push のたびに プレビュー、本番ブランチへのマージで 本番 に自動で公開される
- CLI からなら
vercelコマンドで公開（ログインが必要）
両方の開発ツールでローカルに動かしたときの表示は、下の「実際にセットアップしてみた」にまとめています。
Vercel は、リポジトリを選んで フレームワークのプリセットを確かめるだけ で公開まで進めるのが強みです。Workers は wrangler.jsonc を自分で書く分、どの DB・どのストレージを使うかがファイルにはっきり残る という良さがあります。
Deno Deploy の終了と Deno の Cloudflare 合流のように、Workers の周りでは動きが続いています。
あわせて読みたい
Deno Deploy終了へ、DenoがCloudflareに合流【2026年10月】
移行した人の体験談：つまずきやすい点
実際に Vercel から Workers へ移った開発者の記事からは、料金は下がった一方で、Node.js 前提のコードの書き換えが必要だった という声が見えます。
Zenn の kurosame さんは、Vercel に置いていたサイトを 商用利用することになり Hobby が使えなくなったため Cloudflare Pages と Workers に移したと書いています。ビルドが Vercel の約2.5分から約5分に延びたこと、Workers では環境変数を process.env で読めなかったことなどを挙げています（2021年10月の記事で、当時の手順です。出典）。
DEV Community の Sumit Dey さんは、SaaS を Vercel から Workers に移した際、Node.js の内部に依存する AWS SDK が動かず aws4fetch に置き換えたこと、ブラウザ用の大きな WASM ファイルがサーバー側に混ざって上限で公開に失敗したことなどを報告しています。移行後の費用は Workers Paid の5ドルと R2 の約0.50ドルで 月5.50ドル になったそうです（出典）。
2人に共通するのは、Workers は Node.js そのものではない という点です。移行や新規開発の前に、使いたいライブラリが Workers で動くかを確かめておくと、あとで慌てずに済みます。
実際にセットアップしてみた
2026年11月13日に、テスト用の Linux 環境で次の手順を実際に動かしました。同じ小さな TODO API（Hono で作った GET /・GET /api/todos・POST /api/todos）を、両社の開発ツールでローカルに動かすところまでです。Node.js は v22.23.4、wrangler 4.161.0・Vercel CLI 65.15.0・Next.js 16.4.6 を使いました。
① Workers：ローカルの D1 にテーブルを作る
ターミナル
npx wrangler d1 execute todo-db --local --file=schema.sql実行結果（抜粋）
2 commands executed successfully.--local を付けると、ログインなしで手元（.wrangler/state/v3/d1）の D1 にテーブルと最初の2件ができました。
② Workers：wrangler dev で動かし、API を呼ぶ
ターミナル
npx wrangler dev --port 8787
起動すると、D1 のバインディング（env.DB (todo-db)）が local で使える状態になり、「Ready on http://127.0.0.1:8787」と表示されました。POST /api/todos で1件（料金を試算する）を足すと 201 Created、続く GET で3件が返りました。
③ Workers：公開する中身の大きさを見る
ターミナル
npx wrangler deploy --dry-run --outdir dist実行結果（抜粋）
Total Upload: 62.10 KiB / gzip: 15.97 KiB
--dry-run: exiting now.--dry-run なら、ログインせずに公開する中身の大きさが分かります。この API は 62.10KiB（gzip で15.97KiB） でした。
④ Vercel：vercel dev で動かす
同じ Hono のアプリのフォルダで vercel dev を実行しました。
ターミナル
npx vercel dev --listen 3001
npx vercel dev --local --listen 3001
ここでつまずきました。ログインしていない状態の vercel dev は「No existing credentials found. Starting login flow…」と出て、ブラウザでのログインを求めてきます。--local を付けると、プロジェクトのリンクなしで起動し、「Environment variables will not be pulled from Vercel」（Vercel の環境変数は読み込まない）という注意のあとに「Ready! Available at http://localhost:3001」と表示されました。
GET /api/todos には、Hono のアプリがそのまま {"todos":[…]} を返しました。Vercel 用の設定ファイルは置いていません。
⑤ Vercel：Next.js 版を next dev と next build で動かす
Vercel の案内どおり、Next.js なら next dev を使います。Route Handler で同じ GET を作りました。
ターミナル
npx next dev -p 3000
npx next build
next dev は「Ready in 409ms」で起動し、GET /api/todos は 200 を返しました。next build のルート表では、トップページが「Static」、/api/todos が「Dynamic」 に分かれます。Vercel では Dynamic のルートが関数として動き、関数の料金の対象になります。
動かしてみると、ローカルでの手順の差は小さく、Workers は DB まで含めてログインなしで試せる、Vercel は --local を付ければログインなしで試せる、という違いでした。ローカルの応答時間は手元の環境の値で、本番の速さの比較ではありません。
この先は公式の手順
両社のアカウント作成・ログイン・デプロイ（wrangler deploy・vercel・Git 連携）は、今回は行っていません。本番の速さや請求額もこの記事の試算と公式の料金表にもとづくものです。公開までの手順は、上の「デプロイと開発の手順の違い」で公式ドキュメントにそって説明しています。
よくある質問
Q. 無料のまま広告を入れたサイトを公開したいです。 A. Vercel の Hobby は非商用に限られるため、広告やアフィリエイトを入れるなら Workers の Free か Vercel の Pro を選びます。
Q. Workers の Free で1日10万リクエストを超えたらどうなりますか？ A. その日は エラー1027 が返るか、設定によっては Worker を通さずに素通しになります。翌日の日本時間9時（UTC 0時）にリセットされます。
Q. Next.js のアプリは Workers でも動きますか？ A. 動かす方法はありますが、Cloudflare が推奨する vinext はベータ です。Next.js の機能をフルに使うなら、Vercel の方が手間がかかりません。
Q. 料金を円で考えるとどのくらいですか？ A. どちらも 米ドル建て・税別 です。為替と消費税で変わるため、請求額はカード会社の明細で確かめてください。
まとめ
Cloudflare Workers と Vercel の比較のポイントをまとめます。
- 一言でいうと：Workers は軽い API を安く、Vercel は Next.js を手間なく
- 無料プラン：Workers Free は1日10万リクエスト、Vercel Hobby は非商用のみ
- 有料プラン：Workers Paid 月5ドル〜、Vercel Pro 月20ドル〜（20ドル分のクレジット込み）
- 料金の増え方（試算）：月3,000万リクエストで Workers 約13.40ドル、Vercel Pro 約181ドル
- DB 接続：Workers は D1・Hyperdrive、Vercel は Marketplace の Neon など
- 開発：wrangler dev はログインなしで D1 まで試せる、Vercel は next dev か vercel dev –local
まずは自分のアプリが Next.js にどれだけ依存しているか と 商用かどうか を確かめ、その答えに合う方の無料プランから始めてみてください。
ABOUT ME
IT Picks 編集部。VPS・クラウド・AIツール・SaaSを中心に、実際に検証した情報を届けるITメディアです。「本当に使えるか」を基準に、初心者からエンジニアまで役立つ記事を制作しています。
