2026年4月27日の開発日記

朝はExcelのシート間参照を図解する方法を考えるところから始まり、そのまま別リポジトリ eurekapu-nuxt4 のキャッシュフロー精算表 v2 の大改修に丸一日溶けた。既存 v1 が「CFWSの完成形から逆算してスクリプトで仕訳を生成する」逆向き構造で、画面上で履歴2%を3%に変えても何も動かない。これを「取引モジュール → 仕訳 → 年次推移表 → CFWS」の順方向に組み直し、Phase 1（骨組み）から Phase 8（CF計算書専用シート + IBフォーマット）まで一気通貫で通した。Codex GPT-5.4 のレビューを4往復挟んで Vitest を 86 件まで増やし、最後にミラーカラムレイアウトに統合してセル単位ハイライトの全 navigate 横展開まで済ませた。並行して mdx-playground 側で AEHR の積み上げチャートと Lumentum / AAOI の投資判断メモ計3本を公開した。

今日のタイムライン

今日やったこと

1. CFWS v2 を順方向ロジックに全面書き換え（Phase 1〜8）

別リポジトリ eurekapu-nuxt4 の中核改修。既存 v1 を残したまま「資金調達_v1」「資金調達_v2」をミラーカラムレイアウトに並列配置し、v2 側だけで取引モジュール → 仕訳 → 年次推移表 → CFWS の順方向データフローを構築。Pinia ストアと composable で reactivity を担保し、Phase 7 のパラメータ編集UIで <input> バインドだけで CF まで連動するところまで通した。Codex GPT-5.4 のレビューを4往復挟んで「OK」獲得、Vitest 86件 pass。

主な成果:

• Phase 1〜8 を1日で通し、/cashflow-statement/v2/* ルートで全シート稼働
• 設立シナリオ・ローン3本・固定資産2件・期間 FY202603 形式統一
• ローン仕訳の cfTag 設計を見直し、CFWS の長期借入金1行集約と整合
• BS精算表に「現金及び預金」行と貸借成立検算セルを追加してチェック厳密化
• パラメータ編集UI + localStorage 永続化 + リセットボタン
• CF計算書を年度タブから年次推移スタイル（縦=項目・横=年度）に書き換え + IBフォーマット適用

詳細: キャッシュフロー精算表v2: 順方向ロジックへの全面書き換え

2. CFWS v2 のセル単位ハイライト + 全 navigate 型への横展開

CFWS のセルをクリックすると関連シートの対応セルがオレンジ枠でハイライトされ、scrollIntoView で画面中央に滑り込む機能を実装。「税引前当期純利益」のモデルケースで型と composable を固めてから、年次推移表・財務シート・投資シート・株式発行シートに横展開した。建物と備品が別々にハイライトされない問題を踏み、複合キー '資産名:列名' の優先順位を逆転させて解消。CSS specificity の罠も2回踏んだ。

主な成果:

• セル単位ハイライト + scrollIntoView のモデルケース（税引前当期純利益）
• 複合キー '建物:減価償却' で行・列セル単位の厳密ハイライト
• finance / investment / equity / accounting 全 navigate 型に同期 ref
• simplify レビューで composable と共通フォーマッタを抽出、5シートを共通化
• ミラーカラムレイアウトの第3カラムに年度サブアイテムを追加し、矢印キーで年度移動

詳細: CFWS v2のセル単位ハイライト + 全navigate型への横展開

3. AEHR バックログSVGチャート + Lumentum/AAOI 投資判断メモを3本同時公開

mdx-playground 側で Downloads に積もっていた素材を1日で3本まとめて公開記事化。AEHR は再利用可能なテンプレートに従って積み上げ横棒チャートを SVG で生成し、整合性チェックで FY25 Q1 に $5.6M のズレを見つけて記事内で言及。Lumentum (LITE) はそのまま公開、AAOI は自分でデータを集めて書いた後にユーザー提供メモでファクトチェックして上書きした。

主な成果:

• aehr-backlog-chart-template-test.md: テンプレートの再現性テスト + データ整合性検証
• lumentum-lite-investment-thesis.md: そのまま公開（公開前調整は2点のみ）
• aaoi-investment-thesis.md: 自前収集 → ユーザー提供メモでファクトチェック → 数字修正
• scripts/generate-aehr-backlog-chart.mjs を成果物として保存
• 配色: 売上=ネイビー、受注=オレンジ、期首残/期末残=グレー（背景化）

詳細: AEHRのバックログSVGチャートとLumentum/AAOI投資判断メモを一気に公開した日

4. Excel のシート間参照を PNG で図解するスクリプト試作

朝、「Excel のシート間 INDEX/MATCH 参照を矢印付きで図示するのに毎回 Snipping Tool + Illustrator で20分かかる」問題から始まり、pywin32 COM の CopyPicture で範囲をキャプチャして Pillow で矢印を合成する方針で最初のプロトタイプまで動かした。既存の HTML レンダリング版 excel-screenshot スキルとは「現物 Excel らしさを残す」用途で使い分ける。

主な成果:

• scripts/excel-ref-diagram/output.png で初期試作完成
• YAML 指定（Sheet1!B5:E10 → Sheet2!C8:F12）で from/to を書く設計
• Excel スクショの4選択肢比較（COM / HTMLレンダリング / LibreOffice CLI / 手動）

詳細: Excelのシート間参照をPNG図解する：pywin32 COM + Pillowで矢印を合成する

今日の試行錯誤

今日の学び

• 逆向き構造から順方向への組み直しは丸ごと別ファイル群で進める: v1 を残してミラーカラム第1段の隣に v2 を並列配置することで、既存ユーザーへの影響をゼロにしつつ片方ずつ詰められた
• チェック行は「意味のある検算」にしてから ✓ を出す: 期末バランスが揃ってない状態で OK 表示すると、後段のバグを見落とす。フロントエンドで見せる前に Vitest で実ストア初期値を使った統合テストを通す
• Codex GPT-5.4 のレビューは「致命点だけ」指示しても複数指摘してくる: 4往復目で OK が出る。resume --last で文脈を引き継がないと毎回ゼロから読み直しになる
• CSS specificity は2回踏んでようやく身体に入る: hover で色が出るのに hover 外すと出ないのは、:hover で specificity が +0,1,0 されるから。要素単位の td 直当てに .class が負ける
• 複合キー優先・単独キー後の順で参照を組む: 「具体 → 抽象」の探索順にすれば、横展開時に親キーで拾われる事故が減る
• 整合性が取れない数字は隠さず記事に書く: AEHR の FY25 Q1 $5.6M ズレも記事内で言及。再現性テストの結果として価値が出る

明日やること

• CFWS v2 のパラメータ編集UI（Phase 7）の使い込みテスト
• CF計算書 年次推移スタイルのIBフォーマットを他シートに横展開
• Excel シート間参照スクリプトの YAML 入力対応 + 複数矢印描画
• AAOI 記事のファクトチェック2周目（決算スケジュールに合わせて）

関連記事

• キャッシュフロー精算表v2: 順方向ロジックへの全面書き換え
• CFWS v2のセル単位ハイライト + 全navigate型への横展開
• AEHRのバックログSVGチャートとLumentum/AAOI投資判断メモを一気に公開した日
• Excelのシート間参照をPNG図解する：pywin32 COM + Pillowで矢印を合成する