[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"tag-articles-教材":3},[4,10,15,20],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"多角形の外角の和ページを React/JSX から Vue へ移植してアニメーションを4段階で改良した記録","外角の和が360°になる教材ページをReact/JSXからVue 3 Composition APIへ移植。純粋関数をmoduleレベルに切り出し、副作用（RAFアニメーション）はwatch内に隔離。アニメーションが図形の形を歪める問題、セクターが回転する問題を経て、最終的にスライダー手動操作に一本化し、4図形（n=4,6,8,10）グリッド表示まで広げた1日の記録","/exterior-angles-vue-migration","2026-04-24T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"Excel貼り付けダイアログをHTMLで忠実再現 — 解説カードオーバーレイで操作を可視化","Excel講座の「形式を選択して貼り付け」ダイアログと検索置換ダイアログをHTMLモック化し、解説カードを番号付きでオーバーレイ表示する仕組みを作った1日の記録。配置の試行錯誤、TheaterViewer改修、IBフォーマット早見表の追加までまとめた。","/excel-paste-dialog-rich-mocks","2026-05-08T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"「テーブルに状態を持たせてはいけない」を、会員データを操作して3設計を見比べる教材に仕立てた","状態カラムの上書き・イベント記録・状態テーブル分割の3設計を、同じ会員データに同じ操作を流し込んで同時に動かし、履歴がどう残る／消えるかを見比べられるインタラクティブ教材を作った話。ロジックは純粋関数に隔離した。","/state-vs-events-interactive-lesson","2026-05-27T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"microGPTを会計の言葉で読み切る教材を作った日","200行のGPT実装を、予実管理や配賦や感応度といった会計の言葉に翻訳して読み切るためのインタラクティブ教材をNuxtで実装した。malformedが連発した末に引き継ぎドキュメントとサブエージェントへ切り替えた一日の記録。","/microgpt-accounting-textbook","2026-05-31T00:00:00.000Z",1785654935749]