このブログの作り方

このブログサイトは、100% 生成 AI の力を借りて作りました。コードは一行も手書きしていません。

最初は v0.app に完全に魅了されていました。プロンプトを投げるだけで、驚くほど洗練されたデザインが生まれてくる。UI コンポーネントも、レイアウトも、思いのまま。「これさえあれば何でも作れる」と思っていたんです。

ところが、月 $20 のプランだと想像以上にクレジットの消費が激しい。デザインの微調整を繰り返すたびにクレジットが減っていき、月半ばには「あれ、もう残り少ない…」という状況に。理想のルートに辿り着く前に、燃料切れになってしまったんです。

そこで考えたのが、v0 と Claude Code のハイブリッド開発でした。

v0 でやること：

Claude Code でやること：

この役割分担が予想以上にうまくいきました。v0 のクレジットを節約しながら、Claude Code の無制限な対話で細部を詰めていく。気づけば、開発スピードが上がっただけでなく、コストも大幅に抑えられていました。

ちなみに、私は Claude Pro Plan（月 $20）を使っていますが、1 日 1 時間程度の作業であれば、Claude Code は制限を気にせず使えています。v0 のクレジット制限を補うには十分な使用感です。

完璧ではありません。まだ直したい箇所もたくさんあります。でも、AI ツールをうまく組み合わせれば、個人でもこういうサイトが作れる時代になったんだと実感しています。

もし同じように「v0 のクレジットが足りない」と悩んでいる人がいたら、Claude Code との併用、試してみてください。新しい開発体験が待っているかもしれません。

こちらもおすすめ