2026年7月8日の開発日記

この日を最後に数日間、家族旅行に出かけた。出発前日ということもあって、開発作業と旅行準備が入り混じる一日になった。デザインシステム基礎講座にHTML/CSS実例を積み増し、学習ゲートが一部リポジトリで起動していなかった穴を発見して塞ぎ、合間に旅のしおりをGoogleマイマップへ変換した。

今日のタイムライン

今日やったこと

1. デザインシステム基礎講座にHTML/CSS実例を追加

自作の「AIでおしゃれな画面を作るためのデザインシステムを学ぼう！」講座に、ページ構成・レイアウト・ビジュアルスタイル26種のHTML/CSS実例を積み増した。Workflowでサブエージェントを並列実行させては完了を確認し、生成物を統合してブラウザで表示確認する、というループを何周も回した。

主な成果:

• ビジュアルスタイル深掘り4ページ拡張とトーン12種ギャラリーを追加
• コーポレートデザイン・Bento UIの深掘りページも追加要望に応じて拡張
• Cloudflare Workerバンドルサイズ（2.733 MiB gzip / 3.0 MiB limit）を確認してからデプロイ

詳細: デザインシステム基礎講座にHTML/CSS実例を追加した記録

2. 学習ゲートの全リポジトリ展開とSVG図解の改善

eurekapu-nuxt4でコミットしようとしたら「学習ゲートは起動せず」という見慣れないメッセージが出て混乱した。原因を辿ると core.hooksPath のローカル上書きが犯人で、Git_Repo配下の約160リポジトリを棚卸しして対処した。あわせてsvg-diagramスキルのアップデートを反映し、NG/OKのテーブル表記を×/チェックマークの視覚表現に作り直した。

主な成果:

• core.hooksPath オーバーライドの原因調査（LFS由来・コンテナ残骸由来の2パターンを特定）
• Git_Repo配下約160リポジトリを棚卸しし、学習ゲートが機能していなかった数リポジトリを修正
• svg-diagramスキルのNG/OK表現を×/チェックマークカードへ作り直し、財務数値ケースの教材ページに反映

詳細: 学習ゲートの全リポジトリ展開とSVG図解のNG/OK表現改善

3. 旅のしおりをGoogleマイマップに変換

明日からの旅行に備えて、旅のしおりに書いた訪問先を日程・時間帯つきでGoogleマイマップ用KMLに変換した。カテゴリ分け（食事／観光）よりもスケジュール順の並びを優先する方針に転換し、URLでメンバーに共有できる形にした。

主な成果:

• 旅程をKML化してGoogleマイマップにインポート、URL共有可能な状態に
• 食事・観光のカテゴリ分けをやめ、Day順のスケジュール順一覧に統合
• 空港へのアクセス（保安検査場の締切時刻から逆算した乗り換え）をカレンダーに登録

詳細: 旅のしおりをGoogleマイマップに変換してスケジュール順に共有した

今日の試行錯誤

今日の学び

• Workflow機能でサブエージェントを並列実行させるパターンは、追加要望が来ても同じループ（完了確認→統合→ブラウザ確認）で対応できる
• core.hooksPath はリポジトリごとにローカル上書きされ得るため、「全リポジトリで学習ゲートを効かせたい」という意図は、個別リポジトリの設定を棚卸ししない限り達成できない
• 情報を並べるとき、カテゴリ分けが必ずしも見やすさに直結するとは限らない。今回はスケジュール順一覧性の方が実用的だった

関連記事

• デザインシステム基礎講座にHTML/CSS実例を追加した記録
• 学習ゲートの全リポジトリ展開とSVG図解のNG/OK表現改善
• 旅のしおりをGoogleマイマップに変換してスケジュール順に共有した