「こんなの作って」で全部やってくれた
このブログ、実はClaude Codeと一緒に作った。
僕はプログラミングの授業を学校で少し受けた程度で、ゼロから本格的なブログを作れるレベルじゃなかった。
でも**「こんな機能つけて」「こんな見た目にして」って言うだけで、ファイルもコードも全部自動で作ってくれた。**
正直びっくりした。「やって」って言ったら本当に全部やってくれる。
普通のClaudeとClaude Codeって何が違うの?
普通のClaudeはチャットで会話するだけ。
Claude Codeはパソコンの中を直接操作できる。
| 普通のClaude | Claude 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 #ブログ制作 #自動化 #プログラミング #中学生