2026年5月12日の開発日記

朝6時台のレビューで前日の積み残しのズレを画面で見つけ、そこからマッピング修正→画像対照への方針転換→4セッション並列展開と一気に進めた。午後はBS/PL/CFのSVG図解を整え、財務諸表クイズPhase 1→Phase 3まで展開。夜にNotion書籍のTurso取り込みを完成させた。1日でファイルを跨ぐ大きい流れが3本走った日。

今日のタイムライン

今日やったこと

1. cockpit-slides 原稿対照プロジェクト

朝の積み残し確認から、1日かけて1286枚のSVG↔Kindle原稿の対照表を完成させた。

主な成果:

• 自動マッピングのロジックを章ごとに戦略分岐（5n/3n形式・LEGACY系・h3扉一般則）
• _overrides.json の適用順を step 3 より前に移動して _00 を予約済みにする根本修正
• 監査ページ _audit.vue に confidence フィルタとソート機能を追加
• Playwright で全SVGをPNG化→Claude Codeに画像対照させる方針に切替え
• 13セッション → 4セッション並列に統合、マージスクリプトで1286/1286全件カバー
• スライドビューアの戻るボタン、chapter跨ぎ時の最終ページに飛ばないバグを修正（コンポーネント再生成が原因、router.push の query で jumpTo=last を渡す方式に変更）

詳細: SVGスライドとKindle原稿の対照表を作った話

2. 財務諸表クイズ（Phase 1 → Phase 3）

決算書の入門書（2026年版）をTurso DBから引き出し、ハイライト連動の財務諸表クイズページを実装した。

主な成果:

• BS/PL/CFのブラケット構造SVGを svg-diagram スキルで作成、印刷マゼンタ（#ed1e79）に統一
• 図セット（BS/PL/CF）の外周マージン整合ルールをスキルに追加
• トピック6から18問のクイズを生成、<BsShikumi> Vueコンポーネント化して highlight フィールドで強調箇所を制御
• 左固定SVG / 右スクロールクイズの2カラムレイアウト、Q1→Q2の自動センタリング
• 当初 all ハイライトが広すぎた問題を balance に再割り当て、易→難に問題順序を並べ替え
• Phase 2（B/S編 12トピック・236問）完了
• Phase 3（P/L編 トピック18〜26）を Agent サブエージェント並列で展開（R1: T18-21 / R2: T22-25 / R3: T26）
• SVG図解タイポグラフィガイド（フォント階層L1〜L9）を作成し Pl* 9ファイルを監査・修正

詳細: 財務諸表クイズの実装 - SVGハイライト連動と左右2カラムレイアウト

3. Notion書籍データのTurso DB取り込み

裁断した実務書をNotionに貯めていたページ群を、書籍ナレッジベース（Turso DB）に取り込み、横断検索できるところまで進めた。

主な成果:

• Codex CLI（gpt-5.5）に計画書を3周回レビューさせ、致命的指摘ゼロまで磨いた
• ファイル名から章を推定する案 → NotionルートCSVのプロパティ参照に切り替え
• 純粋関数 replace_book_with_chunks と副作用シェルを分離、テスト26→30件パス
• 画像URL書き換え（/api/figures/<book_id>/figures/Untitled-*.png）、画像ラッパー <a> 除去、<title> text化とTOC除去、ページタイトル重複の根本解決を順次対応
• agent-browser で別ポート（3100）の Nuxt を開いて画像クリックでモーダル拡大まで動作確認
• /notion-import スラッシュコマンドを作成して CLAUDE.md に追記

詳細: Notionの裁断書籍データをTurso DBに取り込むパイプライン構築

4. GA4設置とドメイン取り違えの修正

Nuxt 4 プロジェクトにGA4を設置する作業中、AI（私）が思い込みでドメインを書き間違えた。

主な成果:

• nuxt.config.ts の app.head.script にGA4タグ（gtag.js本体 + 初期化）を追加
• AI が nuxt.config.ts の i18n baseUrl 1行だけを根拠に eurekapu.com と書いたが、実際は info-accounting.com だった、というミスを発見
• baseUrl・ogUrl・README の3箇所を修正、runtimeConfig.public.siteUrl で絶対URLを一元化
• 「コンテンツ=個人ブランド / 運営=合同会社」の立て付けをCLAUDE.mdのConventionsに2項目追記

詳細: GA4設置とドメインの取り違え - runtimeConfig一元化と運営体制のドキュメント化

今日の試行錯誤

今日の学び

• 自動化の境界を引く判断が一番効く: 自動マッピングのロジックを章ごとに分岐させるほど例外が増え、最終的に画像対照（Claudeに目で見させる）に切り替えたのが1286/1286カバーに繋がった
• AIがコードだけ見て「直った」と報告したら疑う: スライドビューアの戻るボタンは、コード上は正しく見えたが、Chrome DevToolsを開くまでバグは消えていなかった。今後はブラウザで動作確認するまで「修正完了」と言わないルールにした
• 計画書はCodexに3周回レビューさせる: Notion取り込みの計画書は1回目で致命的指摘4点。3周回かけたら致命点ゼロまで磨けた。1回目で出すとほぼ何か穴がある
• 設定ファイル1行を根拠に推測すると事故る: eurekapu.com と info-accounting.com の取り違えは、i18n baseUrl 1行を全体の根拠に拡張したのが原因。grep で他の参照を確認するクセを CLAUDE.md に書いた
• メタデータは取り込み前にgrepで探す: Notion DB のルートCSVに章立・概要が揃っていたのに、最初はファイル名から推定するアルゴリズムを書いていた。先に grep していれば実装を捨てずに済んだ

明日やること

• cockpit-slides 監査ページの uncertain 88件を目視レビュー
• Phase 3（P/L編）のクイズページにTOC遷移を組み込む
• Notion取り込みの2冊目（別の実務書）を試す
• CLAUDE.md に書いた「AIがドメインを推測しない」ルールが守られているか次のセッションで確認

関連記事

• SVGスライドとKindle原稿の対照表を作った話
• 財務諸表クイズの実装 - SVGハイライト連動と左右2カラムレイアウト
• Notionの裁断書籍データをTurso DBに取り込むパイプライン構築
• GA4設置とドメインの取り違え - runtimeConfig一元化と運営体制のドキュメント化