2026年2月2日の開発日記

今日は連結精算表まわりのリファクタリングが中心の1日だった。URL設計の刷新、UI改善、データバグ修正と、コンポーネントの様々なレイヤーに手を入れた。合間にChrome拡張機能のX動画ダウンロード問題も片付けた。ジェンスン・ファン氏の発言を記事にする作業もあり、なかなか密度の高い1日だった。

今日やったこと

1. Chrome拡張機能 - X/Twitter動画ダウンロード修正

X（旧Twitter）の動画ダウンロードが動かなくなっていた問題を修正。原因は複合的だった。

主な成果:

• yt-dlpを2025.06.25 → 2026.01.31にアップデート
• Chrome実行中はCookieデータベースがロックされる構造的問題を発見し、chrome.cookies API + Native Host方式に切り替え
• ダウンロード後のファイル存在チェック誤判定（BOM/空白問題）を修正

詳細: Chrome拡張機能でX/Twitterの動画をダウンロードする方法

2. 連結精算表 - パスベースルーティング移行

クエリパラメータ方式のURLをパスベースに移行した。SSG対応とURL可読性の向上が目的。

主な成果:

• ?topic=year1&mid=worksheet&sheet=worksheet-sum → /consolidated-worksheet/year1/worksheet/worksheet-sum
• parseSlug / buildPath を独立モジュールに抽出し、40件のユニットテスト追加
• ブラウザバックが効かないバグを発見・修正（router.push と router.replace の同時発火問題）
• 旧URLからの自動リダイレクト、SSGプリレンダールート自動生成も実装
• Codexレビューの指摘を反映

詳細: 連結精算表のURLをクエリパラメータからパスベースルーティングに移行した

3. 連結精算表 - UI改善とデータバグ修正

矢印線の実装からセクションヘッダーのスタイルまで、見た目に関わる改善を複数実施。データの数値バグも2件修正した。

主な成果:

• PL「当期純利益」→ BS「当期純利益」への矢印接続線をCSS疑似要素で実装（専用列追加方式）
• 個別財務諸表をT勘定式から多列テーブル（P社/S社 × X3/X4）に変更
• 資本剰余金の期首残高バグ（csBegin = 0 → 27,500）をテキスト画像照合で発見・修正
• 未実現利益仕訳のP/L側欠落（5,000のB/Sズレ）を修正
• セクションヘッダーを濃いグレー背景＋白文字に変更

詳細: 連結精算表のUI改善とデータバグ修正

4. ジェンスン・ファン氏の発言記事

NVIDIA CEOジェンスン・ファン氏のAI時代における「賢さ」の再定義に関する発言を記事にした。Codexレビューと本多式作文の校閲を経て公開。

今日の学び

• border-collapse: collapse のテーブルでは overflow: visible が効かない。はみ出す要素は列幅を広げて収めるか、専用列を追加する
• Vue Routerで router.push と router.replace がほぼ同時に呼ばれると、pushがキャンセルされて履歴エントリが作られない
• Chrome実行中に --cookies-from-browser chrome は使えない。拡張機能内で chrome.cookies APIを使い、Netscape形式でNative Hostに渡す方式が正解
• テキスト画像の全ページを与えると、AIがデータの整合性チェックで期首残高のバグを見つけられた。情報量を惜しまず渡すことが重要

関連記事

• Chrome拡張機能でX/Twitterの動画をダウンロードする方法
• 連結精算表のURLをクエリパラメータからパスベースルーティングに移行した
• 連結精算表のUI改善とデータバグ修正