[{"data":1,"prerenderedAt":79},["ShallowReactive",2],{"tag-articles-miller-column":3},[4,17,29,40,51,59,68],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":15,"updatedAt":16},"投資・財務シート改修とIBテーブルスタイルの導入","InvestmentSheetをMiller Column構造に改修し、償却スケジュールの月次表示を実装。FinanceSheetには仕訳テーブルを追加。IBスタイル（色分け・ハイライト）をスキル化して横展開した作業ログ。","/investment-finance-sheet-ib-style-2026-02-11",[9,10,11,12,13,14],"vue","ib-style","finance","investment","miller-column","depreciation","2026-02-11T00:00:00.000Z",null,{"title":18,"description":19,"path":20,"tags":21,"publishedAt":28,"updatedAt":16},"2026年2月14日の開発日記 - サウンドアーカイブサイトの構築からYouTube分析ダッシュボードまで","Tokyo Soundscapeプロジェクトに集中した1日。Nuxt 3でサイト構築・Cloudflareデプロイ、yt-dlpで動画データ取得・Miller Columnダッシュボード、年間収録カレンダー、競合分析、mdx-playgroundのカテゴリ整理。","/2026-02-14-diary",[22,23,24,25,26,13,27],"日記","tokyo-soundscape","nuxt3","cloudflare","youtube","vue3","2026-02-14T00:00:00.000Z",{"title":30,"description":31,"path":32,"tags":33,"publishedAt":28,"updatedAt":16},"YouTube動画分析ダッシュボード構築 -- yt-dlpメタデータ取得からコメント分析・Miller Column UIまで","散歩系YouTubeチャンネル Rambalac の全動画メタデータ約1,500件をyt-dlpでSQLiteに取得し、Vite + Vue 3 SPAで分析ダッシュボードを構築。Chart.jsによる可視化、Miller Columnレイアウトでのロケーション分類、YouTube Data APIによるコメント分析まで一気通貫で実装した記録。","/youtube-analytics-dashboard-2026-02-14",[26,34,35,27,36,37,13,38,39],"yt-dlp","sqlite","vite","chart.js","data-analysis","claude-code",{"title":41,"description":42,"path":43,"tags":44,"publishedAt":50,"updatedAt":16},"会計入門コンテンツのMiller Column移行 - 10ページ分のデータ変換と品質検証","会計入門編の全10ページをMiller Column Layoutへ移行。Codexレビューで計画を2回修正し、7つのサブエージェントで並行変換。Chrome DevToolsで表示確認しながらUI問題4件を修正し、双方向整合性テストを追加するまでの記録。","/accounting-intro-miller-column-migration",[13,45,46,47,48,49],"migration","codex-review","sub-agent","vitest","eurekapu","2026-03-17T00:00:00.000Z",{"title":52,"description":53,"path":54,"tags":55,"publishedAt":58,"updatedAt":16},"簿記入門『概要とまとめ』インタラクティブセクションをMiller Columns 4列目に移行した記録","旧プロジェクトの財務3表コンポーネント・取引入力・段階的表示をMiller Columnsの4列目slot機構で再現。aspect-ratio問題を3回直し、画像マッピングのずれをChrome DevToolsで追い詰めた1日の記録。","/bookkeeping-interactive-summary-migration",[13,9,56,48,49,57],"interactive","scoped-css","2026-03-18T00:00:00.000Z",{"title":60,"description":61,"path":62,"tags":63,"publishedAt":58,"updatedAt":16},"2026年3月18日の開発日記 - 教材コンテンツ音声化＆インタラクティブ実装を一気通貫","Fish Audio v3で教材ナレーション音声を100件以上生成し、簿記入門の概要セクションをMiller Columnsにインタラクティブ移行。モバイル対応3パターンを仕上げ、即録くんの設計も進めた1日。","/2026-03-18-diary",[22,64,65,13,66,67],"Fish Audio","TTS","responsive","Electron",{"title":69,"description":70,"path":71,"tags":72,"publishedAt":78,"updatedAt":16},"Excel関数の統合インデックスページをNuxt4側に移植してfxアイコン巨大化バグを潰し、SEOタイトルを動的化した記録","旧eurekapu.com（WordPress）の『Excel講座 関数の活用』を新Nuxt4側に再現。/lessons/excel/functions に統合インデックス、/lessons/excel/functions/practice にMillerスライド形式を分離。BookkeepingScrollArticleのscrollChaptersダミーで singleSectionMode + noChapterCol を発動させ、ScrollArticleに :has(.excel-wide) で動的に幅を切り替えるCSSを差し込んだ。SyntaxCard内の小さなfxアイコンが画面いっぱいに膨れ上がる『:deep(svg)』巻き込み事故と、practiceページのタイトルが『- Eurekapu.com』だけになっていたSEO事故を片付けた日。","/excel-functions-integrated-index",[73,9,74,75,76,77,13],"nuxt4","excel","seo","css","wordpress-migration","2026-05-04T00:00:00.000Z",1781076317520]