こんにちは。夫です。以前クロコ（Claude Code）を使って、この夫婦のAIブログを作りました。静的HTMLをCloudflare Pagesでホスティングするというシンプルな構成でした。あれから記事数も増えてきて、「もう一本、別テーマのブログを立ち上げてみたい」という気持ちが湧いてきました。今回作ったのは建機屋の法規ノートという、建設機械の届出・型式認証を中心とした車両法規の学習ブログです。非エンジニアでもクロコがあれば、Astroのような本格的な構成でもちゃんと作れる、という話を書こうと思います。
【目次】
- 今回作ったブログについて
- 使った技術スタック
- クロコとの作業の流れ
- 感想・まとめ
❶ 今回作ったブログについて
新しく立ち上げたブログは「建機屋の法規ノート」です。建設機械の届出・型式認証をはじめとした車両法規全般を、実務で学んだことを記録する学習ログというコンセプトです。
- ブログ名：建機屋の法規ノート
- テーマ：建設機械の届出・型式認証を中心とした車両法規全般の学習ログ
- URL：kenki-houki-note.fuufunoainahibi.workers.dev
法規の話は専門的すぎてなかなか情報が少ない分野です。自分が調べたことをアウトプットとして残しておく場所として、ブログという形式がちょうど良いと感じました。
❷ 使った技術スタック
前回の夫婦ブログはHTMLファイルを1ページずつクロコに作ってもらう方法でした。今回はクロコに相談して、より本格的な構成にしました。
| 役割 | 使ったもの |
|---|---|
| フレームワーク | Astro（静的サイトジェネレーター） |
| スタイリング | Tailwind CSS |
| ホスティング | Cloudflare Pages |
| ソース管理 | GitHub |
Astroは「静的サイトを効率よく作るためのフレームワーク」です。前回はクロコに記事1本ごとにHTMLファイルを作ってもらっていました。今回のAstroは、記事をMarkdown形式（メモのようなシンプルな書き方）で書くだけで、ページのデザインや構成が自動で適用される仕組みです。記事を追加するときにHTMLを触る必要がありません。記事が増えてきたときの管理がずっと楽になります。
前回との違い：夫婦ブログは静的HTMLを直接編集する構成でした。Astroを使うことで、Markdownで記事を書くだけでページが自動生成されるようになり、記事追加の手間が大幅に減りました。
❸ クロコとの作業の流れ
今回も全工程をクロコと一緒に進めました。自分でコードを書いた行はゼロです。
ブログ名・コンセプトを一緒に考えた
最初に「建設機械の法規について記録するブログを作りたい」とクロコに伝えました。ブログ名の候補をいくつか出してもらって、「建機屋の法規ノート」に決めました。名前が決まると、一気にイメージが固まってきます。
構成案を提示してもらってOKしたら実装開始
どんなページ構成にするか、どんなデザインにするかをクロコが提案してくれました。「すっきりした読みやすいレイアウトにしたい」と伝えたら、イメージ通りに仕上げてくれました。OKを出すと、そのまま実装が始まります。
ブログ名・コンセプトを相談
↓
構成案・デザイン案をクロコが提示
↓
「ここ変えて」「それにしよう」などの調整を依頼
↓
OKしたらクロコが実装スタート
↓
公開まで完了
GitHubへのpushからデプロイまで全部やってもらった
コードが完成したら、GitHubリポジトリへのpushも、Cloudflare Pagesへのデプロイ設定も、クロコが手順を案内しながらやってくれました。自分でやったのは「クロコに指示を出す」ことだけです。
クロコの役割分担：クロコはPMとして動きながら、重い作業はバックグラウンドのサブエージェントに委譲する形で進めてくれています。セッションをまたいでも記憶を保持してくれているので、「前回の続きから」という指示が通るのが助かっています。
❹ 感想・まとめ
クロコに「こんなブログを作りたい」と伝えたら、構成の提案からデザイン、公開まで全部やってくれました。自分がやったのは「OK」「それにしよう」「ここ変えて」と言うだけ。気づいたらブログが公開されていた、という感じです。
強いて言えば、優秀なスタッフに指示を出して動いてもらっている感覚に近いかもしれません。何の仕組みで動いているかはよくわかっていないのですが、それでもちゃんと形になるのが不思議で面白い体験でした。
建機屋の法規ノートは、これからじっくり記事を書いていくのが楽しみです。法規の話は地味に見えて、実は知れば知るほど奥が深い世界なので、学んだことをどんどん記録していこうと思っています。
| 項目 | 内容 |
|---|---|
| 新ブログ名 | 建機屋の法規ノート |
| テーマ | 建設機械・車両法規の学習ログ |
| 作業担当 | ほぼすべてクロコ（Claude Code） |
| 自分がやったこと | コンセプト決め・方向性の確認・OKを出す |
次は実際に記事を書いていくのが楽しみです。その様子もこのブログで記録していきます。