育休中エンジニアがClaude Coworkで「あかちゃんカレンダー🍼」を作った話
はじめに
先日、第2子が生まれ現在育休中です。毎日ミルクとオムツ交換に忙殺されています。
…と書くと優雅に聞こえますが、実態はこうです。
- 🍼 3時間ごとのミルク（深夜も容赦なし）
- 💩 オムツ交換 × 無限ループ
- 😭 泣き止まない理由が毎回わからない
そこに追い打ちをかけるように「やるべきこと」が押し寄せてきます。
- お宮参りっていつ？
- お食い初めの時期は？
- 初節句の準備何が必要？
- 予防接種のスケジュールは？
- ハーフバースデーって何する？
- xxヶ月検診
- 親戚も一緒に？
完全にパンクしました。
そこで「出生日を入れたらイベントが全部わかる」アプリを作れば先が見通せて少し気持ちが楽になるのでは？
そう思い立ち、育休中に触り始めていたClaude Coworkで作ってみることにしました。
作ったもの
あかちゃんカレンダー 🍼
出生日（または予定日）と名前・性別を入れるだけで、以下が自動で表示されます。
- お宮参り・お食い初め・初節句などのイベントスケジュール
- 各イベントの準備リスト
- 生後何日かの表示
スマホで見やすいシンプルなWebアプリです。インストール不要、ブラウザで動きます。
 |
 |
 |
使ったもの
- Claude Cowork（Anthropicのデスクトップ向けAIエージェント）
- HTML / CSS / JavaScript
- GitHub Pages（ホスティング）
コードは一行も手書きしていません。
作成の流れ
Step 1：要件を伝える
最初に「何を作りたいか」を一気に伝えました。
育休中で赤ちゃんのスケジュール管理に困っています。
出生日を入力するだけで、お宮参り・お食い初め・初節句などの
行事スケジュールと準備リストを自動表示するWebアプリを作ってください。
要件：
- スマホで見やすいデザイン
- 名前と性別も入力できる
- 予定日入力にも対応（まだ生まれていない場合）
- HTMLファイル1枚で動作する（GitHub Pagesで公開）
Step 2：イベント一覧の整理
Claudeが叩き台を出してきた後、イベントの内容や日数計算のルールを詰めていきました。
以下のイベントを追加してください：
- お宮参り（生後30〜31日、男女で若干違う）
- お食い初め（生後100日）
- ハーフバースデー（生後6ヶ月）
- 初誕生（1歳）
- 初節句（男：5月5日、女：3月3日 ※生後初めて迎えるもの）
各イベントに「準備リスト」も表示してほしいです。
Step 3：UI調整
動くものができてから、見た目を整えました。
デザインをもう少し可愛くしてください。
- 全体的にパステルカラーで
- アイコンは絵文字を使う
- カードUI形式でイベントを表示
- 今日に近いイベントを上に表示
Step 4：GitHub Pagesへの公開
Claude Coworkはファイルの保存やGitの操作もやってくれます。
このHTMLファイルをGitHubリポジトリにコミットして
GitHub Pagesで公開できるようにしてください。
リポジトリ名は akachan-calendar でお願いします。
Claude Coworkを使ってみての感想
よかった点
会話しながら作れるのが一番の強みです。「こうしたい」「ここが違う」を言葉で伝えるだけで、コードを書かずに修正が進みます。
育休中でまとまった時間が取れない中でも、ミルクの合間の10〜15分で少しずつ進められました。
ファイル操作やGit連携もClaude Coworkの範囲内でできたので、環境構築の手間もほぼゼロでした。
難しかった点
- 細かいデザインの調整は「言語化」が難しく、何度かやり取りが必要でした
- 日数計算のロジック（特に初節句の判定）はバグが出やすく、テストケースを明示して渡す必要がありました
凄いなと思った点
- K2シロップ(アプリ内だとビタミンKシロップ)については指示に入れていないのに準備リストに入れてくれてる
育休中の開発記録、続けようと思います
育休は「休み」ではなく「別の仕事」だと実感する毎日ですが、その中でClaude Coworkを触り続けることで気づきがたくさんあります。
- エンジニアじゃなくても出来そう
- HTMLで作ればローカルで動くのでどこかでホストしなくて自分専用ツールが出来る
- 「自分が困っていること」が最高のテーマ
- 短時間でも少しずつ積み上げられる
- Claude CoworkじゃなくてClaude Codeでも良かったのでは？と思いつつ棲み分けは思考錯誤中
育休中にAIを使った開発記録をこれからも公開していく予定です。「育休エンジニアの実験記」として、気楽に読んでもらえると嬉しいです。
次は何を作るか、オムツを替えながら考えます。
(両手が塞がるので考える時間に使ってます)
リンク
- 🍼 アプリ：https://yuzinet.github.io/akachan-calendar/akachan-calendar.html
- 🤖 Claude Cowork：https://claude.ai