[{"data":1,"prerenderedAt":940},["ShallowReactive",2],{"tag-articles-vue":3},[4,10,15,19,24,29,34,39,43,47,51,55,60,65,70,74,79,84,89,95,99,104,109,113,117,121,126,130,134,140,144,148,153,158,162,167,171,175,179,183,188,193,197,202,207,212,216,220,226,230,235,239,243,248,253,258,263,267,272,276,281,286,291,295,299,304,309,313,318,322,326,331,336,340,344,348,352,357,361,366,371,375,379,384,388,392,397,401,406,410,415,420,425,429,434,439,444,448,452,457,461,465,470,475,480,485,489,494,498,503,508,512,516,521,526,530,535,539,543,548,553,557,561,565,570,574,579,584,588,593,597,601,605,610,614,618,622,627,631,635,639,643,648,652,657,662,666,670,674,678,682,686,691,695,700,705,710,714,718,722,727,732,737,742,746,750,755,759,764,768,772,777,781,786,790,795,800,804,808,813,817,822,827,832,837,842,846,851,855,859,863,868,873,878,883,888,892,897,901,906,911,916,921,926,931,935],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"カスタムVueページの追加方法","pagesディレクトリにVueファイルを追加して記事一覧に自動表示する方法","/how-to-add-custom-vue-pages","2025-10-05T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"フローチャートスクロールアニメーション実装の引き継ぎ","次のセッションに向けた現在の実装状態と残課題の詳細","/flowchart-animation-handoff","2025-10-31T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":14,"updatedAt":9},"フローチャート×スクロールアニメーションの実装ガイド","業務フロー図とスクロール連動アニメーションを組み合わせた、紙芝居スタイルのインタラクティブなドキュメント表示の実装方法","/flowchart-scroll-animation-implementation",{"title":20,"description":21,"path":22,"publishedAt":23,"updatedAt":9},"デバウンス処理と本文検索の実装ガイド","Nuxt Contentの検索機能にデバウンス処理とFlexSearchによる全文検索を実装した詳細解説","/search-implementation","2025-11-01T00:00:00.000Z",{"title":25,"description":26,"path":27,"publishedAt":28,"updatedAt":9},"Nuxt 3 Excel Viewer実装ガイド - Vue + SheetJSによるExcel表示機能","Nuxt 3でSheetJS (XLSX.js)を使用したExcel Viewerの実装方法と、特定ファイルの自動読み込み機能の技術ドキュメント","/excel-viewer-implementation","2025-11-09T01:00:00.000Z",{"title":30,"description":31,"path":32,"publishedAt":33,"updatedAt":9},"Excel Viewer with HyperFormula - 動的セル編集と再計算の実装ガイド","HyperFormulaを使用してExcelファイルを読み込み、セルを動的に編集して数式の再計算を行う実装方法を解説","/excel-viewer-hyperformula-implementation","2025-11-12T00:00:00.000Z",{"title":35,"description":36,"path":37,"publishedAt":38,"updatedAt":9},"コーディング規約ビューア実装アプローチの比較","ハッシュベースナビゲーションと動的ルーティングの比較検討","/coding-standards-viewer-approach-comparison","2025-11-18T00:00:00.000Z",{"title":40,"description":41,"path":42,"publishedAt":38,"updatedAt":9},"コーディング規約ビューアページのバグ分析と修正計画","Ctrl+キーボードショートカットとスクロール機能が動作しない問題の原因と解決策","/coding-standards-viewer-bugs-analysis",{"title":44,"description":45,"path":46,"publishedAt":38,"updatedAt":9},"コーディング規約ビューアのTOC開閉バグ修正","Cloudflareデプロイ後にTable of Contentsの開閉ができなくなった問題の原因と解決方法","/coding-standards-viewer-toc-reactivity-fix",{"title":48,"description":49,"path":50,"publishedAt":38,"updatedAt":9},"Draw.io動的埋め込み：採用した実装方法","Draw.ioファイルをVueコンポーネントに動的埋め込みする際に採用したサーバーミドルウェア方式の解説","/drawio-embedding-implementation",{"title":52,"description":53,"path":54,"publishedAt":38,"updatedAt":9},"Draw.ioファイルの動的埋め込み調査レポート","Draw.ioファイルをVueコンポーネント内で動的に読み込んで表示する方法の調査結果と実装方法","/drawio-dynamic-embedding-research",{"title":56,"description":57,"path":58,"publishedAt":59,"updatedAt":9},"Draw.io動的埋め込み：セキュリティレビュー","サーバーミドルウェアとVueコンポーネントのセキュリティ評価と推奨対策","/drawio-embedding-security-review","2025-11-19T00:00:00.000Z",{"title":61,"description":62,"path":63,"publishedAt":59,"updatedAt":64},"Nuxt 3でDraw.ioファイルを表示する完全ガイド","viewer.diagrams.netのCORS問題の解決策から実装コード、代替手段まで網羅的に解説。サーバーミドルウェアCORS設定、Base64埋め込み、iframe embed mode、maxGraphなど5つの実装方法を比較。","/nuxt3-drawio-complete-guide","2025-12-16T00:00:00.000Z",{"title":66,"description":67,"path":68,"publishedAt":69,"updatedAt":9},"MarkdownにVueコンポーネントを埋め込む方法","Nuxt ContentでMarkdownファイルにVueコンポーネントを正しく埋め込む方法と注意点","/how-to-embed-vue-components-in-markdown","2025-11-22T00:00:00.000Z",{"title":71,"description":72,"path":73,"publishedAt":69,"updatedAt":9},"Nuxt 3でTailwind CSSの任意値が効かない問題と解決方法","Vueコンポーネント内でTailwind CSSの任意値（h-[600px]など）が正しく適用されない問題とその解決方法","/tailwind-arbitrary-values-issue",{"title":75,"description":76,"path":77,"publishedAt":78,"updatedAt":9},"マークダウンページの目次がスクロール時に固定表示されない問題","position: stickyが機能せず、目次がスクロールで消える問題の調査と修正","/table-of-contents-sticky-issue","2025-11-27T00:00:00.000Z",{"title":80,"description":81,"path":82,"publishedAt":83,"updatedAt":83},"比例縮尺財務諸表コンポーネントのデバッグ記録","ProportionalFinancialStatements.vueのラベル表示問題の調査と解決","/proportional-financial-statements-debug","2025-12-09T00:00:00.000Z",{"title":85,"description":86,"path":87,"publishedAt":88,"updatedAt":88},"animation-demo-2 スクロールアニメーション教材コンポーネント","簿記教材向けのスクロール連動アニメーションページの設計と実装ドキュメント","/animation-demo-2-documentation","2025-12-12T00:00:00.000Z",{"title":90,"description":91,"path":92,"publishedAt":93,"updatedAt":94},"CompanyHeaderコンポーネント共通化計画","proportional-animation-qqq.vueの企業ヘッダー表示を共通コンポーネント化する実装計画","/company-header-component-plan","2025-12-13T00:00:00.000Z","2026-01-02T00:00:00.000Z",{"title":96,"description":97,"path":98,"publishedAt":93,"updatedAt":93},"財務諸表の単位自動切り替え機能（B/M）実装記録","比例縮尺財務諸表で企業規模に応じてBillion/Millionを自動切り替えする実装の詳細","/unit-switching-implementation",{"title":100,"description":101,"path":102,"publishedAt":103,"updatedAt":103},"財務データパイプライン - 全体像","KoyfinからChrome拡張機能でデータを取得し、SQLite経由でVueアプリに表示するまでの完全なデータフロー","/financial-data-pipeline-overview","2025-12-14T00:00:00.000Z",{"title":105,"description":106,"path":107,"publishedAt":108,"updatedAt":108},"NVIDIA EPS予測分析 - 四半期QoQオーバーライド機能実装進捗","四半期ごとのQoQ成長率を個別に編集できる機能の実装状況","/nvidia-eps-forecast-implementation-progress","2025-12-18T00:00:00.000Z",{"title":110,"description":111,"path":112,"publishedAt":108,"updatedAt":108},"NVIDIA EPS予測 Phase 8: 計算詳細テーブル追加","計算過程を可視化するExcelライクなテーブルコンポーネントの実装計画","/nvidia-eps-forecast-phase8-calculation-table",{"title":114,"description":115,"path":116,"publishedAt":108,"updatedAt":108},"NVIDIA EPS予測 Phase 9: チャート・タブ連動機能","計算詳細テーブルのPER/P/Sタブ切り替えに連動してチャート表示を切り替える機能の実装計画","/nvidia-eps-forecast-phase9-chart-tab-sync",{"title":118,"description":119,"path":120,"publishedAt":108,"updatedAt":108},"NVIDIA EPS予測ページ リファクタリング計画","2586行の巨大Vueファイルを管理可能なサイズに分割するリファクタリング計画","/nvidia-eps-forecast-refactoring-plan",{"title":122,"description":123,"path":124,"publishedAt":125,"updatedAt":125},"貸借対照表の幅拡張実装計画","比例縮尺財務諸表ページで貸借対照表を横幅いっぱいに広げる実装計画","/bs-width-expansion-plan","2025-12-19T00:00:00.000Z",{"title":127,"description":128,"path":129,"publishedAt":125,"updatedAt":125},"有利子負債の領域横断表示：技術的課題と代替案","流動負債と固定負債を跨ぐ有利子負債表示の実装課題と解決策の検討","/interest-bearing-debt-cross-section-challenge",{"title":131,"description":132,"path":133,"publishedAt":125,"updatedAt":125},"有利子負債表示改善の実装計画","比例縮尺財務諸表における有利子負債の表示を改善する実装計画","/interest-bearing-debt-display-plan",{"title":135,"description":136,"path":137,"publishedAt":138,"updatedAt":139},"ブログカレンダーの分類機能（category + todoフィールド）","frontmatterにcategoryとtodoフィールドを追加して、ブログカレンダーの記事カードを分類・色分けする機能の設計ドキュメント","/blog-calendar-highlight-feature","2025-12-20T00:00:00.000Z","2026-01-05T00:00:00.000Z",{"title":141,"description":142,"path":143,"publishedAt":138,"updatedAt":138},"ウォーターフォールチャート表示バグ調査レポート","PLWaterfallChart.vueでotherOperatingExpensesが表示されない問題の調査結果","/waterfall-chart-bug-investigation",{"title":145,"description":146,"path":147,"publishedAt":138,"updatedAt":138},"ウォーターフォールチャートのデータフロー解説","PLWaterfallChartコンポーネントへのデータの流れを解説","/waterfall-chart-data-flow",{"title":149,"description":150,"path":151,"publishedAt":152,"updatedAt":152},"日本語作文クイズ - 実装計画書","honda-sakubunスキルを2択・3択問題集アプリとして実装するための計画","/honda-sakubun-quiz-implementation-plan","2025-12-24T00:00:00.000Z",{"title":154,"description":155,"path":156,"publishedAt":157,"updatedAt":157},"Jリーグクラブ財務データ可視化 - 実装計画","JリーグJ1/J2/J3クラブの財務データを比例縮尺財務諸表で時系列表示する実装計画","/jleague-financial-data-structure","2025-12-25T00:00:00.000Z",{"title":159,"description":160,"path":161,"publishedAt":157,"updatedAt":157},"Jリーグ財務データビューアー修正要件","Jリーグ財務データビューアーのUI/UX改善に関する修正要件のまとめ","/jleague-financial-viewer-review",{"title":163,"description":164,"path":165,"publishedAt":166,"updatedAt":166},"ブログ記事のマークダウンコピー機能を実装","PC表示で共有ボタンとマークダウンコピーボタンを追加。frontmatterを除外した本文のみをコピーできる機能","/markdown-copy-feature","2025-12-31T00:00:00.000Z",{"title":168,"description":169,"path":170,"publishedAt":166,"updatedAt":166},"TableOfContents メトロラインデザイン仕様","目次コンポーネントのメトロライン（SVGパス）スタイル実装の設計仕様書","/toc-metro-line-design",{"title":172,"description":173,"path":174,"publishedAt":166,"updatedAt":9},"useOgMetaヘルパーのビルドエラー調査","NuxtコンポーザブルuseOgMetaがSSGビルド時に500エラーを引き起こす問題の調査記録","/useogmeta-build-failure-analysis",{"title":176,"description":177,"path":178,"publishedAt":139,"updatedAt":9},"Nuxt useAsyncDataのキャッシュ問題：クライアントナビゲーション時にデータが古い","ページ遷移時にuseAsyncDataがキャッシュを返し、最新のデータが反映されない問題をdedupe: 'defer'で解決","/blog-calendar-cache-issue",{"title":180,"description":181,"path":182,"publishedAt":139,"updatedAt":9},"東京散歩ルートマップ - Nuxt/Vue移行プロジェクト仕様書","東京の散歩ルートを地図上に表示するインタラクティブなWebアプリケーションの要件定義書。Nuxt 3 + Vue 3 + Leafletで実装。","/nuxt-walking-map-spec",{"title":184,"description":185,"path":186,"publishedAt":187,"updatedAt":9},"Memento Mori - 名言機能 & シェア機能 実装ドキュメント","メメントモリアプリに名言カスタマイズ機能とシェア画像生成機能を追加する実装ドキュメント。Vue 3 + Vite + Capacitor + Electronによるマルチプラットフォーム対応。","/memento-mori-implementation","2026-01-07T00:00:00.000Z",{"title":189,"description":190,"path":191,"publishedAt":187,"updatedAt":192},"cockpit-nuxt-vuetify Nuxt 4 移行計画（新規プロジェクト方式）","Nuxt 2プロジェクトを新規Nuxt 4プロジェクトとしてゼロから構築し、必要な機能を段階的に移植する計画","/nuxt2-to-nuxt4-migration-plan","2026-02-15T00:00:00.000Z",{"title":194,"description":195,"path":196,"publishedAt":187,"updatedAt":9},"TODOビュー機能 実装計画","ブログにプロジェクト別TODOビューを追加する実装計画。frontmatterにproject_nameを追加し、プロジェクトごとにグループ化表示する。","/todo-view-implementation-plan",{"title":198,"description":199,"path":200,"publishedAt":201,"updatedAt":9},"PlaywrightでVueコンポーネントをOGP画像に変換する","Cloudflare Workersでの動的OGP生成から、Playwrightによる静的OGP画像生成に移行した経緯と実装方法","/playwright-ogp-screenshot","2026-01-10T00:00:00.000Z",{"title":203,"description":204,"path":205,"publishedAt":206,"updatedAt":9},"デザイン原則の再帰的レビュー：49原則・294項目の品質検証","UIデザイン原則49個のGood/Bad事例294項目を、原則自身を評価基準として再帰的にレビューした結果と改善提案","/design-principles-recursive-review","2026-01-11T00:00:00.000Z",{"title":208,"description":209,"path":210,"publishedAt":211,"updatedAt":9},"2026年1月13日の開発日記 - Miller Columns UIと勘定科目AI判定の実装","税務アプリOCR CheckerにMiller Columns UIを実装し、勘定科目AI判定機能を追加。Claude Code会話自動記録の仕組みも構築した1日。","/2026-01-13-diary","2026-01-13T00:00:00.000Z",{"title":213,"description":214,"path":215,"publishedAt":211,"updatedAt":9},"NuxtでMiller Columns UIを実装する - macOS Finderライクな階層ナビゲーション","Vue 3/Nuxt 4でmacOS FinderのカラムビューをイメージしたMiller Columns UIを実装。3ペインレイアウト、キーボードナビゲーション、ループ移動などの実装過程を記録。","/miller-columns-ui",{"title":217,"description":218,"path":219,"publishedAt":211,"updatedAt":9},"OCRバリデーションUIの3カラムレイアウト実装","Nuxt 4でOCR結果とサブエージェント読取値を比較する3カラムテーブルUIを実装。APIデータが表示されない問題のトラブルシューティングも記録。","/ocr-validation-ui",{"title":221,"description":222,"path":223,"publishedAt":224,"updatedAt":225},"税務アシスタント: 手書き売上伝票OCR対応の設計と実装","Claude CodeとGemini APIを組み合わせた手書き売上伝票のOCR対応を実装。ドキュメントタイプのDB管理、クライアント別スキーマ、インポートコマンドの粒度分離、テーブル分離設計、UI実装までを1日で完了した記録","/tax-assistant-sales-slip-ocr","2026-01-14T00:00:00.000Z","2026-01-17T00:00:00.000Z",{"title":227,"description":228,"path":229,"publishedAt":224,"updatedAt":9},"Vueリストの自動スクロール実装 - scrollIntoViewのblock: centerで先読み表示","Vueのリストコンポーネントでキーボードナビゲーション時に選択アイテムを自動スクロールする方法。block: nearestとblock: centerの違いと使い分けを解説","/vue-list-autoscroll",{"title":231,"description":232,"path":233,"publishedAt":234,"updatedAt":9},"人生計画ExcelをWebアプリに移植する設計と実装方針","20シートからなる人生計画Excelファイルを、Nuxt 4とミラーカラムUIを使ってWebアプリ化する計画。フロントエンド先行開発、冗長バッファ設計、Scoped CSSなど、具体的な設計方針を記録。","/life-plan-webapp-migration","2026-01-16T00:00:00.000Z",{"title":236,"description":237,"path":238,"publishedAt":225,"updatedAt":9},"2026年1月17日の開発日記 - 人生計画シミュレーターUI実装","Nuxt 4で人生計画シミュレーターのUIを実装。ミラーカラム構成、段階損益テーブル、ウォーターフォールチャートを作成。CSSのstickyやNuxtキャッシュ問題も解決。","/2026-01-17-diary",{"title":240,"description":241,"path":242,"publishedAt":225,"updatedAt":9},"Nuxt 4で人生計画シミュレーターのUIを実装する","ミラーカラム構成のナビゲーション、段階損益形式のサマリーテーブル、ウォーターフォールチャートを実装した開発記録。","/life-plan-simulator-ui",{"title":244,"description":245,"path":246,"publishedAt":247,"updatedAt":9},"2026年1月18日の開発日記 - VS Codeショートカット問題とVue.jsリアクティビティ","VS CodeのCopilotコミットメッセージ生成ショートカットの不具合調査、およびVue.js 3でのSet型リアクティビティ問題を解決したCF Viewerのチェックボックス機能実装","/2026-01-18-diary","2026-01-18T00:00:00.000Z",{"title":249,"description":250,"path":251,"publishedAt":252,"updatedAt":9},"レシート一覧にソート機能を追加してOCRエラーを発見しやすくする","税務アシスタントの読み取り一覧UIを改善。ファイル名順にソートすることで、日付のOCR誤読を視覚的に検出できるようになった。","/receipt-list-sort-ui","2026-01-20T00:00:00.000Z",{"title":254,"description":255,"path":256,"publishedAt":257,"updatedAt":9},"Nuxt 3のcomposablesディレクトリ完全ガイド - componentとの違いと使い分け","Nuxt 3で導入されたcomposablesディレクトリの仕組みと、componentとの違いを解説。Nuxt 2からの移行ポイントや自動インポートの活用方法も紹介します。","/nuxt3-composables-guide","2026-01-21T00:00:00.000Z",{"title":259,"description":260,"path":261,"publishedAt":262,"updatedAt":9},"Nuxt/Vueで選択行をURLクエリパラメータに同期する実装","テーブルの選択行をURLに保持し、ブラウザバックで位置を復元する方法。クレカ明細ビューの実装例。","/nuxt-url-sync-selected-row","2026-01-22T00:00:00.000Z",{"title":264,"description":265,"path":266,"publishedAt":262,"updatedAt":9},"仕訳ルールUI改善：書類タイプ別の件数表示と条件付きカラム表示","ミラーカラムUIで書類タイプに応じた収支区分カラムの表示制御と、ルール件数の可視化を実装した記録","/shiwake-rules-ui-improvements",{"title":268,"description":269,"path":270,"publishedAt":271,"updatedAt":9},"2026年1月23日の開発日記 - tax-assistant大規模リファクタリング","仕訳ルールのDBベース移行、Design Systemページ構築、カスタムリンター作成など、tax-assistantの大規模改善を実施","/2026-01-23-diary","2026-01-23T00:00:00.000Z",{"title":273,"description":274,"path":275,"publishedAt":271,"updatedAt":9},"Claude CodeとClaude Webを組み合わせてSVG状態遷移図を作った話","UIの色ルールを説明する状態遷移図をSVGで作成。Claude Codeだけでは難しかった部分をClaude Webの図解能力で補完し、最終的にインタラクティブなVueコンポーネントに仕上げた過程を記録","/svg-state-diagram-with-claude",{"title":277,"description":278,"path":279,"publishedAt":280,"updatedAt":9},"2026年1月24日の開発日記 - Codex再帰レビューで計画品質をCriticalゼロに","PR #14のCopilot指摘対応、勘定科目マスターDB化計画のCodex再帰レビュー10回、仕訳タブPhase 1実装、日付形式統一計画、月次推移表の改善など","/2026-01-24-diary","2026-01-24T00:00:00.000Z",{"title":282,"description":283,"path":284,"publishedAt":285,"updatedAt":9},"2026年1月25日の開発日記 - 計画ページMiller Columns化とGMO CSV仕訳インポート設計","月次推移表リンク機能、計画ページのMiller Columns風レイアウトへの大幅リデザイン、仕様書表示機能、GMO CSV仕訳インポート計画、日付形式統一マイグレーション完了など","/2026-01-25-diary","2026-01-25T00:00:00.000Z",{"title":287,"description":288,"path":289,"publishedAt":290,"updatedAt":9},"勘定科目マスターDB化の実装記録","マネーフォワード会計CSVからの勘定科目マスター取り込み、API実装、MatrixViewの動的分類対応、Codex12回レビューによる計画品質向上まで","/account-master-db-implementation","2026-01-26T00:00:00.000Z",{"title":292,"description":293,"path":294,"publishedAt":290,"updatedAt":9},"2026年1月26日の開発日記 - 月シミュレーター完成と税務アシスタントUI大改修","PR#55の月シミュレーター対応、日食・月食機能追加、tax-assistantのデザインシステム分割・勘定科目マスターDB化実装、3つの計画書策定を完了した充実の1日","/2026-01-26-diary",{"title":296,"description":297,"path":298,"publishedAt":290,"updatedAt":9},"月の満ち欠けシミュレーター機能強化 - Tailwind CSS変換からSEO対応まで","PR#55のレビュー対応として、Tailwind CSSからscoped CSSへの変換、日食・月食シミュレーターの新規追加、アクセシビリティ改善、ユニットテスト追加までの一連の開発ログ","/moon-simulator-enhancement",{"title":300,"description":301,"path":302,"publishedAt":303,"updatedAt":9},"Miller Columnsフィルタコンポーネント統一計画：7タブの調査と3タイプへの整理","eurekapu財務データSaaSの7つのタブで使用されているMiller Columnsコンポーネントを調査し、3つのタイプ（フィルタ/選択/詳細）に分類。重複実装の問題を解消し、統一されたコンポーネント設計へ向けた計画をまとめる。","/miller-columns-unification-plan","2026-01-27T00:00:00.000Z",{"title":305,"description":306,"path":307,"publishedAt":308,"updatedAt":9},"キーボードナビゲーション改善とデザインシステムへの原則追加","tax-assistantのキーボードナビゲーション改善作業ログ。パターンカラムの勘定科目順ソート、allFilteredRulesのソート順修正、ループナビゲーション原則の導入、履歴ナビゲーションテストの修正を実施","/keyboard-navigation-design-system","2026-01-28T00:00:00.000Z",{"title":310,"description":311,"path":312,"publishedAt":308,"updatedAt":9},"仕訳ルールUIの大幅改善 - 帳票タイプ別表示とカラム構成変更","shiwake_rulesテーブルへのdocument_type_id追加、書類タイプ別の帳票タイプ表示、RuleListViewのカラム構成変更、収支区分の自動選択・disabled表示、件数表示の追加など、仕訳ルール管理画面のUI/UXを大幅に改善した開発ログ","/shiwake-rules-ui-improvement",{"title":314,"description":315,"path":316,"publishedAt":317,"updatedAt":9},"株主総会タイムラインのインタラクティブ可視化 - Nuxt 3で法定スケジュールを表現する","株主総会の法定スケジュールを縦型タイムライン・ガントチャート・参照パネル付きで可視化。JSON→TypeScript変換、スキーマ設計、決算短信と会計監査の実務的関係も解説","/agm-timeline-interactive-visualization-2026-01-29","2026-01-29T00:00:00.000Z",{"title":319,"description":320,"path":321,"publishedAt":317,"updatedAt":9},"モールス信号アプリ開発記 - 二分木ビジュアライザーとフレーズ再生機能の実装","Nuxt 3でモールス信号の学習アプリを開発。二分木による符号体系の可視化、パス追跡アニメーション、フレーズ再生機能を実装。英語と和文モールスの設計思想の違いも解説","/morse-code-app-development-2026-01-29",{"title":323,"description":324,"path":325,"publishedAt":317,"updatedAt":9},"tax-assistantにスラッシュコマンドビューア機能を実装 - FastAPI + Vue 3カラムレイアウト","Claude Codeのスラッシュコマンド一覧をWebブラウザで閲覧できるビューア機能を実装。FastAPI APIエンドポイント、Vue 3カラムレイアウト、フェーズ別分類を解説","/tax-assistant-slash-command-viewer-2026-01-29",{"title":327,"description":328,"path":329,"publishedAt":330,"updatedAt":9},"クレカ明細ビューアのデザインシステムとステータス管理を整理した","check_statusのリネーム、バッジデザインの統一、進捗バーの色ルール整理、design-tokens.tsへのカラールール文書化など、税務アシスタントのUI/UXを体系的にリファクタリングした記録","/design-system-status-refactoring-2026-01-31","2026-01-31T00:00:00.000Z",{"title":332,"description":333,"path":334,"publishedAt":335,"updatedAt":9},"連結精算表インタラクティブビューアー実装計画","連結精算表をミラーレイアウトで分割表示し、仕訳とワークシート間をリンクで行き来できるインタラクティブビューアーの設計と検証ポイント","/consolidated-worksheet-viewer","2026-02-01T00:00:00.000Z",{"title":337,"description":338,"path":339,"publishedAt":335,"updatedAt":9},"連結精算表インタラクティブビューアーの設計と実装 - Miller Columnsで連結会計を可視化する","Miller Columns（4カラム）パターンで連結精算表をインタラクティブに操作できるビューアーを実装した。3階層ナビゲーション、個別財務諸表の勘定式レイアウト、矢印キーナビ、テストによるデータ検証まで。","/consolidated-worksheet-viewer-2026-02-01",{"title":341,"description":342,"path":343,"publishedAt":335,"updatedAt":9},"2026年2月1日の開発日記 - 連結精算表ビューアーとローン返済シミュレーターの大規模実装","連結精算表のMiller Columnsビューアーを4カラム構成で構築し、2年目データ対応やsticky実装まで完了。ローン返済シミュレーターでは仕訳CSV出力・営業日判定・据え置き対応を追加。gogcliスキルも整備した1日。","/2026-02-01-diary",{"title":345,"description":346,"path":347,"publishedAt":335,"updatedAt":9},"ローン返済シミュレーターに仕訳CSV出力・営業日判定・据え置き期間を実装した全記録","Nuxt 3製ローンシミュレーターにMFクラウド会計対応の仕訳CSV出力、祝日スキップの営業日判定、元金据え置き期間、丸め誤差の最終回調整を追加した開発ログ","/loan-simulator-journal-csv-2026-02-01",{"title":349,"description":350,"path":351,"publishedAt":335,"updatedAt":9},"ローンシミュレーターのリファクタリング：カンマ入力・比較表示・テスト追加","Vue.jsローン返済シミュレーターに入力欄のカンマ自動表示、元利均等・元金均等の並列比較表示、計算ロジックの分離とVitestによる29件のテストを追加した記録","/loan-simulator-refactoring",{"title":353,"description":354,"path":355,"publishedAt":356,"updatedAt":9},"連結精算表のUI改善とデータバグ修正 - 矢印線・多列テーブル・貸借バランス","連結精算表コンポーネントにおけるPL→BS矢印接続線のCSS実装、個別財務諸表の多列テーブル化、資本剰余金・未実現利益の数値バグ修正、セクションヘッダースタイル改善の開発ログ","/consolidated-worksheet-ui-data-fixes-2026-02-02","2026-02-02T00:00:00.000Z",{"title":358,"description":359,"path":360,"publishedAt":356,"updatedAt":9},"2026年2月2日の開発日記 - 連結精算表の大規模リファクタリングとChrome拡張機能修正","連結精算表のパスベースルーティング移行、矢印線UI実装、個別財務諸表の多列テーブル化、データバグ修正、セクションヘッダー改善、Chrome拡張機能のX動画ダウンロード修正など、盛りだくさんの1日","/diary-2026-02-02",{"title":362,"description":363,"path":364,"publishedAt":365,"updatedAt":9},"消費税経理処理パターン抽出・ビューア開発ログ - スキーマ設計からID連番チェックまで","税務マニュアル画像からの消費税経理処理パターン抽出、TypeScriptスキーマ設計、サブエージェント並列処理、ミラーカラムレイアウトビューア、ID連番チェックテストの実装記録","/consumption-tax-patterns-2026-02-04","2026-02-04T00:00:00.000Z",{"title":367,"description":368,"path":369,"publishedAt":370,"updatedAt":9},"Basic English 850 語彙学習サイトを1日で実装した記録","Ogden の Basic English 850 語を学べるインタラクティブな学習サイトを、Miller Column レイアウト・クイズエンジン・音声再生付きで実装した開発ログ","/basic-english-850-implementation","2026-02-10T00:00:00.000Z",{"title":372,"description":373,"path":374,"publishedAt":370,"updatedAt":9},"CF精算表ビューアをtax-assistantから移植し、データ修正とExcel出力を実装した","キャッシュ・フロー精算表ビューアの移植、341KB JSONの分割、全10シートのエラー修正、ExcelJS によるExcelエクスポート機能の開発ログ","/cf-worksheet-viewer-migration",{"title":376,"description":377,"path":378,"publishedAt":370,"updatedAt":9},"LP改善 - サムネイル共通コンポーネント化・デプロイスクリプト・UTF-8 BOM問題","業種別LPの記事サムネイルをArticleThumbnail.vueに共通化し、デプロイスクリプトのウォームアップ分離とリトライロジック追加、PowerShellのUTF-8 BOM問題を修正した記録","/tax-lp-thumbnail-deploy-improvements",{"title":380,"description":381,"path":382,"publishedAt":383,"updatedAt":9},"CF精算表エコシステムの大改善 -- Excel数式・間接法CF計算書・双方向リンク・UIリファクタ","CF精算表ビューアを中心に、財務三表シートのExcel計算式組込み、isPLAccountバグ修正、CF計算書の間接法化、精算表と計算書の双方向リンク、B/S増減符号統一など、一日で行った大規模改善の記録。","/cf-worksheet-ecosystem-improvements-2026-02-11","2026-02-11T00:00:00.000Z",{"title":385,"description":386,"path":387,"publishedAt":383,"updatedAt":9},"投資・財務シート改修とIBテーブルスタイルの導入","InvestmentSheetをMiller Column構造に改修し、償却スケジュールの月次表示を実装。FinanceSheetには仕訳テーブルを追加。IBスタイル（色分け・ハイライト）をスキル化して横展開した作業ログ。","/investment-finance-sheet-ib-style-2026-02-11",{"title":389,"description":390,"path":391,"publishedAt":383,"updatedAt":9},"仕訳ベース会計データシステムの構築 - CF精算表との貸借一致を保証する設計","useAccountingData composableを新規作成し、期首残高仕訳と期中仕訳を一元管理。試算表の貸借一致チェック、loan-calculatorの端数処理修正、BS現金行の減価償却費バグ修正など、会計データの整合性を保証する仕組みを構築した。","/journal-based-accounting-system-2026-02-11",{"title":393,"description":394,"path":395,"publishedAt":396,"updatedAt":9},"2026年2月13日の開発日記 - 理科学習コンテンツの大規模構築と4プロジェクト並行開発","理科Miller Columnページの構築、Tokyo Soundscapeプロジェクト立ち上げ、医療費87件OCR処理、業種別LP英語対応・全サイトデプロイなど、4プロジェクトにまたがる濃密な1日の記録","/2026-02-13-diary","2026-02-13T00:00:00.000Z",{"title":398,"description":399,"path":400,"publishedAt":396,"updatedAt":9},"小学理科の学習コンテンツをMiller Column UIで一気に構築した話","参考書100トピックの目次登録、React JSXからVue SFCへの変換スキル、オシロスコープ風波形UI、クイズ・復習システムなど、理科学習コンテンツの大規模開発ログ","/science-content-development-2026-02-13",{"title":402,"description":403,"path":404,"publishedAt":405,"updatedAt":9},"BlogCalendarのカテゴリ整理 - diaryカテゴリ追加とフィルタUI改善","BlogCalendar.vueにdiaryカテゴリを新設し、開発日記を独立したフィルタとして管理できるようにした。既存34件のdiaryファイルの一括変更、型定義・スキーマ更新、日記優先ソート機能の実装まで。","/blog-calendar-category-improvement-2026-02-14","2026-02-14T00:00:00.000Z",{"title":407,"description":408,"path":409,"publishedAt":405,"updatedAt":9},"収録カレンダーとスポット管理の実装 -- 年間スケジュール可視化とセキュリティ対策","Tokyo Soundscapeプロジェクトの収録カレンダー（年間一覧表）とスポット管理機能を実装。GPS座標の公開リスク対策、useSpotCalendar composable、桜スポット追加、年間サマリー自動計算などの作業ログ。","/recording-calendar-spot-management-2026-02-14",{"title":411,"description":412,"path":413,"publishedAt":414,"updatedAt":9},"税務アシスタント開発ログ - 新規クライアント対応・レシートOCR100件超・税区分トグル実装","tax-assistantプロジェクトの開発記録。読み取り一覧のインデックス不一致バグ修正、4人目のクライアント登録、レシートOCR100件超のバッチ処理、補助元帳CSVインポート、税区分トグルUI実装、MF仕訳CSVエクスポートまでの一日。","/tax-assistant-tax-category-2026-02-20","2026-02-20T00:00:00.000Z",{"title":416,"description":417,"path":418,"publishedAt":419,"updatedAt":9},"プロジェクトタイムラインビューアの構築 - ガントチャート風レイアウトで開発ログを俯瞰する","Nuxt 3でプロジェクト横断のタイムラインビューアを構築。横軸=プロジェクト・縦軸=日付のガントチャート風レイアウトに、日次・週次・月次の3ビューモードを実装した記録。","/project-timeline-viewer-2026-02-22","2026-02-22T00:00:00.000Z",{"title":421,"description":422,"path":423,"publishedAt":424,"updatedAt":9},"クレカ明細の返品仕訳バグ修正 - is_refundフラグ実装と借方貸方反転ロジック","クレジットカード明細でプラス値（返品）が発生した際に仕訳の借方・貸方が反転しないバグを修正。is_refundフラグの実装からUI制御まで一連の対応を記録。","/creditcard-refund-journal-fix-2026-02-27","2026-02-27T00:00:00.000Z",{"title":426,"description":427,"path":428,"publishedAt":424,"updatedAt":9},"税務アシスタント外貨建てレシート対応 - アルゼンチンペソの$問題からis_foreign_currencyフラグのフルスタック実装まで","アルゼンチンペソがドル記号$を使う問題をきっかけに、外貨建てレシート判定フラグをGemini OCR・DB・API・フロントエンドの全レイヤーで実装した開発ログ","/foreign-currency-receipt-2026-02-27",{"title":430,"description":431,"path":432,"publishedAt":433,"updatedAt":9},"教育コンテンツUIを抜本改善 - Theater型・Scrollytelling・ミラーカラムレイアウト","スライド教材の表示UIをTheater型・Scrollytelling・ミラーカラムレイアウトの3パターンで実装・比較。Theater型を採用しコンポーネント化、743行→140行にスリム化","/theater-scrollytelling-content-ui","2026-03-12T00:00:00.000Z",{"title":435,"description":436,"path":437,"publishedAt":438,"updatedAt":9},"Miller Columns UIコンポーネントの進化 - スライドナビゲーションとゲーミフィケーション","TheaterViewer/MillerViewerのスタイル改善、4カラム化、全65スライドフラットナビゲーション、進捗バーのゲーミフィケーション、アスペクト比問題の解決、コンポーネント抽出までの1日の記録。","/miller-columns-ui-evolution","2026-03-13T00:00:00.000Z",{"title":440,"description":441,"path":442,"publishedAt":443,"updatedAt":9},"2026年3月14日の開発日記 - MillerViewerを書籍体験に進化させた日","MillerViewerのバグ修正から始まり、書籍風構造化目次、ディープリンク、Udemy撮影用フォーカスモード、シーンカードトランジションまで一気に実装した1日の記録。","/2026-03-14-diary","2026-03-14T00:00:00.000Z",{"title":445,"description":446,"path":447,"publishedAt":443,"updatedAt":9},"MillerViewerの書籍風目次とディープリンク対応 - URLベースからnameベースへの転換","MillerViewerのチャプター選択をnameベースマッチングに変更し、書籍風の構造化目次、クエリパラメータによるディープリンク、singleSectionMode、セクション単位の要約データを実装した記録。","/miller-viewer-toc-redesign",{"title":449,"description":450,"path":451,"publishedAt":443,"updatedAt":9},"Udemy撮影用フォーカスモードの設計と実装 - 全幅表示・進捗バー・シーンカード","動画撮影用にColumn 2/3を非表示にするフォーカスモードを設計・実装。useFocusMode composable、パンくずリスト統合進捗バー、セクション境界のシーンカードトランジション、localStorageによるスライド位置復帰まで。","/udemy-focus-mode-implementation",{"title":453,"description":454,"path":455,"publishedAt":456,"updatedAt":9},"MillerViewerのレスポンシブ対応修正 - モバイル画像非表示バグとiPad Pro 2カラムレイアウト","MillerViewerの:deep() CSSオーバーライドがTheaterViewerのモバイルレイアウトを破壊していた問題を修正し、iPad Pro フォーカスモード時の2カラムレイアウトを実装した記録。","/miller-viewer-responsive-fix","2026-03-15T00:00:00.000Z",{"title":458,"description":459,"path":460,"publishedAt":456,"updatedAt":9},"MillerViewer SSRハイドレーションバグ修正と純粋関数リファクタリング","MillerViewerの3列目で二重ハイライトが発生するSSRハイドレーションバグを特定・修正し、純粋関数の抽出リファクタリングと28件のユニットテストを追加した記録","/miller-viewer-ssr-hydration-fix",{"title":462,"description":463,"path":464,"publishedAt":456,"updatedAt":9},"会計学習コンテンツのナレーション機能構築 - VOICEVOX・GCP TTS・Cloudflare R2","会計学習スライドに音声ナレーション機能を追加。VOICEVOX APIで181台詞分の音声を生成し、Google Cloud TTS Chirp 3 HDで高品質化。NarrationViewer.vueで自動再生・倍速・シーン一覧を実装し、Cloudflare R2で配信するまでの記録。","/narration-feature-voicevox-gcp-tts",{"title":466,"description":467,"path":468,"publishedAt":469,"updatedAt":9},"ナレーションコンテンツ改善とNarrationViewer拡張 - レビュー・音声・テスト・動画レンダリング","Chapter 01+04のナレーション196行を通しレビューし8件の問題を修正。NarrationViewerにmessageLine表示・ステレオパン・デバッグパネルを追加。Playwright+ffmpegで動画レンダリングを試行し、Vitestで49テストを新規作成して全292テスト合格。","/narration-viewer-improvements","2026-03-16T00:00:00.000Z",{"title":471,"description":472,"path":473,"publishedAt":474,"updatedAt":9},"簿記入門『概要とまとめ』インタラクティブセクションをMiller Columns 4列目に移行した記録","旧プロジェクトの財務3表コンポーネント・取引入力・段階的表示をMiller Columnsの4列目slot機構で再現。aspect-ratio問題を3回直し、画像マッピングのずれをChrome DevToolsで追い詰めた1日の記録。","/bookkeeping-interactive-summary-migration","2026-03-18T00:00:00.000Z",{"title":476,"description":477,"path":478,"publishedAt":479,"updatedAt":9},"React TSXの掛け算スライドショーをVue.jsに移植した記録","React TSX製の面積図アニメーションスライドショーをNuxt 3のVueページに変換。CSSトランジションの:key問題やworktree環境でのpnpm問題を解決した過程を記録。","/multiplication-slideshow-vue","2026-03-22T00:00:00.000Z",{"title":481,"description":482,"path":483,"publishedAt":484,"updatedAt":9},"比例縮尺財務諸表リファレンスをCodexで3回レビューして仕上げた","比例縮尺BS/PL + PL/CFウォーターフォールのコンポーネント群を別プロジェクトに渡すためのリファレンスドキュメントを作成し、Codex（GPT-5.4）で3回レビューを回して品質を引き上げた作業ログ","/codex-review-financial-reference","2026-04-11T00:00:00.000Z",{"title":486,"description":487,"path":488,"publishedAt":484,"updatedAt":9},"EDINET財務データの可視化ページを新規実装 -- ウォーターフォール・比例縮尺BS/PL・時系列チャートの3カラム構成","EDINETの財務データを使い、営業利益増減ウォーターフォール・比例縮尺BS/PL・時系列チャートを3カラムレイアウトで実装。貸借不一致バグの原因追究、R&D桁間違い修正、テスト113件作成までの記録","/edinet-financial-visualization",{"title":490,"description":491,"path":492,"publishedAt":493,"updatedAt":9},"CF精算表ステップ学習ページの構築 - Codexレビューで致命的問題を2つ潰した記録","CF精算表の学習コンテンツをVueページとして構築。Codexレビューで配信不可パスとCSS汚染を検出し、設計を修正した過程を記録","/cf-step-learning-pages","2026-04-20T00:00:00.000Z",{"title":495,"description":496,"path":497,"publishedAt":493,"updatedAt":9},"2026年4月20日の開発日記 - CF教材のビューア・リファレンス・SVG図解を一気に構築","CF基準条文ビューアの解決率100%化、実務リファレンスページ新規構築、ステップ学習Vueページ化、59件のSVG図解一括変換を1日で完走した記録","/2026-04-20-diary",{"title":499,"description":500,"path":501,"publishedAt":502,"updatedAt":9},"CF計算書ステップ教材を5分割・正式名称統一・SVG量産で作り直した記録","Ch0の1ファイル詰め込みを5ページに分割し、BS/PL略語を正式名称に統一、StepNavコンポーネント化、会社法条文追加、SVG図の大量作成まで1日で走り切った開発ログ","/cf-statement-step-learning-overhaul","2026-04-21T00:00:00.000Z",{"title":504,"description":505,"path":506,"publishedAt":507,"updatedAt":9},"3600行のドラフトMDを11個のVueページに変換し、stepsレイアウトを汎用化した記録","会計テキスト教材10章分のマークダウンをVueページへ変換。ドラフトがCloudflareで表示されない原因を突き止め、レイアウトをstepsに統一し、SVGパス解決やトップページ追加まで一気に進めた1日の記録","/beppyo-vue-conversion","2026-04-22T00:00:00.000Z",{"title":509,"description":510,"path":511,"publishedAt":507,"updatedAt":9},"2026年4月22日の開発日記 - 別表教材を一気にVue化・SVG化、E2Eテストも修正してマージ","会計教材の別表コンテンツをVueページ11本に変換し、デフォルメSVG22枚を制作。E2Eテスト3原因を修正してPRマージ。インタラクティブ別表アプリの設計をCodex4回レビューで詰め、書籍2冊のOCR+DB格納も完了した1日","/2026-04-22-diary",{"title":513,"description":514,"path":515,"publishedAt":507,"updatedAt":9},"仕訳チェックボックスで別表四・五(一)が連動するインタラクティブアプリの設計","法人税の中間納付と期末決算を題材に、仕訳のON/OFFでSVG別表が即座に変わるインタラクティブアプリを設計。Codexレビュー4回の反復で計画書を詰めた記録","/interactive-beppyo-design",{"title":517,"description":518,"path":519,"publishedAt":520,"updatedAt":9},"教育コンテンツのUI改善 — ミラーカラムからスクロール形式へレイアウトを変換した記録","CF計算書boki3/ch0のミラーカラムレイアウトをスクロール形式に変換し、stepsのスタイル適用、右TOC追加、SVG表示修正、Excel基礎講座への横展開まで、ユーザーの要望を何度もヒアリングしながら進めた1日の記録","/miller-to-scroll-layout-conversion","2026-04-23T00:00:00.000Z",{"title":522,"description":523,"path":524,"publishedAt":525,"updatedAt":9},"boki3（CF計算書3級編）の章順並び替えとexam削除を Codexレビュー付きで実施した記録","eurekapuのboki3を steps と整合するライフサイクル順（株主資本→借入金→運転資本→…）に並び替え、配当セクションとexamページを削除して教材A化した記録。計画書を一度上書きしてしまい git staging から復元した試行錯誤と、Codex レビューで指摘された Phase 間の中途半端状態を解消する設計修正までの実装過程","/boki3-chapter-reorder-and-exam-removal","2026-04-24T00:00:00.000Z",{"title":527,"description":528,"path":529,"publishedAt":525,"updatedAt":9},"CFパイプラインの全体把握と Excel vs Vue アーキテクチャ比較ドキュメントの整備","株主資本ライフサイクルのCF精算表生成パイプライン3ステップ（取引モジュール → 年次推移表 → CFWS）を読み解き、Excel と Vue の精算表アーキテクチャ比較ドキュメントを Codex レビューで6点修正しながら仕上げた1日の記録。最後に「最終的なキャッシュフロー計算書」シート未作成の3段階計画を MoM として書き残した","/cf-skills-and-excel-vs-vue-doc",{"title":531,"description":532,"path":533,"publishedAt":534,"updatedAt":9},"CFWS v2のクリックでセル単位ハイライト — scrollIntoViewと全navigate型への横展開記録","キャッシュフロー精算表の各セルをクリックすると、関連シートの対応セルがオレンジ枠でハイライトされて画面中央にスクロールする機能を実装した記録。建物と備品を別々にハイライトする複合キー設計、CSS specificityで色が出ない罠、全navigate型への横展開、simplifyリファクタまでの試行錯誤をまとめる","/cfws-v2-cell-highlight","2026-04-27T00:00:00.000Z",{"title":536,"description":537,"path":538,"publishedAt":534,"updatedAt":9},"キャッシュフロー精算表v2: 逆算スクリプトから「取引→仕訳→年次推移→CFWS」順方向ロジックへ全面書き換え（Phase 1〜8一気通貫実装記録）","別リポジトリ eurekapu-nuxt4 で進めたCFWS（キャッシュフロー精算表）v2の設計・実装ログ。既存v1は「CFWSから逆算してスクリプトで仕訳生成」する逆向き構造だったため、v2では「取引モジュール→仕訳→年次推移表→CFWS」の順方向に全面書き換え。Phase 1（骨組み）からPhase 8（CF計算書専用シート＋IBフォーマット）までを1日で通し、Codex GPT-5.4のレビューを4往復挟んでVitest 86件pass。設立シナリオ・ローン3本・固定資産2件・FY202603形式統一・cashTransferDiff厳密検算など、詰まりと修正の経緯を残す。","/cfws-v2-forward-architecture",{"title":540,"description":541,"path":542,"publishedAt":534,"updatedAt":9},"2026年4月27日の開発日記 - CFWS v2 順方向化を1日で Phase 1〜8 まで通し、AEHR/Lumentum/AAOI 投資メモも公開","別リポジトリ eurekapu-nuxt4 でCFWSの構造を逆向きから順方向に組み直す大改修を1日で実装。Codex GPT-5.4 のレビューを4往復挟んで Vitest 86件 pass。並行して mdx-playground で AEHR の積み上げチャートと Lumentum/AAOI の投資判断メモ計3本を公開。Excel シート間参照を PNG で図解する pywin32 + Pillow スクリプトも試作した。","/2026-04-27-diary",{"title":544,"description":545,"path":546,"publishedAt":547,"updatedAt":9},"CF精算表ページに年次推移表を追加、列幅をピクセル単位で揃えて財務3表を縦並びにした","別リポジトリ eurekapu-nuxt4 で /v2/statement と /v2/accounting/annual-table の年次推移表を統一し、CF精算表のCF計算書直下に年次推移表を差し込んで財務3表の縦並びを実現した。table-layout: fixed と列幅定数化でピクセル単位の完全一致まで詰めた記録。","/2026-04-29-cf-annual-table-column-alignment","2026-04-29T00:00:00.000Z",{"title":549,"description":550,"path":551,"publishedAt":547,"updatedAt":552},"2026年4月29日の開発日記 - 蔵書841冊タグ付け／ScrollArticle共通化／GIF→SVGアニメ","蔵書841冊にセミラティス的タグを付け、Excel講座の統合記事パターンを共通コンポーネントに集約。CF精算表に年次推移表を加えて列幅をピクセル単位で揃え、GIFターンテーブルを75フレームに分解してSVGアニメを7種作った1日。","/2026-04-29-diary","2026-07-16T00:00:00.000Z",{"title":554,"description":555,"path":556,"publishedAt":547,"updatedAt":9},"Excel講座の統合記事パターンを ScrollArticle に共通化した日","Excel講座でフック→伏線→回収構造を導入し、目次レイアウトの差異を ScrollArticle.vue として共通化。Codex 3回レビューを経てモバイル重複バグも潰した一日の記録。","/2026-04-29-excel-scroll-article-unification",{"title":558,"description":559,"path":560,"publishedAt":547,"updatedAt":9},"/restructure-book を Turso API に書き換えて専門書2冊（752チャンク→126セクション）に再構造化を流した","ローカルDB前提だった旧 /restructure-book コマンドを Turso API 用に全面書き換えし、連結CFマニュアル（341→31）と設例CF Q&A（411→95）の2冊を再構造化。蔵書UIに「整」「済」バッジを並べて進捗を一目で読めるようにし、書籍ページから /shelf へのリンクも右上に追加した。","/2026-04-29-restructure-book-turso-migration",{"title":562,"description":563,"path":564,"publishedAt":547,"updatedAt":9},"蔵書841冊にセミラティス的タグを付ける：サブエージェント8並列＋Codex2回レビュー＋コンテンツ軸の追加","Amazonメタ全件取得でcp932エンコードエラーに遭遇しながら、841冊の蔵書をサブエージェント8並列でセミラティス的にタグ付けした。Codexにv1とv3の2回レビューを依頼してキー設計を直し、ユーザー要望からコンテンツ軸（第3軸）を追加。自動付与＋全件再走査の二段構えで98ペアを補正した。","/2026-04-29-shelf-semilattice-tagging",{"title":566,"description":567,"path":568,"publishedAt":569,"updatedAt":9},"連結会計レッスンを Vue + データ駆動でフルスクラッチ実装","HTMLプロトタイプを Vue + 型付きデータに置き換え、設例I-2-1〜I-3-3を全6本実装。Codex GPT-5.5の再帰レビューで二重計上の致命点を潰し、列単位集約モーダルまで設計した1日の記録","/2026-04-30-consolidated-accounting-vue-implementation","2026-04-30T00:00:00.000Z",{"title":571,"description":572,"path":573,"publishedAt":569,"updatedAt":9},"2026年4月30日の開発日記 - 連結会計レッスンをVue化し、TAC公認会計士テキスト11冊を取り込んだ日","連結会計レッスンをHTMLプロトタイプからVue+データ駆動に置き換え、設例I-2-1〜I-3-3の6本を実装。並行してTAC公認会計士テキスト11冊をyomitokuでDB格納。Chrome拡張のX検索エクスポーターはGraphQL断念→DOMスクロールで決着。","/2026-04-30-diary",{"title":575,"description":576,"path":577,"publishedAt":578,"updatedAt":9},"クイズの復習フィルタを「累計誤答」から「直近連続誤答」に変えた話","都道府県位置クイズで採用していた『過去3回で1回以上間違えた』フィルタを『直近で連続して間違えた』フィルタに置き換えた。仕分けクイズなど他の暗記系コンテンツでも転用したい復習パターンのメモ。","/quiz-streak-filter-design","2026-05-15T00:00:00.000Z",{"title":580,"description":581,"path":582,"publishedAt":583,"updatedAt":9},"連結会計レッスンの仕訳モーダルを3部構成に拡張：個別→連結あるべき→連結修正の差分検算","連結会計I-2-1〜I-3-3の6設例で、個別上の処理を前提条件エリアに追加し、JournalEntryModalを3部構成（個別／連結あるべき／連結修正）に再設計。bookRowId単位で『② − ① = ③』を自動検算し、Codexレビューで方針転換した過程を含めて記録する。","/consolidated-3part-modal-expansion","2026-05-01T00:00:00.000Z",{"title":585,"description":586,"path":587,"publishedAt":583,"updatedAt":9},"簿記学習用インタラクティブ仕訳エンジンを純HTMLで実装した話","仕訳プッシュで残高試算表が動く学習UIを実装。シンプル化バグ、UI指示の取り違え、スクショなしで「正常」判定したミスまで含めた試行錯誤の記録","/interactive-journal-engine",{"title":589,"description":590,"path":591,"publishedAt":592,"updatedAt":9},"簿記3級ノートに財務影響モードを実装。▲表記・12月決算化・貸借一致バグ修正まで一気に","簿記3級のインタラクティブ仕訳エンジンに財務影響モードを追加。会計慣習の▲表記・12月決算化・残高試算表の貸借不一致バグ修正をHTML版とVue版の両方に反映","/2026-05-03-bookkeeping3-financial-impact-mode","2026-05-03T00:00:00.000Z",{"title":594,"description":595,"path":596,"publishedAt":592,"updatedAt":9},"case100 書籍79論点をVueページに一括移植。レスポンシブと仕訳帳UIを一緒に整える","Excel→TypeScript パイプラインで生成した79論点を Vueページ として一括出力。PCワイド画面では仕訳カード縦並び、狭い画面ではタブ形式に切り替えるレスポンシブUIも実装","/2026-05-03-case100-vue-migration",{"title":598,"description":599,"path":600,"publishedAt":592,"updatedAt":9},"簿記3級の決算振替仕訳に専用Vueコンポーネントを切り出した話","既存 JournalExample.vue で表現できない決算振替仕訳のために ClosingTransferExample.vue を新規作成。T勘定可視化・連鎖取消・pillアニメ・整合性保証テストまで1日で完走","/2026-05-03-closing-transfer-example-component",{"title":602,"description":603,"path":604,"publishedAt":592,"updatedAt":9},"2026年5月3日の開発日記 - case100書籍を1日で79論点パイプライン化、Vue移植まで完走","会計の参考書100ケース集のExcel→TypeScript→Vueパイプラインを1日で79論点まで構築。決算振替の専用コンポーネントも切り出して、ブラウザで動かしながらPRマージまで完走した日","/2026-05-03-diary",{"title":606,"description":607,"path":608,"publishedAt":609,"updatedAt":9},"case100 第III部の76論点をClaude Codeのサブエージェント並列5セッションで一気に本版化した記録","75論点の叩き台を本版化するために、Claude Codeのサブエージェントを5並列で走らせた記録。共通index.tsをぶつけずに編集する『番号予約→再読込→自分の範囲だけ追記』パターンと、貸借バランス目視チェックの運用が固まった日。","/case100-parallel-honban-5sessions","2026-05-04T00:00:00.000Z",{"title":611,"description":612,"path":613,"publishedAt":609,"updatedAt":9},"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",{"title":615,"description":616,"path":617,"publishedAt":609,"updatedAt":9},"Excel風HTMLモックの数式吹き出しヘルパーをClaude Codeのプロジェクトスキル化して11関数の解説に適用した記録","VLOOKUPの注意点ページで作った『商品マスタ＋作業シート＋数式吹き出し』のExcel風HTMLモックを、F2編集モード風の色対応・シート分離・吹き出し位置調整まで詰めて、excel-html-mockプロジェクトスキルに固めた。10個の重複コードを1ヘルパー（formulaCallout）に集約し、IF/IFERROR/INDEX-MATCH/SUMIFS/TEXT/ROUNDなど11関数の解説に同じ図解を量産した日。","/excel-html-mock-skill-and-functions",{"title":619,"description":620,"path":621,"publishedAt":609,"updatedAt":9},"MillerViewerのサイドバー折りたたみとTopicPagerをVueで実装 — 共通コンポーネント1個追加で5系統80ページに自動展開","縦置きモニター（1080×1920）でメインコンテンツが狭いというユーザーの指摘から、MillerViewer.vueにセクション・チャプターのサイドバー折りたたみボタンを追加。localStorageキーをルート依存からグローバル化したバグ修正、TopicPager（前後リンク + 矢印キー操作）を82ページに展開した1日の記録","/miller-collapsible-sidebar-and-pager",{"title":623,"description":624,"path":625,"publishedAt":626,"updatedAt":9},"簿記3級勉強法ページ大規模改修と22取引AnimatedSFC並列量産","study-method.vue のコンテンツ全面改修（SVGファネル図・合格率チャート・6フェーズサイドバー）と、並列エージェント6本を投入した22取引AnimatedSFCの量産記録。manhattan routingルールをSVGスキルに追加した副産物も記録。","/bookkeeping-revision-sfc-production","2026-05-05T00:00:00.000Z",{"title":628,"description":629,"path":630,"publishedAt":626,"updatedAt":9},"case100ノート統合の積み残し消化とCaseNoteLayoutリファクタ計画","前日の22件並列統合の後処理（孤児カテゴリ削除・関連ノートUI追加）と、CaseNoteLayout.vue リファクタ計画の Codex 4ラウンドレビューを経た Phase 0〜2 実装まで","/case100-followup-and-casenote-layout",{"title":632,"description":633,"path":634,"publishedAt":626,"updatedAt":9},"Cockpit財務諸表インタラクティブコンテンツの移植とアニメーション全実装","旧プロジェクト(cockpit-nuxt-vuetify)の財務諸表インタラクティブコンテンツをeurekapu-nuxt4へ移植。Codex 4ラウンドレビュー、自動収集スクリプトによるベンチマーク取得、BS/PL/CS連動アニメーション、SVG22個の並列変換、entry分割による教育的意義の可視化まで一気通貫で実装した記録。","/cockpit-financial-statements",{"title":636,"description":637,"path":638,"publishedAt":626,"updatedAt":9},"2026年5月5日の開発日記 - Cockpit財務諸表移植・SVGアニメ・SFC並列量産","case100積み残し消化とCaseNoteLayout計画、Cockpit財務諸表コンポーネント全実装、取引SVGアニメーション試作、クイズ正解時アニメ拡充、簿記3級勉強法大改修、22取引SFC並列量産まで。eurekapu-nuxt4で1日に8セッションを走らせた記録。","/2026-05-05-diary",{"title":640,"description":641,"path":642,"publishedAt":626,"updatedAt":9},"取引SVGの弧軌道アニメーション試作とクイズ正解時の飛びピルアニメーション拡充","旧プロジェクトの取引イメージSVGを弧軌道アニメーションに昇華し、クイズ正解時にBS/PLへ仕訳ピルが飛ぶシーケンスを実装。インラインSVG問題の発見からComposable化、CSパネル追加まで一気に進めた開発ログ","/transaction-svg-animation-quiz",{"title":644,"description":645,"path":646,"publishedAt":647,"updatedAt":9},"財務3表コクピット：ホバー連動ハイライトとグレースケール合計行の改善","BS/PL/CSのセル間Z軸浮き上がり・ホバー連動ハイライトを3ペア色分けで実装。合計行の黒背景+白文字をGLグレースケール+黒文字に置き換え、verify.mjsの照合方式も刷新した。","/cockpit-cell-highlight-greyscale","2026-05-06T00:00:00.000Z",{"title":649,"description":650,"path":651,"publishedAt":647,"updatedAt":9},"22取引アニメーション：Nuxtコンポーネント登録ミスとSMIL花火アニメーション","pathPrefix: false で22取引SVGをすべて表示できるようにし、買掛金発生シーンの花火アニメーションをCSS transformからSMILに切り替えた試行錯誤の記録。","/transaction-animation-nuxt-smil",{"title":653,"description":654,"path":655,"publishedAt":656,"updatedAt":9},"将棋盤インタラクティブデモを Vue で実装：Codex/Gemini で局面読み取り、shogidb2 から75手復元するまで","棋譜パーサーとSVG駒で将棋盤を動かすデモを Vue で組んだ記録。Codex CLI と Gemini で初手の局面を読み取らせて誤判定を踏み、shogidb2 から KIF を引き直して75手の実戦譜を復元、TransitionGroup の transform 上書きで折れて配色ハイライトに切り替えた1日。","/shogi-board-demo-with-kifu-db","2026-05-08T00:00:00.000Z",{"title":658,"description":659,"path":660,"publishedAt":661,"updatedAt":9},"全レッスンページのbreadcrumbを共通コンポーネント化して130ファイル一括変換","eurekapu-nuxt4のレッスン系ページでバラついていたパンクズを共通コンポーネントに集約し、case100ノート130ファイルをスクリプトで一括変換した記録","/breadcrumb-unification","2026-05-09T00:00:00.000Z",{"title":663,"description":664,"path":665,"publishedAt":661,"updatedAt":9},"キャッシュフロー実務リファレンスのMillerColumnLayoutを企業ライフサイクル順に再構成","eurekapu-nuxt4のcashflow-statement/referenceページで、トップ余白を圧縮し、31トピックを企業ライフサイクル順に並び替え、7セクションに区切ってフェーズ感を出した実装ログ。","/cf-reference-miller-layout-refinement",{"title":667,"description":668,"path":669,"publishedAt":661,"updatedAt":9},"コクピット財務三表ページのレスポンシブ強化とモーダルの自動ズーム機能","eurekapu-nuxt4のcockpit-00-summaryで7段階の幅（1920/1366/1280/1100/900/768/375）を順に検証し、横スクロールを潰した。1920px は wide-section を1480pxで頭打ちにしてセンタリング、375px はBSの折り返し被りを1列積みで解消。さらにモーダル拡大時に自動でビューポートにフィットする applyFitZoom と、ヘッダー横の±ズームボタンを追加。CSS zoom 配下で SVG オーバーレイ座標がずれる問題は、SVG に動的 viewBox を当てて座標系を揃えて解決した。","/cockpit-responsive-modal-zoom",{"title":671,"description":672,"path":673,"publishedAt":661,"updatedAt":9},"2026年5月9日の開発日記 - クイズ画面のBS/PL初期残高をCodex 5回レビューで詰める","クイズ画面のBS/PL全科目事前表示と動的初期残高をCodex 5回レビューで実装、コクピットのレスポンシブ7段階検証＋モーダル自動ズーム、quiz画面のスタイル統一とdelta-popup・装飾点線、CFリファレンスのライフサイクル順再構成、breadcrumb 130ファイル一括統一、Dropbox古いPC残骸の謎解きとSQL Serverサービス棚卸し、将棋盤のキーボード操作。","/2026-05-09-diary",{"title":675,"description":676,"path":677,"publishedAt":661,"updatedAt":9},"クイズ画面のBS/PL全科目事前表示と動的初期残高をCodex 5回レビューで実装","簿記クイズの仕訳練習画面で、出題範囲の全勘定科目を最初から枠表示し、各BS科目の初期残高を純粋関数で動的算出する。当座預金マイナス問題を撲滅し、貸借一致を全11章で検証した記録。","/quiz-bs-pl-preset-balance",{"title":679,"description":680,"path":681,"publishedAt":661,"updatedAt":9},"クイズ画面の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",{"title":683,"description":684,"path":685,"publishedAt":661,"updatedAt":9},"将棋盤デモにキーボードショートカットと持ち駒ハイライト・SVG駒を実装","shogi-board-demo.vueに矢印キー操作、持ち駒選択時の打ち予告ハイライト、持ち駒のSVG駒画像化を追加した実装ログ。","/shogi-board-keyboard-svg",{"title":687,"description":688,"path":689,"publishedAt":690,"updatedAt":9},"ESLint no-dynamic-delete Phase 2解消と全体lint整理（1637→717）","前日Phase 1で popup型に絞ってReflect.deleteProperty に置換した no-dynamic-delete エラーを、Phase 2 で残り7件まとめて解消した記録。delete の用途を A/B/C に分類して、Reflect.deleteProperty と = undefined を使い分ける方針に切り替え、Chrome DevTools で3コンポーネントの動作確認まで通した。返す刀でlint全体（1637件）の整理計画書を立てて Codex レビューを通し、自動修正で 1637→717 まで一気に削った。","/lint-no-dynamic-delete-phase2","2026-05-11T00:00:00.000Z",{"title":692,"description":693,"path":694,"publishedAt":690,"updatedAt":9},"簿記3級クイズの『着弾アニメ』ON/OFFトグル追加とハイライト残留バグ修正 — フィードバック往復で削るスコープを絞った","/quiz/practice の解答アニメーションで、前問の青ハイライトが消えないまま次問の着弾が始まるバグを修正。pendingApply 中に clearChanged を適用する形に変えた。さらに『着弾アニメが速すぎる/しつこい』のフィードバックを受けてON/OFFトグルを追加。最初はカウントアップもハイライトも全部止めようとしたら『カウントアップとハイライトとdelta popupは残せ、fly-pillだけ切れ』と差し戻され、対象を絞り直した。ESLint既存エラー2件は別タスクに切り出して Codex レビュー通過済み。","/quiz-animation-toggle-fix",{"title":696,"description":697,"path":698,"publishedAt":699,"updatedAt":9},"財務諸表クイズの実装 - SVGハイライト連動と左右2カラムレイアウト","BS/PL/CFのブラケット構造SVGをスキル化し、クイズ回答に応じてマゼンタで該当箇所を強調する財務諸表学習ページを実装。書籍2026年版の取り込みからPhase 3のサブエージェント並列展開まで。","/financial-statements-quiz","2026-05-12T00:00:00.000Z",{"title":701,"description":702,"path":703,"publishedAt":704,"updatedAt":9},"統計データブックから都道府県農作物クイズを作った日","統計年鑑の主産地データをTurso DBから取り出し、左にSVGチャート・右に4択クイズの2ペインクイズページを実装。IntersectionObserverのバンド調整とsuppressObserverUntilで詰まった。","/prefecture-agriculture-quiz","2026-05-13T00:00:00.000Z",{"title":706,"description":707,"path":708,"publishedAt":709,"updatedAt":9},"投資判断クイズを2カラムレイアウトへ移行：1ページ完成→コンポーネント化→横展開","Part 2投資判断クイズの18ページを2カラムUXに移行する作業ログ。スペース過多の違和感から要件を掘り起こし、QuizPageとInvestmentTopicPageに切り出して横展開した。","/investment-quiz-2col-refactor","2026-05-14T00:00:00.000Z",{"title":711,"description":712,"path":713,"publishedAt":709,"updatedAt":9},"米国式投資クイズPart 2を1日で実装した記録 — 書籍本文ベースに方針転換し、サブエージェント3並列で74問を起こす","広瀬隆雄『Market Hack流 世界一わかりやすい米国式投資の技法』を題材に、Codexレビュー2回・方針転換1回・サブエージェント3並列で74問のクイズと18枚のSVG図解を実装した1日の記録。","/investment-quiz-part2-implementation",{"title":715,"description":716,"path":717,"publishedAt":578,"updatedAt":9},"都道府県クイズに地図モードを4つ追加してずんだもん音声をR2配信に乗せた","Phase 5-8 で by-prefecture / find-prefecture / 地形図 / study-map を実装。VOICEVOX 直接呼びを諦めて事前生成MP3 + Cloudflare R2 に移行した記録","/prefecture-quiz-map-modes",{"title":719,"description":720,"path":721,"publishedAt":578,"updatedAt":9},"都道府県クイズに統計編12ページを増設し、89問へ拡張した日","Phase 1の4ページ24問から、人口・地理・製造業・貿易・財政・観光・教育・防災まで合計12ページ89問へ拡張。Codexレビューで10件の致命的誤りを修正したログ。","/prefecture-quiz-statistics-12pages",{"title":723,"description":724,"path":725,"publishedAt":726,"updatedAt":9},"家族旅行サイトに『意思決定ページ』と動的年齢計算を仕込んだ — import.meta.glob で個人情報を防御する","宿泊先を選ぶ意思決定をテーブルで可視化し、家族の生年月から年齢を動的計算するヘルパーを Astro サイトに組み込んだ。個人情報は .gitignore で除外し、import.meta.glob で『あれば読む、無ければ空配列』に倒した記録。","/decision-pages-and-dynamic-family-ages","2026-05-17T00:00:00.000Z",{"title":728,"description":729,"path":730,"publishedAt":731,"updatedAt":9},"教科書とクイズを Part 1/2 の2カラムに整え、ローカルのマークダウンビューアまで作った","決算書を読む教科書とクイズの index を Part 1/2 の2カラムに直し、ローカル専用のマークダウンビューアを生やし、目次のスクロール追従ハイライトまで仕込んだ早朝の積み残し潰し。","/textbook-quiz-twocolumn-memo-viewer","2026-05-18T00:00:00.000Z",{"title":733,"description":734,"path":735,"publishedAt":736,"updatedAt":9},"イビデン（4062）をビートモニタリングに追加：チャート空欄を画面で拾い、parseCurrencyToNumberの日本円バグを潰した","イビデンをビートモニタリングに追加した直後、株価チャートが何も描画されない現象を画面で発見。parseCurrencyToNumberが日本円表記を全部nullにしていた。日本円対応に拡張してテストを追加した記録","/ibiden-beat-monitoring","2026-05-20T00:00:00.000Z",{"title":738,"description":739,"path":740,"publishedAt":741,"updatedAt":9},"アナレンマの8の字を「傾き×楕円」でパラメータ化して可視化した","毎日同時刻に太陽を撮ると1年で8の字を描く理由を、地軸の傾きと公転軌道の楕円率でON/OFFできるシミュレーターに。Codex版と並走実装した記録。","/analemma-simulator-tilt-eccentricity-2026-05-21","2026-05-21T00:00:00.000Z",{"title":743,"description":744,"path":745,"publishedAt":741,"updatedAt":9},"2026年5月21日の開発日記 - NVDA決算3部作・アナレンマ・物件購入シミュレーター・Tampermonkey予約自動化","NVDA Q1 FY27 決算サマリーをターミナル通知化、NVIDIA関連記事3本同時公開、アナレンマシミュレーター、東京の物件購入シミュレーター、高千穂峡予約のTampermonkey化、verify-blog-payloadバグ修正と画像削除事故まで。","/2026-05-21-diary",{"title":747,"description":748,"path":749,"publishedAt":741,"updatedAt":9},"東京の中古マンション購入シミュレーターを Vue ページで作った","賃貸vs持家、フルレバ可否、個人vs法人、家賃から逆算する妥当物件価格。所得低の個人事業主に1億円フルレバはほぼ無理だった結論まで。","/tokyo-property-purchase-simulation-2026-05-21",{"title":751,"description":752,"path":753,"publishedAt":754,"updatedAt":9},"正二十面体の対称性を触れる3D図解にする：885行の幽霊実装とファージ版への作り替え、そして並行セッションのgit操作で未追跡ファイルが消えた事故","「正二十面体は2/3/5回軸を持ち60の同じ形に分割できる」という一文を、依存ゼロのCanvas 2D自前3Dレンダラで触って動かせる図解にした。既に885行の未コミット実装があり、別セッションがウイルス学のファージ版へ作り替えていて、検証後には本体.vueとissueが破壊的なgit操作で消えた、という二つの発見と一つの事故を記録する。","/interactive-icosahedron-and-git-collision","2026-05-25T00:00:00.000Z",{"title":756,"description":757,"path":758,"publishedAt":754,"updatedAt":754},"投資の名著の知見を財務諸表教材に統合した話 — 数値ベンチマークと逆張りの読み方をコラム＋figureで補う","別プロジェクトのTurso DBに正規化済みの投資の名著（47セクション・約9.9万字）から、粗利率や資本集約度の数値ベンチマークと逆張りの読み方を抽出し、eurekapuの財務諸表教材に統合した記録。codex出力812KBがツールのパースエラーを連発した末に引き継ぎメモで仕切り直し、次セッションでコラム基盤とfigure3点を実装するまで。","/investor-knowledge-into-financial-textbook",{"title":760,"description":761,"path":762,"publishedAt":763,"updatedAt":9},"AmazonアフィリエイトカードをMDCで作り、商品画像をブラウザ自動操作でかき集めた話","家電まとめ記事用に商品カードのMDCコンポーネントを実装し、18点分の商品画像をブラウザ自動操作で集めた制作記。bot検出・通信ハング・抽出のタイミングバグを1つずつ潰した記録。","/amazon-card-and-image-scraping","2026-05-26T00:00:00.000Z",{"title":765,"description":766,"path":767,"publishedAt":763,"updatedAt":9},"章を切り替えてもスクロールが先頭に戻らないバグ：表示中のスクローラーを掴み損ねていた真因を突き止めるまで","キャッシュフロー計算書の教材で、ページ最下部まで読んでから次の章に切り替えても本文が前章のスクロール位置を引きずるバグを修正。refが非表示側のスクローラーを指していた真因にたどり着くまでの試行錯誤を記録する。","/cashflow-lesson-scroll-reset-fix",{"title":769,"description":770,"path":771,"publishedAt":763,"updatedAt":9},"2026年5月26日の開発日記 - 非表示スクローラーのバグ退治とAmazon画像のかき集め","章を切り替えても先頭に戻らないスクロールバグの真因を掘り当て、家電記事用のAmazonカードを作って商品画像をブラウザ自動操作でかき集めた一日。","/2026-05-26-diary",{"title":773,"description":774,"path":775,"publishedAt":776,"updatedAt":9},"2026年5月27日の開発日記 - 残骸9222リスナーを片付け、過去問と参考書をDBに流し込んだ一日","Chrome DevTools MCP が固まる真因（残骸9222リスナー）を掘り当てて reconnect だけで直すと実証し、ある国家資格試験の過去問と自炊した参考書を Turso DB に流し込み、状態 vs イベントの設計教材を仕上げた一日。","/2026-05-27-diary","2026-05-27T00:00:00.000Z",{"title":778,"description":779,"path":780,"publishedAt":776,"updatedAt":9},"「テーブルに状態を持たせてはいけない」を、会員データを操作して3設計を見比べる教材に仕立てた","状態カラムの上書き・イベント記録・状態テーブル分割の3設計を、同じ会員データに同じ操作を流し込んで同時に動かし、履歴がどう残る／消えるかを見比べられるインタラクティブ教材を作った話。ロジックは純粋関数に隔離した。","/state-vs-events-interactive-lesson",{"title":782,"description":783,"path":784,"publishedAt":785,"updatedAt":9},"サブエージェント3体を並列起動して、独立したVue記事3本を同時に書かせた ― OAuth・MVC・NN最適化","OAuthは認証ではない、MVC/MVVM/MVPの違い、Web開発がNNの最適化になる、という3テーマをfile-editorサブエージェント3体に分担させて同時並行で書かせた。私は方針だけ決め、競合する登録部分だけ自分の手で整えた話。71件のユニットテストはすべて緑で通った。","/parallel-blog-articles-trio","2026-05-28T00:00:00.000Z",{"title":787,"description":788,"path":789,"publishedAt":785,"updatedAt":9},"「テーブルに状態を持たせるな」記事を反論コメントで鍛え直した日","前日公開した設計記事に「イベントソーシングで済む」「理想論だ」「人数管理ならステータスで十分」と反論が刺さった。反論をそのまま本文に取り込み、複式簿記アナロジーと体育館デモを追加して書き直した記録。","/state-vs-events-revision",{"title":791,"description":792,"path":793,"publishedAt":794,"updatedAt":9},"microGPTを会計の言葉で読み切る教材を作った日","200行のGPT実装を、予実管理や配賦や感応度といった会計の言葉に翻訳して読み切るためのインタラクティブ教材をNuxtで実装した。malformedが連発した末に引き継ぎドキュメントとサブエージェントへ切り替えた一日の記録。","/microgpt-accounting-textbook","2026-05-31T00:00:00.000Z",{"title":796,"description":797,"path":798,"publishedAt":799,"updatedAt":9},"決算モニタリングの銘柄拡充とビート判定の精緻化 — GLW・CRDO・SK Hynixを追加","beat-monitoringページにCorning・Credo・SK Hynix・Samsungを追加し、BroadcomのGAAP/non-GAAPフォワードPER併記、KRW建てパーサー対応、散布図の表示バグを翌日メモに回した1日の記録。","/earnings-monitoring-ticker-expansion","2026-06-02T00:00:00.000Z",{"title":801,"description":802,"path":803,"publishedAt":799,"updatedAt":9},"家族旅行の費用比較ページを作る — 宿泊プランの実質宿泊費を逆算する","家族旅行プロジェクトを立ち上げ、レンタカーの取消条件を反映し、宿泊プランから体験費を差し引いて実質の宿泊費を逆算するページを作った開発ログ。","/family-trips-cost-comparison-page",{"title":805,"description":806,"path":807,"publishedAt":799,"updatedAt":9},"メモリーメーカー動向ハブを新設し、DRAM市場シェアの推移を可視化した一日","サムスン電子とSK Hynixの個別ページを揃えたメモリーメーカー動向ハブを新設。会社ごとに違う決算データの構造をどう吸収したか、過去8四半期のDRAM市場シェアをどう可視化したかを記録する。","/memory-makers-hub-dram-share",{"title":809,"description":810,"path":811,"publishedAt":812,"updatedAt":9},"ギターコードだけのリズムゲームに、メロディーを足してデモに組み込んだ","ローカルで遊んでいたchord-rhythm-gameを、コード進行+メロディーのリズムゲームに進化させて、デモインデックスに統合するまでの試行錯誤の記録","/chord-rush-melody-integration","2026-06-05T00:00:00.000Z",{"title":814,"description":815,"path":816,"publishedAt":812,"updatedAt":9},"memory-makers ページに台湾系3社（Apacer / Phison / Etron）と TSMC・Samsung のチャートを足した日","Samsung のセグメント売上を積み上げ棒に揃え、Apacer・Phison・Etron を新規追加し、TSMC を含めて月次売上＋EPS チャートを差し込んだ。漢字社名が頭に入らないので、表記順をローマ字優先に直した。","/memory-makers-tw-fabless-add-and-charts",{"title":818,"description":819,"path":820,"publishedAt":821,"updatedAt":9},"Micron個別ページを作った（工場マップ＋月間キャパシティ詳細）","/memory-makers/micron を新規作成。USA / Japan / Taiwan の工場地図をSVGで描き、Fab別の月間キャパシティ推移を5マイルストーンで可視化した。3カラムから上下レイアウトへ作り直し、会計四半期に暦月併記を足すまでの過程をまとめる。","/micron-fab-page-with-capacity-map","2026-06-07T00:00:00.000Z",{"title":823,"description":824,"path":825,"publishedAt":826,"updatedAt":9},"アナレンマ・シミュレーターをダークテーマ＆ドラッグ操作に全面刷新し、視点切替シミュレーションを追加した","「もっとインタラクティブでかっこよく」の一言から始まったアナレンマ・シミュレーターの刷新記録。プラネタリウム風ダークテーマ、ドラッグ操作、北極/南極の視点切替ページ追加までの試行錯誤をまとめた。","/analemma-simulator-redesign","2026-06-10T00:00:00.000Z",{"title":828,"description":829,"path":830,"publishedAt":831,"updatedAt":9},"Synthesia風「降ってくる音符」のピアノアプリをWeb Audio + Canvasで作った——実装の詳細メモ","音符バーが上から降ってきて鍵盤に届くと音が鳴るピアノビジュアライザー /piano-roll の実装記録。曲データの持ち方、88鍵レイアウト計算、落下バーの座標系、Web Audioによるピアノ音合成、運指番号表示、楽譜データの入手方法やMIDIキーボード対応の展望まで。","/piano-roll-implementation","2026-06-11T00:00:00.000Z",{"title":833,"description":834,"path":835,"publishedAt":836,"updatedAt":9},"一問一答をスライド形式UIに——矢印キーで77問を送る学習コンテンツ改善の記録","不動産投資の一問一答に画面いっぱいのスライドUIを追加し、レイアウト調整を重ねた記録。クイズの「×が○に化ける」表示バグ修正、ガイドへのSVG図解44点追加、音楽ゲームのメロディ改善も。","/qa-slide-ui-improvements","2026-06-12T00:00:00.000Z",{"title":838,"description":839,"path":840,"publishedAt":841,"updatedAt":9},"コーディング原則ページのUX大改修：Bad/Good横並び・フローチャート・ベン図抽象化・難易度レベル付け","Vue製のコーディング原則ページに4つの大型UX改善を入れた1日。Bad/Good横並び、前提条件フローチャート、ベン図による光と影（ド・モルガン）の抽象化、全62トピックへの初級・中級・上級レベル付けまでを Codex レビュー込みで進めた記録。","/coding-principles-ux-overhaul","2026-06-13T00:00:00.000Z",{"title":843,"description":844,"path":845,"publishedAt":841,"updatedAt":9},"AIっぽくないWebデザインで3業種サイトを業種別にリビルド - ワークショップ用プロンプトに学びを還流","和菓子舗・美容室・飲食店の3業種サイトを、共通テンプレートを廃止して業種固有の独立デザインに作り直した。frontend-designスキルで既視感の強いSaaS定番を避け、地図埋め込み・電話ボタン・クチコミ調査までを一気に追加し、ワークショップのサイト作成プロンプトに反映した記録。","/three-business-sites-anti-ai-design",{"title":847,"description":848,"path":849,"publishedAt":850,"updatedAt":9},"カメラの露出シミュレーターを Nuxt のページに移植して、SS/F値/ISO の三角関係を体感する","logcamera.com の露出シミュレーターを参考に、シャッタースピード・絞り・ISO の3パラメータをスライダーで動かせるブラウザシミュレーターを Vue ページとして実装した。最初は『SS を変えると明るさだけが変わってブレが出ない』バグに気づき、効果学習モードと露出学習モードの2モードに分けて解決した記録。","/camera-exposure-simulator","2026-06-14T00:00:00.000Z",{"title":852,"description":853,"path":854,"publishedAt":850,"updatedAt":9},"D2を試したら結局SVGダイアグラム・スキルを書き直すことになった話 — 同じページの6枚を全部Grid版で出し直す","テキストで図を書ける作図DSL「D2」をsvg-diagramスキルに組み込めるか検証した。D2は手書きSVGに完敗し、次に「装飾を厚くする」V2方向も実はアンチパターンだったと気づき、最終的にMüller-Brockmannグリッドに乗せる方向に着地。svg-diagramスキルに新しい grid-alignment.md ルールを追加し、同じページの6枚のSVG全部をGrid版で書き直した記録。","/svg-diagram-skill-upgrade",{"title":856,"description":857,"path":858,"publishedAt":850,"updatedAt":9},"宅建オリジナル教科書プロジェクト Phase 1.5 着手 — 金型 5_1『宅地建物取引業・免許』の本文 + SVG 17 枚をサブエージェント並列で生成した","宅建オリジナル教科書（6 分野 × 49 カテゴリ）の Phase 0（設計確定）から Phase 1.5（金型カテゴリ 5_1『宅地建物取引業・免許』の本文と SVG 17 枚生成）まで一気に着手した。Phase 0 でハブシェル・トップカード・進捗ダッシュボードを揃え、Phase 1 で 6 分野の章立てマスター（H2 227 個 / H3 310 個 / SVG 537 枚）をサブエージェント 6 並列で生成。Phase 1.5 で 5_1 の本文と SVG を並列起動した直後にユーザーから『本文まだできてないってこと？』と指摘されて進捗計画書をまとめ直した一日の記録。3 月 21 日に作った宅建 SVG の手順を思い出すくだりも含む。","/takken-textbook-phase-1-5-start",{"title":860,"description":861,"path":862,"publishedAt":850,"updatedAt":9},"ガイド /tokibo に第1〜8章を俯瞰する『イントロダクション』を入れて、各章へのSVG地図リンクを埋め込んだ","/tokibo の入口に独立した導入ページを置き、1枚のSVG地図と章別カードで全体構成を見せる。地図のカードをクリックすると章ページへ飛び、各SVGをクリックするとモーダルで拡大、ESCで閉じる挙動を他ページと揃えた。","/tokibo-introduction-chapter",{"title":864,"description":865,"path":866,"publishedAt":867,"updatedAt":9},"/memory-makers をページ分割しハイパースケーラー設備投資の Small Multiples を組んだ","/memory-makers が肥大化したので市場・メーカー・ハイパースケーラー・輸出統計の4枚カードに分割し、Koyfin から引いた四半期 Capex を Small Multiples で並べ直した記録。","/memory-makers-page-split-and-hyperscaler-capex","2026-06-15T00:00:00.000Z",{"title":869,"description":870,"path":871,"publishedAt":872,"updatedAt":9},"beat-monitoring scatter に FCF 基準トグルを追加して 13 銘柄の割安成長ゾーンを別軸で読む","BCU Yartseva 2025 の FCF 利回り発見を取り込むため、自作の Forward P/E × NTM EPS 成長率の散布図に「EPS 基準 / FCF 基準」のトグルを足した。BeatValuation 型の FCF フィールド追補と、Codex 4 ラウンドのレビュー反映までの記録。","/beat-monitoring-scatter-fcf-toggle","2026-06-16T00:00:00.000Z",{"title":874,"description":875,"path":876,"publishedAt":877,"updatedAt":9},"NVIDIA 個別ページを Hyperscale / ACIE / Edge の3層で作り直した","memory-makers に NVIDIA 個別ページを追加。新セグメント Hyperscale / ACIE / Edge に合わせて stacked SVG と QoQ subchart を作り、ACIE の中身 (Neo Cloud / Sovereign AI / Industrial / Enterprise) を Palantir の AI モデル問題まで掘り下げて整理した。","/nvidia-memory-makers-segments","2026-06-19T00:00:00.000Z",{"title":879,"description":880,"path":881,"publishedAt":882,"updatedAt":9},"memory-makers に南亞科技を追加し、DRAM チャートのトーンを揃え直した日","/memory-makers/nanya の個別ページに ASP / Bit 出荷の折れ線チャートを差し込みつつ、DRAM 4社比較や EPS など他チャートのトンマナを QuarterlyRevenueChart に寄せて統一した記録。","/memory-makers-nanya-dram-charts","2026-06-23T00:00:00.000Z",{"title":884,"description":885,"path":886,"publishedAt":887,"updatedAt":9},"中国DRAM最大手 CXMT を memory-makers に独立追加 — 兆易創新の持分1.80%判明と GroupedBarChart の予測区切り対応","非上場の CXMT を兆易創新の決算経由で取ろうとしたら持分1.80%の事実誤認が判明。長鑫科技 IPO 招股说明书を一次資料に切り替え、GroupedBarChart に予測区切り prop を足して2022〜2026Eの6カテゴリ統合チャートに着地するまでのループ。","/cxmt-memory-makers-with-forecast-divider","2026-06-24T00:00:00.000Z",{"title":889,"description":890,"path":891,"publishedAt":887,"updatedAt":9},"Kindleスクショ取込本52冊からノイズを一括除去した話 — 意味のないページ番号と書籍タイトル混入を独立cleanupフェーズで消す","Web UIで表示される「表紙が1、はじめが2、その次が53」というページ番号への違和感を起点に、スクショ取込本52冊から累計8,948行のノイズを独立cleanupフェーズで一括除去するまで。","/kindle-screenshot-import-noise-cleanup",{"title":893,"description":894,"path":895,"publishedAt":896,"updatedAt":9},"キオクシア決算サマリー記事公開と beat-monitoring/285A の途中対応 — アナリストコンセンサスがない銘柄をどう扱うか","2026年6月25日の開発ログ。マイクロン FY26 Q3 と同じフォーマットでキオクシア（東証プライム: 285A）の FY25 Q4 決算サマリー記事を公開し、IR データブックから24四半期分の財務 TS データも整備した。続けて /beat-monitoring/285A にデータを反映しようとしたところ、キオクシアにはまともなアナリストコンセンサスが取れていないことが判明。Kioxia だけ『前Q時点の会社ガイダンス vs 実績』に切り替える方針へ移行し、BeatExpectationsChart と 285A.json の構造を読み始めたところで時間切れ。明日続きをやるための持ち越しメモ。","/kioxia-fy25-q4-summary-and-beat-monitoring-todo","2026-06-25T00:00:00.000Z",{"title":898,"description":899,"path":900,"publishedAt":896,"updatedAt":9},"Micron Q3 FY26 決算をbeat-monitoringとearnings-dynamicsに手作業で反映した記録","Micron Technology（MU）のFY26 Q3決算発表日に、Koyfin Step 0がChrome DevTools不調でスキップされた状態から、beat-monitoringとearnings-dynamicsの両ページに実績$41.5B vs コンセンサス$35.84BとQ4ガイダンス$50Bを手で流し込んだ作業ログ。Q4 FY26ボタンが出ないバグの原因がfocusQuartersフィルタだった件、バー並び順を予想→ガイダンス→実績に整えた件、divider lineを最後の実績Qの右端に変えた件、IRサマリーカード新規作成、SCA 5年契約1→7件のファクト確認まで。","/micron-q3-fy26-beat-monitoring-coverage",{"title":902,"description":903,"path":904,"publishedAt":905,"updatedAt":9},"Nuxt Content の記事タイトルが本文に出ない問題を DocPage 側の自動分岐で解消した","frontmatter の title が画面に出ず読みづらかった問題を、DocPage.vue 側で本文 AST の h1 有無を見て自動補完するロジックで潰した。単一描画点に閉じ込めた判断の記録。","/docpage-auto-title-display","2026-06-29T00:00:00.000Z",{"title":907,"description":908,"path":909,"publishedAt":910,"updatedAt":9},"過去記事に散らばったSVG図版を一覧するギャラリービューアを作った","ブログ記事に埋め込んだSVG図版が増えすぎてどの記事にあるか思い出せなくなった。全画面グリッドとスライド形式の2パターンのビューアを実装し、生成スクリプトの抽出漏れも直して335枚を新しい順に俯瞰できるようにした。","/svg-gallery-viewer","2026-07-01T00:00:00.000Z",{"title":912,"description":913,"path":914,"publishedAt":915,"updatedAt":9},"小学生向け理科教材に熱・光・音の8トピックを一括追加 — 生成・事実チェック・修正のエージェント並列パイプライン","中学受験向け参考書ベースの理科学習教材バッチ4。熱・光・音カテゴリの残り8トピックをVue SFC＋クイズで並列生成し、事実チェックで検出したSVG光路図のcritical 10件を修正エージェント1周で解消、表示確認まで完了した記録。","/science-materials-heat-light-sound","2026-07-03T00:00:00.000Z",{"title":917,"description":918,"path":919,"publishedAt":920,"updatedAt":9},"英語の図解Artifactを日本語化して単独Vueページで公開するまで - AI導入5ステップの移植記録","claude.aiで共有されていた英語の図解「Steps of AI Adoption」をChrome経由で読み取って日本語訳し、横4カラム/縦1列を切り替えられる単独Vueページとして本番公開するまでの記録。","/ai-adoption-steps-page","2026-07-17T00:00:00.000Z",{"title":922,"description":923,"path":924,"publishedAt":925,"updatedAt":9},"Webサービスの技術構成 2026年版 — Vue.js/Nuxt/Astroの使い分けとその理由","個人的な技術選定メモをVue.jsベースに統一し、React+ViteとNext+Viteの関係、Vue+ViteとNuxtの分かれ目、Astroとの使い分け、Workers直接とHonoの使い分け、DB・ストレージ・メール配信の規模別実例までを整理する","/web-tech-stack-2026","2026-07-22T00:00:00.000Z",{"title":927,"description":928,"path":929,"publishedAt":930,"updatedAt":9},"全18講に触って動くシミュレーターを入れた日 — PR12本のレビューから講座導線の作り直しまで","宙に浮いていた12本のPRをサブエージェントに並列レビューさせてマージし、トップページの導線を一覧ページ経由に組み直したあと、講座の全18講に触って動くシミュレーターを入れた一日の記録。","/code-course-interactive-rollout","2026-07-26T00:00:00.000Z",{"title":932,"description":933,"path":934,"publishedAt":930,"updatedAt":9},"インタラクティブ教材を1枚に集約し、本文の線を減らした日","翻訳記事に埋め込んだ15個の教材をブラウザで全部動かして原文と突き合わせ、体験だけを集めた一覧ページを新設した記録。薄いグレー文字と意味のない枠線を落として本文を読める状態に戻し、外部サイトへ直リンクしていた画像10枚をローカルに引き取るまで。","/interactive-content-consolidation",{"title":936,"description":937,"path":938,"publishedAt":939,"updatedAt":9},"決算コメントの「3年未満で回収」を原文で検算し、クラウド設備投資チャートと純粋関数に落とすまで","決算説明会で出た「設備投資は平均3年未満で回収される」という要約を原文まで遡って確かめ、「1ドルの支出で4年間で5ドルの収入」という別の発言と突き合わせて検算した。噛み合う理由をSVGで図にし、クラウド3社の設備投資チャート2本と、軸目盛りとキャッシュフロー予測の純粋関数をテスト付きで切り出した一日の記録。","/cloud-capex-chart-and-pure-functions","2026-07-31T00:00:00.000Z",1785654920817]