daily-log
2026年3月13日の開発日記
簿記3級コンテンツ全18セクションを1日で移行し終えた日。朝は1セクション30分ペースで手動移行していたが、夕方にはサブエージェント6本が並列で走り、一気に完走した。UIも背景色の微調整から始まって、4カラム化・フラットナビゲーション・進捗バーまで膨らんだ。
今日やったこと
1. Miller Columns UIコンポーネントの進化
TheaterViewer/MillerViewerのスタイル改善から始まり、一日かけてUIコンポーネントが大幅に進化した。
主な成果:
- グループ表示をタイムライン形式（●/○＋点線/実線）で実装。アニメーション付き
- question（例題）をメッセージラインからステージ上部の独立領域に分離
- SVGの「当店」→「当社」テキスト一括置換（SVGが直接編集可能だった発見）
- 4カラム化（小カテゴリーをColumn 3として独立）
- 矢印キーで全65スライドを横断するフラットナビゲーション
- 3カラム進捗バー（カラム別色分け、通過済み=薄色/現在=濃色）
- ステージのアスペクト比をmax-height方式で安定化
- MillerViewer.vueへのコンポーネント抽出
- Codexレビューで空データクラッシュとモバイルビューを修正
詳細: Miller Columns UIコンポーネントの進化
2. 簿記3級コンテンツの大規模移行
旧プロジェクトから新Nuxt4環境へ、簿記3級全18セクションを移行した。
主な成果:
- セクション2〜7を手動移行しながら手順を確立
- セクション8〜10をサブエージェント3本で並列処理
- セクション11〜18をサブエージェント6+2本で一括完走
- BSPLページのMiller Columns化
- 移行ガイドmarkdownの継続更新（セッション間引き継ぎ用）
- worktreeによる並列セッションの検討
- ずんだもん/VOICEVOX連携シナリオのドラフト
今日の学び
- SVGはXMLベースなのでテキスト要素を直接編集できる。Figmaを毎回開く必要がない
- サブエージェント並列化は、手動で手順を固めてから切り替えるのが安全。最初から並列にすると例外パターンを見落とす
- Codexレビューは「動いている＝正しい」の思い込みを突いてくる。空データという最もシンプルなエッジケースを見逃していた
- 移行ガイドをmarkdownで都度更新しておくと、セッション切り替えがスムーズになる
明日やること
- 簿記3級の残り未対応ページ（目次、勘定から検索）の整備
- ずんだもんシナリオの音声合成テスト
- worktreeによる並列セッション運用の実践