2026年2月11日の開発日記

朝6時から夜まで、CF精算表まわりを中心にmdx-playgroundの財務データ機能を大幅に強化した。Excel出力の計算式対応から始まり、ワークシートUIの列幅均等化・スティッキー、ロジック統一、間接法化、双方向リンクと一気に進めた。さらに仕訳ベースの会計データシステムを新規構築し、投資・財務シートのMiller Column化とIBスタイル適用も完了。並行してpon-blogのWordPress→Nuxt3移行とCloudflareデプロイも終わらせた。

今日やったこと

1. CF精算表エコシステムの大改善

財務三表シートにExcel計算式を組み込み、ワークシートUIを列幅90px均等・1列目スティッキーに改善。CF精算表のロジックをcashflow-worksheet最新版に統一し、CF計算書を間接法に再構成した。CF計算書↔CF精算表の双方向リンクも実装し、金額クリックで相互遷移+ハイライト表示できるようになった。

主な成果:

財務三表シートにExcel計算式（合計欄・差し引き項目）
isPLAccountバグ修正（部分一致→完全一致）
ワークシートUI: 列幅均等化、スティッキー列、レスポンシブ対応
CF計算書の間接法化（CfDisplayItem型による表示制御）
B/S増減符号リファクタリング（負債・純資産を期首-期末に統一）
減価償却費の統合（建物・備品→1項目）

詳細: CF精算表エコシステムの大改善

2. 仕訳ベース会計データシステム構築

useAccountingData composableを新規作成し、期首残高仕訳と期中仕訳を一元管理する仕組みを構築。試算表（期首残高・借方合計・貸方合計・期末残高の4列）、AssumptionsEditorの読み取り専用ビュワー化、loan-calculatorの端数処理修正まで対応した。

主な成果:

useAccountingData.ts: 全仕訳を一元生成するcomposable
残高試算表: 4列構成+列ごとの貸借一致チェック
AccountingSheet.vue: 会計仕訳一覧+試算表表示
loan-calculator端数処理: payment = roundedA + roundedBで貸借一致保証
BS現金行から減価償却費（非現金）を除外するバグ修正
テスト25件追加

詳細: 仕訳ベース会計データシステム構築

3. 投資・財務シート改修とIBテーブルスタイル

InvestmentSheetとFinanceSheetをMiller Column構造に統一し、償却スケジュールの月次テーブル表示、返済予定表の仕訳テーブル追加を実装。IBテーブルスタイル（青=入力、緑=参照、黒=計算）をスキル化して3コンポーネントに適用した。

主な成果:

InvestmentSheet: Miller Column構造、償却スケジュール月次テーブル
FinanceSheet: 仕訳テーブル追加、入金列、行高さ揃え
IBテーブルスタイルスキル新規作成（ib-table-style）
セルクリック遷移+オレンジハイライト（URLクエリパラメータ経由）
借入金2本追加（みずほ・三菱UFJ）

詳細: 投資・財務シート改修とIBテーブルスタイル

4. pon-blog: WordPressブログのNuxt3移行

妻のWordPressブログ（169記事・画像300枚）をPythonでクローリングし、Nuxt 3 + @nuxt/content v3で新プロジェクトを構築。Cloudflare Pagesへのデプロイ、permalinkルーティング、404問題の解決（トレイリングスラッシュ不一致）まで1セッションで完了した。

主な成果:

169記事+300画像のクローリングとMarkdown変換
Nuxt 3プロジェクト新規構築（pon-blog）
Cloudflare Pagesデプロイ（cloudflare-pages-staticプリセット）
permalinkベースルーティング実装
404問題解決（トレイリングスラッシュ不一致 + D1モード切替問題）
favicon復元（Wayback Machineから取得）

詳細: pon-blog: WordPressブログのNuxt3移行

5. その他

Nuxt ContentのCloudflare Pages 404問題の調査と解決記事（既存）
CLAUDE_CODE_DISABLE_AUTO_MEMORY=1の設定追加
content.config.tsにpon-blogプロジェクト名追加

今日の学び

border-collapse: collapseとposition: stickyはChromeで互換性問題がある。border-collapse: separate; border-spacing: 0に変更すればstickyが効く
CF計算書の間接法は、表示用の型（CfDisplayItem）を作って表示順序を制御するのが素直
仕訳帳を起点にすると、試算表もBS/PLもCFもすべて同じデータから導出できて整合性が構造的に保証される
Nuxt ContentはSSGビルド時に/pathでキーを生成するが、Cloudflare Pagesは/path/にリダイレクトするためuseAsyncDataのキーが食い違う

明日やること

CF計算書とCF精算表の相互リンク完成（残りのハイライト統一）
pon-blogの記事表示微調整（Amazon画像リンク等）
CF精算表の全シートバランスチェック通過確認