Claude Codeでブログを作った話【AIが全部自動でやってくれた】

「こんなの作って」って言うだけで、ファイルもコードも全部自動で作ってくれた。通常のClaudeと何が違うのか、実体験をもとに説明する。

Claude Codeでブログを作った話【AIが全部自動でやってくれた】

「こんなの作って」で全部やってくれた

このブログ、実はClaude Codeと一緒に作った。

僕はプログラミングの授業を学校で少し受けた程度で、ゼロから本格的なブログを作れるレベルじゃなかった。

でも**「こんな機能つけて」「こんな見た目にして」って言うだけで、ファイルもコードも全部自動で作ってくれた。**

正直びっくりした。「やって」って言ったら本当に全部やってくれる。


普通のClaudeとClaude Codeって何が違うの?

普通のClaudeはチャットで会話するだけ。

Claude Codeはパソコンの中を直接操作できる。

普通のClaudeClaude Code
できること会話・文章・アドバイスファイル作成・コード実行・自動操作
使い方ブラウザで会話ターミナル(黒い画面)で起動
イメージ優秀な相談相手実際に手を動かしてくれる作業員

普通のClaudeが「こうすればいいよ」とアドバイスをくれるなら、Claude Codeは「じゃあやっておくね」と実際にやってくれる感じ。


実際にどうやってブログを作ったか

最初は「ブログを作りたい」から始めた

使いたい技術(AstroというWebフレームワーク)を伝えて、「ブログを作って」と頼んだ。

するとClaude Codeが:

  • 必要なファイルを自動で作成
  • コードを自動で書く
  • エラーが出たら自動で直す

全部勝手にやってくれた。

「こんな機能つけて」で機能が増えていった

最初はシンプルなブログだったけど、使いながら「これも欲しい」が出てきた。

「いいねボタンをつけて」

「カテゴリ分けできるようにして」

「ダークモードにも対応させて」

「関連記事を表示して」

「シェアボタンをつけて」

言うたびにClaude Codeがコードを書いて、ファイルを更新して、動作確認までしてくれた。僕はほぼ「こんなの作って欲しい」って言うだけ。

一番びっくりしたのは「全部自動」なところ

プログラミングを習ったことはあっても、自分でゼロから書くのは難しい。

でもClaude Codeはコードを書くだけじゃなくて、ファイルの場所を整理したり、エラーの原因を見つけて直したり、設定ファイルを更新したり、全部まとめてやってくれる。

「こんなの作って」って伝えたら、あとは待つだけ。


Claude Codeの使い方(かんたんに)

Claude Codeはターミナル(黒い画面)から起動する。

claude

これを打つだけで起動する。あとは普通の会話と同じように頼むだけ。

ただし:

  • Macのターミナルで動く(スマホだけでは使いにくい)
  • **Claude Proプラン(有料)**が必要
  • 最初の設定が少し必要

普通のClaudeより少しハードルは高いけど、一回使えるようになると、できることの幅が全然違う。


Claude Codeでできること(まとめ)

できること
ファイルを作る・編集するブログの記事ファイルを自動作成
コードを書くボタンやデザインのコードを自動生成
エラーを直す「エラーが出た」と言うと原因を探して修正
設定を変えるSEO設定・サイトマップなど
自動で操作する「やって」と言えば全部やってくれる

まとめ

普通のClaudeが「相談相手」なら、Claude Codeは「一緒に作業してくれる人」。

プログラミングの知識がなくても、「こんなの作って欲しい」って言えばどんどん形になっていく。

このブログ自体がその証拠。ほぼClaude Codeと一緒に作り上げた。

AIって「調べるツール」だと思ってたけど、Claude Codeは「一緒に作るパートナー」だと思ってる。


関連記事

プログラミング知識ゼロの14歳が、AIと一緒にブログを1から作った話

#ClaudeCode #AI #ブログ制作 #自動化 #プログラミング #中学生

← ブログ一覧に戻る