きっかけは、お母さんだった
うちのお母さんが最近ブログを始めようとしてた。
それを横で見てたら、自分もやりたくなった。
お母さんと一緒に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つのカテゴリーを作った:
- AI --- ChatGPTとかClaudeとか、実際に使ってみた話
- 投資・ゲーム --- お金の勉強とゲームを一緒に
- 料理 --- うどんとかチュロス、食べるのが好き
- ガジェット --- 気になるデバイスとか
- エンタメ --- アニメ・映画・気になったこと何でも
学んだこと
今日1日で学んだことをまとめると:
- ターミナルは怖くない(最初はビビるけど)
- AIに聞けば大体なんとかなる
- 無料でもちゃんとしたサイトが作れる
- 「わからない」は恥ずかしくない、スタート地点
プログラミングの知識がゼロでも、AIと一緒なら本当にブログが作れた。これは嘘じゃない。
14歳、プログラミング知識ゼロ、でもAIがあれば何でもできる気がしてる。
これからこのブログで、AI・投資・ゲーム・料理・ガジェットについて書いていくので、よかったら読んでください!