[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"tag-articles-インタラクティブUI":3},[4,16],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":14,"updatedAt":15},"簿記学習用インタラクティブ仕訳エンジンを純HTMLで実装した話","仕訳プッシュで残高試算表が動く学習UIを実装。シンプル化バグ、UI指示の取り違え、スクショなしで「正常」判定したミスまで含めた試行錯誤の記録","/interactive-journal-engine",[9,10,11,12,13],"インタラクティブUI","Vue","VOICEVOX","ナレーション","リファクタリング","2026-05-01T00:00:00.000Z",null,{"title":17,"description":18,"path":19,"tags":20,"publishedAt":26,"updatedAt":15},"インタラクティブ仕訳例題エンジンをモーダル化＋Web Animations APIで再設計：飛行pillアニメと貸借ランタイム検証まで","cash-3-topics.htmlの仕訳エンジンをクリック展開モーダルに改造。requestAnimationFrameからWeb Animations APIへ置換、借方/貸方が試算表へ吸い込まれる飛行pillアニメ、純資産+当期純利益の貸借バグ修正、zoomコントロール、placeholder行予約までの試行錯誤ログ。","/interactive-journal-engine-modal-zoom",[9,21,22,23,24,25],"Web Animations API","モーダル","アニメーション","貸借検証","Vitest","2026-05-02T00:00:00.000Z",1781334075834]