Vercel vs Cloudflare Pages

セキュリティ & コスト比較 | 2026-04-02

結論

セキュリティはCloudflare Pages が優位。 理由は3つ:

セキュリティがコアビジネス（Forrester 2025でWAFリーダー認定）
無料プランでもDDoS全レイヤー保護 + WAF + DNS保護 + 帯域無制限
WAF / Bot管理 / API Shield / DDoS保護が統合動作

ただしVercelも2025-2026で大幅改善しており、基本的なセキュリティは十分なレベル。

セキュリティ機能比較

機能	Cloudflare Pages	Vercel
DDoS防御	L3/L4/L7 全レイヤー自動保護	自動緩和（40倍高速化）
WAF	無料で基本ルール利用可。OWASP対応	全プランで基本WAF。マネージドルールはEnterprise限定
SSL/TLS	無料Universal SSL	自動SSL
Bot管理	無料で基本Bot保護あり	基本防御 + Attack Challenge Mode
API保護	API Shield / API Gateway	基本レート制限（Pro以上）
DNS保護	無料DNSSEC / DNS Firewall	なし
エッジ規模	330+都市	グローバル（小規模）

無料プランの詳細比較

項目	Vercel (Hobby)	Cloudflare Pages (Free)
サイト数	無制限	無制限
帯域	100GB/月	無制限
ビルド	6,000分/月	500回/月
サーバーレス関数	150,000回/月	100,000回/日（日次リセット）
カスタムドメイン	無料	無料（100ドメインまで）
チームメンバー	1人のみ	無制限
プレビューデプロイ	PRごとに自動	PRごとに自動
商用利用	不可（非商用のみ）	可能

重大な違い

Vercel Hobbyは商用利用不可。ビジネス用途ならPro（$20/月）が必要。
Cloudflare Freeは商用OK・チーム無制限・帯域無制限。

非エンジニアが始める場合

セットアップの手軽さ

観点	Vercel	Cloudflare Pages
手順数	4ステップ	5ステップ
ダッシュボード	シンプル（デプロイ特化）	情報過多になりやすい
日本語情報	Qiita・Zenn・noteに大量	あるがVercelほどではない
Claude Codeとの相性	公式プラグインあり	wranglerで可能だがやや手間

Claude Codeでサイト公開する流れ

Vercelルート

Claude Codeに「サイトを作って」と指示
コード生成・動作確認
「Vercelにデプロイして」と指示
CLI自動実行でデプロイ完了

Cloudflareルート

Claude Codeに「サイトを作って」と指示
コード生成・ビルド
「Cloudflareにデプロイして」と指示
wranglerでデプロイ完了

GitHubリポジトリ公開時の注意点

プラットフォームに関係なく必要な対策:

必須対策

.env、クレデンシャルファイルは必ず .gitignore に含める
APIキー・パスワード等はプラットフォームの環境変数管理機能のみで扱う
過去コミット履歴にシークレットがないか確認
GitHubの「Secret scanning」を有効化（Publicリポでは無料）

推奨対策

gitleaks 等でコミット前にシークレットスキャン
設定ファイル（vercel.json / wrangler.toml）に機密情報を書かない
Cloudflare: Secrets機能を使う（値が非表示になる）
Vercel:「Sensitive」フラグを付ける（値の閲覧不可）

推奨パターン

「まず体験」なら

Vercel

Claude Code公式プラグインで最速デプロイ
Next.js + Vercel がゼロコンフィグ
日本語情報が豊富
ダッシュボードがシンプル

「仕事で使う」なら

Cloudflare Pages

商用利用OK（Vercel無料は非商用限定）
チームメンバー無制限
帯域無制限でスケールしても安心
セキュリティが業界最高水準

「まず体験」ならVercel、「仕事で使う」ならCloudflare Pages。
非エンジニアには最初Vercelで始めて、ビジネス用途が出たらCloudflareに移行するのが現実的。