2026年2月10日の開発日記

朝6時台から夜まで、Basic English 850語彙学習サイトの実装とCF精算表まわりの大改修を並行して進めた。27セッション（mdx-playground 25 + tax-lp 2）を使い切る、かなり濃い1日だった。

今日やったこと

1. Basic English 850 語彙学習サイトの実装

Miller Columnレイアウトで850語を閲覧でき、カテゴリ別・サブカテゴリ別のクイズが解けるインタラクティブな学習サイトを1日で構築した。

主な成果:

850語 + 文法11項目の全データを8並列エージェントで一括生成
サブカテゴリ（動詞/前置詞/副詞など）による意味分類
学習履歴のlocalStorage保存（直近3回の○×、途中離脱でも即保存）
復習リスト（Miller Column形式で間違えた単語だけ表示）
モバイルUI（リスト/詳細の2モード切替）

詳細: Basic English 850 語彙学習サイトを1日で実装した記録

2. CF精算表ビューアの移植とデータ修正

tax-assistantリポジトリからCF精算表ビューアをmdx-playgroundに移植し、data.json(341KB)を10シート別JSONに分割。全10シートのrowTotal/Balanceエラーを修正した。

主な成果:

Vue scoped CSSが動的SVGに効かないバグの発見・修正
composable定数不足/BS間非現金取引/複合仕訳/PL誤分類の4パターンで修正
3カラムMiller Columnsレイアウト（論点→セクション→コンテンツ）
複合仕訳のグループ表示（groupフィールドベース、金額連動）
Excelダウンロード機能（ExcelJS、SUMIFS数式埋め込み）

詳細: CF精算表ビューアの移植とデータ修正の全記録

3. キャッシュフロー計算書ページの新規実装

Pinia + Vue Router + Miller Columnsで、ローンシミュレーターと連動するキャッシュフロー計算書ページを構築した。

主な成果:

cf-builder.ts（純粋関数群）でB/S科目からCF計算書を自動構築
財務シート（金融機関別サマリー＋返済予定表）、投資シート（固定資産テーブル）
金額セルクリックによるシート間ドリルダウン
Codex (GPT-5.3)によるレビューと計画v2への更新

詳細: キャッシュフロー計算書ページの実装ログ

4. tax-lpプロジェクト改善

記事サムネイルの共通コンポーネント化とデプロイスクリプトの改善を行った。

主な成果:

ArticleThumbnail.vueで業種別インラインSVGを統一
デプロイスクリプトのウォームアップフェーズ分離
PowerShell UTF-8 BOM問題の修正

詳細: tax-lpサムネイル共通化とデプロイスクリプト改善

5. 開発環境・DX改善

Alt+矢印キーのブラウザバック横取りバグを全ページで修正し、リグレッションテストを作成した。

主な成果:

矢印キー+preventDefaultパターンを持つ全.vueファイルでaltKeyガードを検証するvitest
関数名に依存しない検出方式（新規ページ追加時も自動でテスト対象に）
モバイルアプリ開発の技術選定メモ（Swift/Kotlin vs React Native）

詳細: Alt+矢印キーの横取りバグ修正とリグレッションテスト

今日の学び

Vue scoped CSSはJavaScriptで動的生成した要素には効かない（data-v-*属性が付かないため）→ インラインスタイルで対応
PowerShell 5.xはBOMなしUTF-8を正しく読めない → 日本語コメントを含むスクリプトにはBOM必須
table-layout: fixedはmin-widthを無視するので、カラム幅を制御したいならautoに戻す
複合仕訳のUI表現は自動グルーピングより明示的なgroupフィールドのほうが柔軟

明日やること

CF精算表のExcel出力で仕訳シート直接参照（SUMIFS）への変更
CF精算表の期首残高をBS行へのセル参照に変更
キャッシュフロー計算書ページの計画v2の実装継続

関連記事