[{"data":1,"prerenderedAt":109},["ShallowReactive",2],{"tag-articles-アニメーション":3},[4,16,29,41,51,62,69,77,83,92,99],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":15,"updatedAt":15},"財務可視化サービス構想 - 生成AI連携とメディア出力","生成AIで財務データを入力し、比例縮尺チャートやBS/PL連動アニメーションを生成・エクスポートするサービス構想。投資教育ツールとしての活用も視野に","/financial-visualization-service-idea",[9,10,11,12,13,14],"サービス構想","財務諸表","生成AI","アニメーション","投資教育","比例縮尺","2025-12-10T00:00:00.000Z",{"title":17,"description":18,"path":19,"tags":20,"publishedAt":27,"updatedAt":28},"モールス信号アプリ開発記 - 二分木ビジュアライザーとフレーズ再生機能の実装","Nuxt 3でモールス信号の学習アプリを開発。二分木による符号体系の可視化、パス追跡アニメーション、フレーズ再生機能を実装。英語と和文モールスの設計思想の違いも解説","/morse-code-app-development-2026-01-29",[21,22,23,24,12,25,26],"モールス信号","二分木","Vue","Nuxt3","アマチュア無線","SVG","2026-01-29T00:00:00.000Z",null,{"title":30,"description":31,"path":32,"tags":33,"publishedAt":40,"updatedAt":28},"多角形の外角の和ページを 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",[34,35,26,12,36,37,38,39],"Vue 3","Composition API","教材","幾何","純粋関数","リファクタリング","2026-04-24T00:00:00.000Z",{"title":42,"description":43,"path":44,"tags":45,"publishedAt":50,"updatedAt":28},"AdobeターンテーブルのGIF75フレームをImageMagickで分解してSVGアニメデモを7種作った","GPT Images 2.0で生成したイラストをAdobe Fireflyのターンテーブルで回し、出力GIFをImageMagickで75フレームに分解してコンタクトシート化した。途中でラスター処理しかしていないと気づき、ユーザーから受け取ったSVG74ファイルで7種のアニメーションデモを書き直した。","/2026-04-29-svg-turntable-animation-demos",[26,12,46,47,48,49],"Adobe Firefly","Illustrator","ImageMagick","ベクター画像","2026-04-29T00:00:00.000Z",{"title":52,"description":53,"path":54,"tags":55,"publishedAt":61,"updatedAt":28},"インタラクティブ仕訳例題エンジンをモーダル化＋Web Animations APIで再設計：飛行pillアニメと貸借ランタイム検証まで","cash-3-topics.htmlの仕訳エンジンをクリック展開モーダルに改造。requestAnimationFrameからWeb Animations APIへ置換、借方/貸方が試算表へ吸い込まれる飛行pillアニメ、純資産+当期純利益の貸借バグ修正、zoomコントロール、placeholder行予約までの試行錯誤ログ。","/interactive-journal-engine-modal-zoom",[56,57,58,12,59,60],"インタラクティブUI","Web Animations API","モーダル","貸借検証","Vitest","2026-05-02T00:00:00.000Z",{"title":63,"description":64,"path":65,"tags":66,"publishedAt":68,"updatedAt":28},"Cockpit財務諸表インタラクティブコンテンツの移植とアニメーション全実装","旧プロジェクト(cockpit-nuxt-vuetify)の財務諸表インタラクティブコンテンツをeurekapu-nuxt4へ移植。Codex 4ラウンドレビュー、自動収集スクリプトによるベンチマーク取得、BS/PL/CS連動アニメーション、SVG22個の並列変換、entry分割による教育的意義の可視化まで一気通貫で実装した記録。","/cockpit-financial-statements",[23,12,10,67],"Pinia","2026-05-05T00:00:00.000Z",{"title":70,"description":71,"path":72,"tags":73,"publishedAt":68,"updatedAt":28},"2026年5月5日の開発日記 - Cockpit財務諸表移植・SVGアニメ・SFC並列量産","case100積み残し消化とCaseNoteLayout計画、Cockpit財務諸表コンポーネント全実装、取引SVGアニメーション試作、クイズ正解時アニメ拡充、簿記3級勉強法大改修、22取引SFC並列量産まで。eurekapu-nuxt4で1日に8セッションを走らせた記録。","/2026-05-05-diary",[74,75,23,12,76,10],"日記","eurekapu-nuxt4","Cockpit",{"title":78,"description":79,"path":80,"tags":81,"publishedAt":68,"updatedAt":28},"取引SVGの弧軌道アニメーション試作とクイズ正解時の飛びピルアニメーション拡充","旧プロジェクトの取引イメージSVGを弧軌道アニメーションに昇華し、クイズ正解時にBS/PLへ仕訳ピルが飛ぶシーケンスを実装。インラインSVG問題の発見からComposable化、CSパネル追加まで一気に進めた開発ログ","/transaction-svg-animation-quiz",[26,12,82,23],"クイズ",{"title":84,"description":85,"path":86,"tags":87,"publishedAt":91,"updatedAt":28},"財務3表コクピット：ホバー連動ハイライトとグレースケール合計行の改善","BS/PL/CSのセル間Z軸浮き上がり・ホバー連動ハイライトを3ペア色分けで実装。合計行の黒背景+白文字をGLグレースケール+黒文字に置き換え、verify.mjsの照合方式も刷新した。","/cockpit-cell-highlight-greyscale",[23,88,12,89,90],"財務3表","SMIL","Nuxt","2026-05-06T00:00:00.000Z",{"title":93,"description":94,"path":95,"tags":96,"publishedAt":98,"updatedAt":28},"クイズ画面のCS/BS/PLをコクピットスタイルに統一しdelta-popupと装飾点線で連携を可視化","eurekapu-nuxt4 の quiz/practice 画面で BS/PL/CS をコクピット風（GL階調・小フォント・カード枠なし）に書き換え、CS表示時だけ財務三表エリアを1480pxにブレイクアウト。数値変化を浮上させる delta-popup を `acct:` prefix 限定で導入し、PL→BS・PL→CS・CS→BS の3組を点線で結ぶ match-cue overlay とキーボードショートカット（←→・Ctrl+Enter）を仕込んだ作業記録。","/quiz-cockpit-style-unification",[23,82,12,97],"簿記","2026-05-09T00:00:00.000Z",{"title":100,"description":101,"path":102,"tags":103,"publishedAt":108,"updatedAt":28},"簿記3級クイズの『着弾アニメ』ON/OFFトグル追加とハイライト残留バグ修正 — フィードバック往復で削るスコープを絞った","/quiz/practice の解答アニメーションで、前問の青ハイライトが消えないまま次問の着弾が始まるバグを修正。pendingApply 中に clearChanged を適用する形に変えた。さらに『着弾アニメが速すぎる/しつこい』のフィードバックを受けてON/OFFトグルを追加。最初はカウントアップもハイライトも全部止めようとしたら『カウントアップとハイライトとdelta popupは残せ、fly-pillだけ切れ』と差し戻され、対象を絞り直した。ESLint既存エラー2件は別タスクに切り出して Codex レビュー通過済み。","/quiz-animation-toggle-fix",[23,90,12,104,105,106,107],"簿記3級","UI","Codex","ESLint","2026-05-11T00:00:00.000Z",1781333927979]