2026年2月1日の開発日記

朝7時から12時過ぎまで、連結精算表ビューアーとローン返済シミュレーターの2つを中心に開発を進めた。どちらも計画→実装→テスト→ブラウザ確認のサイクルを何度も回し、Chrome DevToolsでのsticky検証やデータ整合性テストまで踏み込んだ密度の高い1日だった。

今日やったこと

1. 連結精算表インタラクティブビューアー

Miller Columnsパターンを使った4カラム構成のビューアーを構築。個別財務諸表（勘定式B/S）、連結修正仕訳カード、連結ワークシートをシームレスに行き来できるUIを実現した。

主な成果:

3カラム→4カラムへの拡張（大カテゴリ=論点別、中カテゴリ、小カテゴリ、コンテンツ）
2年目データの追加と開始仕訳/当期仕訳の分離
ワークシートヘッダーの2行化（グループヘッダー対応）
sticky header/列のChrome DevToolsでの動作検証
貸借一致・水平整合性・期間連続性のテスト337件がパス
現金預金のBS等式逆算によるデータバグ修正

詳細: 連結精算表インタラクティブビューアーの実装記録

2. ローン返済シミュレーター機能拡張

Excelの返済計算データを元にしたシミュレーターを大幅に拡張。仕訳CSV出力、営業日判定、据え置き期間対応まで一気に実装した。

主な成果:

MFクラウド会計対応の仕訳CSV出力機能
@holiday-jp/holiday_jpを使った営業日判定
借入先と取引銀行（入金先）の分離対応
元金返済据え置き期間の対応
丸め誤差の最終回調整ロジック
MFプレビュー（クラウド会計側の仕訳表示）の2カラムレイアウト
全45テストがパス

詳細: ローン返済シミュレーターに仕訳CSV出力・営業日判定・据え置き対応を追加

3. 開発環境・ツール整備

gogcli（Google Workspace CLI）のスキル定義、diary管理の改善、エッセイ記事の校正など、開発環境まわりの整備を行った。

主な成果:

gogcliスキルをユーザーレベル（~/.claude/skills/）に作成、スプレッドシート読み取りの動作確認
diaryファイルの一括リネーム（diary.md → diary-YYYY-MM-DD.md）で18ファイルのpath重複警告を解消
AIとスキル習得に関するエッセイ記事のfrontmatter付与と本多式校正
indexページのカテゴリ分け整理（会計・ファイナンス等4カテゴリ）

詳細: 開発環境・ツール整備の記録

今日の学び

Miller Columnsは階層的なデータ探索に適しているが、4カラムになるとgrid-template-columnsの動的切替が必要になる（前提条件ページのように小カテゴリ不要な場合の3カラム切替など）
table-layout: fixedとcolspanの組み合わせは予想外に厄介で、colgroupやth幅指定では解決できないケースがある。CSSグリッドへの切り替えが確実
丸め誤差は毎月のMath.roundの累積で数十円ずれる。最終回で累計を追跡して調整するパターンが定石
sticky positionはcolspan付きセルでは効かない。セクションヘッダーのcolspanを区分+勘定科目の2に限定し、残りを空セルにすることで解決

明日やること

連結精算表「Sum」シート（全体俯瞰ビュー）のズームUI実装
ローン返済シミュレーターのブラウザ確認とデプロイ
連結精算表の2年目データの期間連続性テスト強化

関連記事