プログラミング知識ゼロ・ブログの年間費用は1500円・1日でブログを作った話【Claude Code活用】

プログラミング知識ゼロ・ブログの年間費用は1500円・1日でブログを作った話【Claude Code活用】

飲み会の帰りの電車で友人のM氏と結構楽しく話をしてたんですが、「マジでClaudeっていうAI凄いよ、ChatGPTみたいなチャットモードとコードモードがあって、全部AIで完結するんよ」って話をしてたんだけど。当の本人が、ちょっと触って凄いって言ってるだけじゃあまり伝わらないと思いまして・・・。1日でブログを作っちゃいました。

「ブログやりたいけど難しそう」「エンジニアじゃないし…」って思ってた人、ちょっと聞いてください。その人物、俺です。AIに全部お願いしたら、マジで1日でそれなりのブログができあがりました。しかも費用は年間1500円ちょっとです。

今回使ったのは Claude Code。Anthropicが出しているAIのコーディングアシスタントです。私自身、コードなんてほぼ書けないし、プログラミングは超初心者レベル。それでもなんとかなったので、その一部始終をざっくりまとめてみます。

💰 まず気になる費用の話

最初に結論から言うと、かかった費用はこれだけ:

  • ドメイン取得(kakifoi.net):約1,500円/年(10ドル換算)
  • ホスティング(Cloudflare Pages):無料
  • Claude Code:約3,000円/月(20ドル換算)
  • ブログだけの費用なら:年間約1,500円

ほぼドメイン代だけです。ホスティングは完全無料。サーバー代ゼロ。Cloudflare Pagesというサービスが神!静的サイトなら無料でホスティングしてくれます。WordPressだとサーバー代が月1000円とかかかるので、それと比べると圧倒的にコスパがいいです。

🛠 使ったもの・構成

技術的な話をざっくりすると、こんな構成です。全部Claude Codeに選んでもらいました:

  • Astro(ブログのフレームワーク)
  • Cloudflare Pages(ホスティング)
  • Web3Forms(お問い合わせフォーム)
  • Google Analytics 4(アクセス解析)
  • Google Search Console(SEO確認)

「Astroって何?」って感じ。普通に俺も初めてきいた。全然最初はよくわかりませんでした。でも要は「ブログを作るための道具」くらいの理解で十分です。Claude Codeが全部やってくれるので。

📅 1日でやったこと(時系列でざっと振り返る)

4月26日の夜から始めて、翌27日の昼過ぎには基本的なものがほぼ全部完成しました。以下、時系列でざっくり:

【4月26日夜】ブログ誕生の日

  • 18:03 最初、とりあえずブログ作ってって丸投げ → ブログが”誕生”した瞬間
  • 18:52 サイト名を決定
  • 19:05 自己紹介のページ作成
  • 夕飯&風呂&子供寝かしつけ
  • 22:18 お問い合わせフォームを追加
  • 22:48 プライバシー&免責事項ページを追加
  • 23:01 ヘッダー・フッターのデザイン調整
  • 00:29 最初の記事(新宿同窓会)を投稿!

【4月27日】仕上げの日

  • Google Search ConsoleにサイトをClaude Codeが登録してくれた
  • Google Analytics 4を全ページに設置
  • サイトマップ整備
  • お問い合わせフォームメンテ(スパム対策とサンクスページ作成)
  • 自己紹介文の部分にXのアカウントを掲載

意味がわからない単語が出てきてますが、全部Claude Codeが勝手にやってくれたので、ほぼ何も理解してません(笑)。大事なのは結果です。ちゃんと動いてるブログが出来上がればOK。

💬 Claude Codeへのお願いの仕方

これが一番伝えたいこと。Claude Codeって、日本語でそのまま話しかけるだけでいいんです。

チャットモードで、「何したらいい?」って聞くだけ。そうすると、コードモードでこうお願いしてください。(コピペ文がでてくる)

例えばこんな感じ:

「お問い合わせフォームを追加してください。送信後はサンクスページにリダイレクトして」

「プライバシーポリシーページを作って、フッターにリンクを追加してください」

「Google Analyticsのトラッキングコードを全ページに入れてください」

これだけです。コードを書く必要は一切なし。エラーが出ても、エラーメッセージをそのままコピペして「これ直して」って言えばだいたい直してくれます。

チャットモードと組み合わせて使うとすごく効率がいいです。コードモードに作業を依頼して、できたらチャットモードが実際にブラウザでサイトを確認してくれる。という分業ができます。「確認して」って言うだけで、自動でサイトを開いてチェックしてくれるので楽でした。

😅 ちょっとハマったこと

全部順調だったわけでもなくて、いくつかつまずいたポイントもありました。

一番ハマったのがreCAPTCHA(スパム対策)の話。「reCAPTCHAを設置して」とClaude Codeにお願いしたら実装してくれたんですが、いざフォームを送信しようとすると「送信エラー」が出る。調べたら、使っていたWeb3Formsというサービスの無料プランでは、reCAPTCHAが使えない仕様だったんです。

でも代替案としてハニーポット方式というスパム対策があって、それに変えたらあっさり解決。こういうトラブルも、Claudeに相談しながら解決できるのがいいところです。

あとはサイトマップをGoogle Search Consoleに送ろうとしたら「アドレスが無効です」とエラーになったり。こっちも結局、robots.txtにサイトマップのURLを記載する方法でGoogleに自動認識させることができました。(この方法、自分で理解してない・・)

🎉 結果:Googleにも認識された!

ブログを立ち上げた翌日には、Googleで「kakifoi」と検索したらちゃんとブログが表示されました。立ち上げたばかりで、これは正直びっくりしました。Search Consoleの登録・サイトマップ送信・robots.txt設定といった基本的なSEO対策をしっかりやってもらえたのが大きかったと思います。ワードプレスでブログ作った事あるけど、値段も高いし手間もめちゃくちゃかかるし何だったんだって感じです。

📝 まとめ

改めて整理すると:

  • ブログだけの費用なら年間約1,500円(ドメイン代のみ、約10ドル換算)
  • 期間:1日(夜から始めて翌昼には完成)
  • 必要なスキル:日本語で指示できること、それだけ
  • 使ったツール:Claude Code + Claude(確認用)

「ブログやってみたいけどお金も時間もかかりそう」と思っていた人、ぜひやってみてください。正直こんなに簡単にできるとは思っていませんでした。AI、すごい時代になりましたね。

次回は実際の記事執筆にどうAIを活用しているかも書いていこうと思います。それではまた!