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

GitHubって何?から始まった中学生が、Claude Code(AI)と一緒にAstro + Cloudflare Pagesでブログを完全無料で構築した全記録。

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

きっかけは、お母さんだった

うちのお母さんが最近ブログを始めようとしてた。

それを横で見てたら、自分もやりたくなった。

お母さんと一緒にClaude Code(AI)と話してるうちに「え、自分で1から作れるの?」ってなって。

だったら1から作りたい。 その方がかっこいいし、勉強になるし。

使った技術(全部無料!)

  • Astro --- 静的サイトジェネレーター(ブログ向き)
  • Cloudflare Pages --- ホスティング(無料で世界に公開できる)
  • GitHub --- コードを保存する場所

全部合わせて 0円。中学生の財布にも優しい。

GitHubって何?からのスタート

正直に言います。最初、GitHubが何か全然わかってなかった。

アカウントを作って、リポジトリっていうフォルダみたいなものを作って。ここまではなんとかなった。

Node.jsで最初のピンチ

次にNode.jsっていうのをインストールしないといけなかったんだけど、ターミナルに打ち込んだら:

node --version
command not found: node

めちゃくちゃ焦った。でもAIが「まだインストールしてないだけだよ」って教えてくれて、Node.jsの公式サイトからダウンロードしてインストールした。

これだけ。なんだ、簡単じゃんって思った(さっきの焦りは何だったのか)。

Astroプロジェクト作成 --- ロケット発射!

いよいよAstroのプロジェクトを作る。ターミナルに打ち込む:

npm create astro@latest

なんか宇宙っぽい画面が出てきて、ロケットが発射されたみたいな演出があった。テンション上がった。

テンプレートを選んで、いくつか質問に答えるだけで、数秒で土台が完成。

AIとデザインを作った

Claude Codeに指示を出して、ブログの形にしていった。

  • ヘッダーのデザイン
  • 記事一覧のレイアウト
  • カテゴリーページ
  • レスポンシブ対応(スマホでも見やすい)

自分がやったのは「もうちょっと色変えて」とか「カテゴリー増やして」とか言うだけ。プログラミングの知識ゼロでもブログができていく。これがAIの力かと思った。

カテゴリーは5つ

自分の興味に合わせて5つのカテゴリーを作った:

  1. AI --- ChatGPTとかClaudeとか、実際に使ってみた話
  2. 投資・ゲーム --- お金の勉強とゲームを一緒に
  3. 料理 --- うどんとかチュロス、食べるのが好き
  4. ガジェット --- 気になるデバイスとか
  5. エンタメ --- アニメ・映画・気になったこと何でも

学んだこと

今日1日で学んだことをまとめると:

  • ターミナルは怖くない(最初はビビるけど)
  • AIに聞けば大体なんとかなる
  • 無料でもちゃんとしたサイトが作れる
  • 「わからない」は恥ずかしくない、スタート地点

プログラミングの知識がゼロでも、AIと一緒なら本当にブログが作れた。これは嘘じゃない。

14歳、プログラミング知識ゼロ、でもAIがあれば何でもできる気がしてる。

これからこのブログで、AI・投資・ゲーム・料理・ガジェットについて書いていくので、よかったら読んでください!


関連記事

ChatGPTを使ってわかった、中学生的な使い方

ブログを世界に公開した日 — Cloudflare Pagesデプロイ記録

中学生が無料で使えるAIツール全まとめ【2026年4月版】

← ブログ一覧に戻る