[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"tag-articles-composition api":3},[4,10,15],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"Vue 3でキャッシュフロー精算表に仕訳チェックボックス機能を実装する方法","Vue.js 3のComposition APIを使って、仕訳の選択/解除でリアルタイムに精算表を更新するチェックボックス機能の実装。Set型のリアクティビティ問題と解決策を詳しく解説。","/cf-viewer-checkbox-feature","2026-01-18T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"Nuxt 3のcomposablesディレクトリ完全ガイド - componentとの違いと使い分け","Nuxt 3で導入されたcomposablesディレクトリの仕組みと、componentとの違いを解説。Nuxt 2からの移行ポイントや自動インポートの活用方法も紹介します。","/nuxt3-composables-guide","2026-01-21T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"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",1785654936632]