Portfolioはじめに
「AIコーディングツールを使いたいけれど、コストが心配」
そう感じる方も多いのではないでしょうか。
実は、小規模なプロジェクトであれば、かなり低コストで始められます。
この記事では、Claude Code × GitHub × Vercelの組み合わせで、
どの程度のコストがかかるのかを整理してご紹介します。
無料で始められる範囲
まず、無料枠だけでどこまでできるか見てみましょう。
GitHubとVercelは無料プランで基本的な機能が使えます。
ただし、Vercelの無料プラン（Hobby）は個人の非商用利用が前提なので、商用サイトを運営する場合は注意が必要です。
小規模プロジェクトの目安
個人や小規模事業者が「とりあえず始めたい」という場合の目安です。
Claude CodeはAPIを通じて利用するため、使った分だけ課金される従量課金制です。
ちまちまと使う程度なら、月$20程度で収まることが多いです。
合計の目安
- 最小構成（無料中心）: 月$20程度
- 小規模商用利用: 月$40〜60程度
中規模プロジェクトの目安
もう少し本格的に使いたい場合、以下のような構成が考えられます。
合計の目安
- 中規模構成: 月$140〜160程度
この予算で、複数のサイトやページを管理できます。外注でサイト制作を依頼することを考えれば、かなりコストパフォーマンスは良いと言えます。
コストを抑えるコツ
1. 無料枠を意識する
各サービスの無料枠を把握しておくと、無駄な出費を避けられます。
- Vercel: ビルド時間やバンド幅に制限あり
- GitHub: Actionsの実行時間に制限あり（Free: 2,000分/月）
- Claude API: トークン単位の課金
2. 必要に応じて段階的に拡張
最初から有料プランを契約する必要はありません。
無料枠で始めて、制限に引っかかったら有料プランを検討する、という流れがおすすめです。
3. 使い分けを工夫する
- 簡単な質問 → ChatGPT（無料プラン）で済ませる
- コード生成 → Claude Code（API課金）を使う
- 細かい編集 → Cursor（月額固定）で効率よく
用途に応じて使い分けると、Claude Codeの利用量を抑えられます。
Vercelの追加サービスと費用
Vercelには追加で利用できるサービスがあり、それぞれ費用がかかります。
Speed Insightは有料ですが、サイトの改善に役立ちます。必要に応じて追加を検討してください。
外注との比較
コスト感を把握するために、外注と比較してみましょう。
外注のほうが楽な場面もありますが、ちょっとした修正を自分で即座に対応できるのは大きなメリットです。
どのくらいの規模まで対応できるか
この構成で、どの程度の規模まで対応できるか目安を示します。
対応しやすい規模
- コーポレートサイト（5〜20ページ程度）
- ランディングページ
- ブログサイト
- 小規模なWebアプリケーション
- 社内ツール
専門家への相談を検討すべき規模
- 大規模なECサイト
- 高トラフィックのWebサービス
- 複雑なシステム連携が必要な場合
- セキュリティ要件が厳しい場合
費用対効果の考え方
コストだけでなく、費用対効果で考えることが大切です。
時間の価値
自分で修正できるようになると、「外注に依頼→見積り待ち→修正待ち」という時間が省けます。この時間を金額に換算すると、ツール費用は十分に回収できることが多いです。
学習効果
AIコーディングを使ううちに、少しずつ技術的な理解も深まります。これは将来的な資産になります。
柔軟性
思いついたアイディアをすぐに試せる柔軟性は、ビジネスにおいて大きな価値があります。
まとめ
- 小規模なら月$20〜60程度で始められる
- 中規模でも月$140〜160程度で複数サイト管理可能
- 無料枠を活用して段階的に拡張
- 外注と比較してコスパを検討
- 時間の価値と柔軟性も考慮する
低コストで始められるのは、AIコーディングの大きな魅力です。まずは無料枠で試してみて、必要に応じて拡張していくのがおすすめです。