個人開発のコスト設計 Vercel・Supabase・AIツールの無料枠活用

結論

個人開発メディアの最小構成コストは月200円以下で始められる。Claude Codeを記事制作に使う場合で月3,000〜5,000円が現実的な金額だ。無料枠の限界を正確に把握して、必要になったタイミングで有料化する計画を立てておくと、過剰な先行投資を避けられる。

コスト全体像の把握

このメディアサイト（Astro + Vercel + Supabase + Claude Code）の月次コスト構成を整理する。

項目	無料プランの限界	有料プラン	月額概算
Vercel Hosting	月100GB帯域・100hビルド	Pro: $20/月	0〜3,000円
Supabase	500MB・月200万リクエスト	Pro: $25/月	0〜3,500円
ドメイン	なし	年1,000〜2,000円	100〜200円
Claude API	なし（従量課金のみ）	Proプラン: 約3,000円	0〜3,000円
画像生成	各種無料枠	使い方次第	0〜2,000円

最小構成（サイトを作って公開するだけ）：月200円程度
記事量産込みの運営構成：月3,000〜5,000円程度

Vercel：無料枠の正確な把握

Vercelの**Hobbyプラン（無料）**で使える主な制限：

制限項目	上限
帯域幅	月100GB
ビルド実行時間	月6,000分（以前は100時間）
Serverless Functions実行	月100GB時間
Edge Middleware	100万リクエスト/月
商用利用	不可（個人・趣味・非営利のみ）

月100GBの帯域幅は、1ページ平均200KBのサイトなら50万ページビュー分に相当する。個人規模では余る。

有料化の判断基準：

• 月50万PV以上になる場合
• サイトを収益化する場合（Hobbyプランは商用利用不可）
• チームで開発する場合

Proプランは月$20（約3,000円）から。帯域幅は月1TB、Serverless Functionsや分析ツールのアクセスが増える。

Supabase：無料プランとPro移行タイミング

SupabaseのFreeプランの主な制限：

制限項目	上限
データベース	500MB
APIリクエスト	月200万件
ストレージ	1GB
Edge Functions	月50万回
非アクティブ制限	1週間以上未使用で一時停止

非アクティブ制限は、開発中のプロジェクトが長期間放置されると一時停止される。再開は1クリックで可能で、データは消えない。本番運用中のサイトでは、定期的なアクセスがあるため通常は停止しない。

月200万件のAPIリクエストは、1PVあたりSupabaseに1リクエスト発生するとして月200万PVに相当する。個人規模では無料枠が十分すぎる容量だ。

有料化の判断基準：

• データベースサイズが400MB以上になってきた場合
• 非アクティブ制限に引っかかりたくない場合（Proプランではなくなる）
• バックアップの自動化が必要な場合

Proプランは月$25（約3,500円）から。

Claude Code・AIツールのコスト

Claude.ai Proプラン（月約3,000円）
Claude Codeが含まれており、記事生成・コーディング支援を定額で使える。使い放題ではなくメッセージ制限があるが、1日10〜20本の記事生成なら通常は制限に引っかからない。制限に当たる場合はMaxプランへのアップグレードを検討する。

Anthropic API（従量課金）
Claude Sonnet 4.5（2026年6月時点）を使ったAPI呼び出し：

• 入力トークン：$3/百万トークン
• 出力トークン：$15/百万トークン

5,000字の記事を生成した場合のAPIコスト（概算）：入力（指示+コンテキスト）で約2万トークン、出力で約4,000トークン。1本あたり$0.12（約18円）程度になる計算だ。実際はコンテキストの多さ・モデルの選択で変わる。API利用の場合は使用量ダッシュボードでコストを確認しながら運用する。

最新の料金はAnthropicの公式サイトで確認してほしい。

ドメインのコスト最適化

ドメインは年次更新コストがかかる。選択肢を比較する。

レジストラ	.com 年額（目安）	特徴
Cloudflare Registrar	約1,000円	原価提供。管理画面が使いやすい
お名前.com	1,000〜2,000円	日本語サポート。キャンペーン価格あり
Google Domains→Squarespace	約2,000円	シンプルなUI
さくらインターネット	約2,000円	日本語サポートが充実

Cloudflare Registrarで取得してDNS管理もCloudflareで行うと、追加機能（メール転送・DDoS保護）が無料で使えてコストパフォーマンスがよい。

コストを抑えるための工夫

画像最適化でVercel帯域を節約：AstroのImageコンポーネントを使うと、WebP変換・遅延読み込みが自動で適用され、1ページあたりのデータ転送量が減る。帯域幅の節約はVercelのコストに直結する。

Supabaseのクエリを効率化：N+1クエリ（ループ内で1件ずつAPIを呼び出す）を避け、一度のリクエストで必要なデータを取得する設計にすることで、月間リクエスト数を抑えられる。

APIキャッシュの活用：よく読まれる記事の関連データはビルド時にフェッチして静的化することで、Supabaseへのリクエスト数を削減できる。

AIのコンテキストを短くする：Claude Codeで記事を生成するとき、長いコンテキスト（過去のやり取りの蓄積）はトークン消費を増やす。/compactコマンドでコンテキストを圧縮することでAPIコストを抑えられる。

成長に応じたコスト計画

フェーズ	PV目安	月額コスト目安	主な変化
立ち上げ	〜1万	200〜3,000円	全て無料枠で賄える
成長期	1〜10万	3,000〜5,000円	Claude Proで記事量産
拡大期	10〜50万	6,000〜10,000円	Vercel Pro移行
大規模	50万〜	10,000円〜	Supabase Pro・CDN最適化

サイトの収益（広告・アフィリエイト・有料サービス）が出てきたタイミングで有料プランへの移行を検討するのが現実的だ。

個人開発の技術スタック全体については個人でAIメディアを作る全体像を、Vercelの設定についてはVercelの初期設定とGitHub連携・自動デプロイで解説している。

まとめ

個人開発のコストは、Vercel・Supabaseの無料枠を使えば月200円以下で始められる。Claude Codeで記事を量産するなら月3,000〜5,000円が現実的な水準だ。無料枠の限界（特に商用利用の可否・帯域幅・データベースサイズ）を事前に把握して、収益化や規模拡大のタイミングで段階的に有料化する計画を立てておくことで、過剰なコストを避けながらサイトを育てられる。