画面に、自分のブログのベースが表示された瞬間、思わず声が出ました。
自分でコードを1行も書いていないのに、それっぽいサイトが目の前にある。「本当にできるんだ」という実感が、一気に押し寄せてきました。
きっかけはXのタイムライン
ゲームをやめて、子供が寝たあとの時間を何かに使おうと思っていた頃、XのタイムラインにやたらとAI関連の情報が流れてくるようになりました。
最初はスクロールしながら「へえ」くらいの感覚でした。でも見れば見るほど、「これはヤバい」という確信に変わっていきました。
そして「バイブコーディング」という言葉に出会いました。
バイブコーディングとは
一言で言うと、コードを書かずにAIへの指示だけでアプリやサイトを作ることです。
プログラミングの知識はほぼ不要。「こういうものを作って」と日本語で伝えるだけで、AIがコードを書いてくれます。自分はその結果を確認して、また指示する。それだけです。
「本当にそんなことができるの?」と思いますよね。私もそう思っていました。
最初にやったこと:テキストファイルを1個作る
手始めに、Claude Codeにテキストファイルを1個作ってもらいました。
「test.txtを作って、中に『はじめてのバイブコーディング』と書いて」
それだけです。数秒後、ファイルができていました。
「あ、本当に動く」という感覚がありました。ここから始まりました。
サイトが画面に表示された瞬間
指示を重ねるうちに、開発環境に自分のブログのベースが表示されました。
ヘッダーがあって、レイアウトがあって、それっぽいサイトが画面に映っている。自分は一切コードを書いていない。
思わず声が出ました。
そして同時に思いました。「世の中の"それなりの費用がかかるもの"が、AIで代替できる時代になったんだ」と。
実際どのくらいかかったか
ベースの完成までだいたい10時間くらいです。
ただ、そのほとんどはClaude Codeが処理している間の待機時間です。自分が手を動かしていたのはほんの一部で、基本はAIに任せていました。
詰まったことは、ほぼありませんでした。
わからないことが出ても、そのままAIに聞けば答えが返ってくる。エラーが出ても勝手にエラーを認識して直してくれる。Webサイトやプログラミングの知識がなくても、学びながら進めることができました。
使ったツールと費用
Claude Code:AIへの指示・コード生成(Claude Pro月$20に含む)
Astro:サイトの骨格(無料)
Sanity:記事管理(無料)
Vercel:公開・ホスティング(無料)
Cloudflare:ドメイン管理(年約1,500円)
ランニングコストはドメイン代とClaude Proだけ。WordPressのようなサーバー代は一切かかりません。
正直な感想
難しくなかったです。むしろ面白かった。
唯一必要だったのは「何を作りたいか」を言語化する力だけ。それさえあれば、あとはAIがやってくれます。
「自分にはプログラミングは無理」と思っている人に伝えたいのですが、今はそのハードルがほぼなくなっています。
プログラミングほぼゼロでもブログが作れた 実作業は10時間、ほとんどはAIの待機時間 詰まったらAIに聞けばいいので、詰まらなかった ランニングコストはドメイン代+Claude Proのみ 「これはヤバい」という最初の直感は正しかった
次の記事では、このブログを作りながら実践している節約・ポイ活・投資の話を書いていきます。