• #日記
  • #mise
  • #Codex
  • #CFWS
  • #boki3
  • #Vue 3
  • #リファクタリング
daily-log

2026年4月24日の開発日記

朝はビルドツールの環境整備から始まった。前日に Node.js 管理を Volta から mise に切り替えたものの、本体と残骸はそのまま寝てしまった。今日はそのツケを払う形で Codex CLI・pnpm・wrangler の再セットアップに半日かかり、午後はキャッシュフロー計算書まわりの教材整備（CF基準HTML42条文の原文化、boki3 の章順並び替え、Excel と Vue のアーキテクチャ比較ドキュメント）と、夜に多角形の外角の和ページの Vue 移植に時間を溶かした。途中で音が鳴らないフックの切り分けと、ffmpeg の NVENC 廃止オプションの修正も挟まった。

今日のタイムライン

タイムライン

今日やったこと

1. Volta から mise への完全移行と Codex CLI / pnpm / wrangler の再セットアップ

Codex CLI を npm でインストールしたら Windows 用バイナリが 404 で取れず、aqua バックエンド経由の Rust ネイティブ版に切り替えて解決した。pnpm も消えていたので aqua で導入。Chrome native messaging host の bat が Volta の node.exe を直叩きしていたのを mise 経由に書き換え、Volta 残骸 2.9GB を 5 プロセス kill してから削除した。apps/private/scripts/measure-deploy.ps1 の裸 wrangler 呼び出しも pnpm exec wrangler に変更。

主な成果:

  • Codex CLI 0.123.0（Rustネイティブ、aqua経由）で ChatGPT 認証動作
  • pnpm 10.33.2 が mise shim 経由で解決
  • Volta 残骸 2.9GB / 86,379 ファイルを完全撤去
  • Chrome 拡張の native host bat 修正、deploy スクリプトの裸 wrangler 修正

詳細: Volta から mise への完全移行と Codex CLI / pnpm / wrangler の再セットアップ

2. 環境周辺のトラブル対応（フック音声・GPT-5.5・NVENC）

朝から夕方にかけて環境系のトラブルが3つ連続した。Claude Code 2.1.x のネイティブバイナリ移行で sound-server.py が PowerShell に道連れで死んでいた件、Codex の GPT-5.5 がアカウントへロールアウト未到達で config.toml を 5.4 に戻した件、compress_for_x.py の -rc vbr_hq が NVIDIA Video Codec SDK 10 以降で廃止されていた件。それぞれ症状→切り分け→原因→対処を書き残した。

主な成果:

  • claude-sound.bat ダブルクリックで音声フック復旧
  • model = "gpt-5.4" で Codex CLI（引数なし）動作確認
  • -rc:v vbr -cq:v 23 への書き換えで NVENC 復活

詳細: Claude Code のフック音声・Codex GPT-5.5 ロールアウト・ffmpeg NVENC 廃止オプションのトラブル対応

3. CF計算書実務指針42条文の原文忠実化（6バッチ）

cf-jitsumu-shishin.json の前文〜本文〜附則42条文を、OCR由来のノイズ（数字周辺の半角スペース等）と原文との真の差異を分離する比較スクリプトを書きながら、asb-j.jp の公式テキストに揃えた。最初のスクリプトはノイズで真っ赤になり、正規化関数を入れてもアンカー検出が「1-2.」内の「2.」に誤マッチするバグでハマった。最終的に6バッチに分割し、1基準ずつビルド検証しながら適用。

主な成果:

  • 42条文中、真に修正が必要な28箇所程度を特定して反映
  • バックアップ6個削除、CF基準作業とユーティリティ設定で2コミットに分割
  • 最終ビルドで42基準すべて検証OK

詳細: CF計算書実務指針42条文の原文忠実化 - 比較スクリプトのノイズと格闘した6バッチ作業

4. boki3 の章順並び替えと exam 削除（Codexレビュー付き）

eurekapu の CF 計算書 3 級編（boki3）の章順を、別教材 steps（CF計算書のライフサイクル別解説）と整合させる作業。配当セクション削除、exam 削除、章順並び替え、steps への導線追加を Web アプリ側 8 ファイルだけで実装し、Phase 0〜8 を 1 コミット（e7462d7）に集約した。途中、計画書を Codex に上書きされて git staging から復元するハプニング、Codex レビューの「Phase 間の中途半端状態」指摘を受けて exam 削除を Phase 7 に集約する設計変更が入った。

主な成果:

  • 章順をライフサイクル順（株主資本→借入金→運転資本→...）に揃え
  • /boki3/exam を 404 化、steps 導線を末尾に追加
  • ブラウザで章順・ch4ページ・exam 404 の動作確認まで完了

詳細: boki3（CF計算書3級編）の章順並び替えとexam削除を Codexレビュー付きで実施した記録

5. CFパイプラインの全体把握と Excel vs Vue 比較ドキュメント

株主資本ライフサイクルの CF 精算表生成パイプラインを構成する3スキル（cf-lifecycle-equity → cf-multi-year-worksheet → cfws-excel-to-html）を読み解き、Excel と Vue の精算表アーキテクチャ比較ドキュメントを memo/2026-04-24/excel-vs-vue-cfws-architecture.md に作成した。Codex レビューで致命点6件を指摘されて全反映。最後に「最終的なキャッシュフロー計算書」シートが Excel側に存在しないことに気付き、Excel追加→スクリプト更新→Web表示反映の3段階計画を MoM として書き残した（保存先を一度間違えて memo直下→日付ディレクトリへ移動）。

主な成果:

  • CFパイプライン3ステップの全体像をドキュメント化
  • Excel と Vue の精算表アーキテクチャ比較ドキュメント完成
  • 「最終CF計算書シート未作成」の3段階MoM作成

詳細: CFパイプラインの全体把握と Excel vs Vue アーキテクチャ比較ドキュメントの整備

6. 多角形の外角の和ページを Vue へ移植してアニメーション改良

別プロジェクトで作っていた exterior-angles.jsx（多角形の外角を1点に集めて和が360°になる様子を見せる教材）を mdx-playground の Nuxt 環境に持ってきて Vue 3 Composition API に移植。純粋関数を module レベルに切り出し、副作用（RAF アニメーション）は watch 内に隔離した。アニメーション設計をユーザーフィードバックで4回ひっくり返した結果、最終的にスライダー手動操作（0-100%）に落ち着き、4図形（n=4, 6, 8, 10）グリッド表示まで広げた。Simplify レビュー3並列で v-model 化・sec.d 差し替え・不要 CSS 削除を反映。

主な成果:

  • React/JSX → Vue 3 移植完了、/exterior-angles ページ公開
  • アニメーションを RAF からスライダーに変更、4図形同時表示
  • トップページ「学習・クイズ」セクションにリンク追加

詳細: 多角形の外角の和ページを React/JSX から Vue へ移植してアニメーションを4段階で改良した記録

今日の試行錯誤

#テーマ試したこと結果気づき
1Codex CLI mise化npm経由で @openai/[email protected] をインストール失敗（@openai/codex-win32-x64 が 404）npmレジストリからWindows用バイナリが消えていた
2Codex CLI mise化aqua バックエンド経由で 0.123.0 をインストール成功（Rustネイティブが直接落ちる）mise の aqua バックエンドはネイティブバイナリ配布に強い
3Volta 削除Remove-Item -Recurse Volta で一発削除失敗（node.exeがプロセスに掴まれる）5プロセスをVoltaパスで絞ってkillしてから削除
4フック音声切り分けsettings.json と過去履歴を grep で全件確認フックは正常、サーバー側の問題と判明curlは生きている、サーバープロセスが死んでいた
5GPT-5.5 動作確認TUIで gpt-5.5 を選択して送信「Model metadata not found」で fallbackアカウントロールアウト未到達、5.4に戻して保留
6CF基準比較スクリプト素朴な行diff失敗（OCRノイズで全件赤）正規化関数で半角スペース・改行をスキップ
7CF基準アンカー検出provision 番号で前方一致失敗（「1-2.」内の「2.」が誤マッチ）行頭アンカー＋ピリオド境界で検出
8boki3 計画書Codex に書かせていた計画書を上書き失敗（自分の改稿で消した）git staging に残っていたので git checkout -- で復元
9boki3 Phase 設計exam削除を Phase 2 と 7 に分散Codex指摘「中間状態で旧 exam が公開される」削除系は1Phaseに集約する原則
10外角アニメーション頂点だけ中心に集約、図形は描画停止失敗（途中で図形が消えて違和感）図形を相似縮小しながら頂点を中心へ
11外角アニメーション角度補間で外角セクターを回転させる失敗（セクターが回って円にならない）角度補間を削除、平行移動のみで自然に円になる
12外角アニメーションRAF タイミング制御＋スクショで中間確認失敗（毎回終了状態しか撮れない）スライダー手動操作に一本化
13NVENC エンコード既存の -rc vbr_hq を維持失敗（unsupported param 12）SDK 10 以降廃止、-rc:v vbr -cq:v 23 に変更
14wrangler 直叩き調査Git_repo 配下の過去1ヶ月更新プロジェクトを grep該当1箇所のみ（apps/private/scripts/measure-deploy.ps1）他は既に pnpm exec / npx 経由だった

今日の学び

  • Volta が裏で何を shim していたかは、抜いてみないと気付かない（pnpm・wrangler・Chrome native host bat が連鎖で壊れた）
  • mise の aqua バックエンドは GitHub リリースから Rust ネイティブを直接取るので、npm のプラットフォーム別パッケージで詰む状況に強い
  • 切り分けの言語化（「フックは壊れていない、サーバーが死んでいた」「NVENC は生きている、引数が腐っている」）が記憶の検索性を上げる
  • 比較スクリプトを書くときは「ノイズの除去」と「アンカー検出」と「置換」を別関数に分けないと、ループ20回で判断力が削られる
  • 計画書の Phase 設計は、各 Phase 終端で必ず一貫した状態になるように切る（中途半端なデプロイを許さない）
  • アニメーションの中間状態をRAFで観察するのは難しい、スライダーに変えると検証もユーザー体験も両方解ける
  • Vue 移植時は純粋関数を module レベルに、副作用（RAF・DOM・API）は watch / onMounted 側に隔離する

明日やること

  • Excel側に「最終的なキャッシュフロー計算書」シートを追加（資金調達の3列フォーマット）
  • cf-multi-year-worksheet スクリプト側を更新して新シートを生成対象に含める
  • http://localhost:3200/cashflow-statement/ 配下に最終CF計算書を表示する Vue ページを追加
  • /generate-timeline スキルの古い参照箇所を整理（昨日の宿題）
  • mise の自動更新タイミングを調査（Codex CLI のバージョン追従）

関連記事