[{"data":1,"prerenderedAt":55},["ShallowReactive",2],{"tag-articles-UX改善":3},[4,17,27,35,42,49],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":15,"updatedAt":16},"帳票設定UIの大幅改善 - ナビゲーション・検索・編集モードの実装","tax-assistantプロジェクトの帳票設定画面を大幅改善。中カテゴリ列の削除、NavigationBarによるグローバルナビゲーション、SearchableSelectコンポーネント、IconPicker、編集/閲覧モード切り替え、未保存変更確認ダイアログ、入出金タイプのセクション分離、デザインシステム統一まで詳細に解説","/voucher-settings-ui-improvements",[9,10,11,12,13,14],"Vue.js","UI設計","UX改善","コンポーネント設計","TypeScript","デザインシステム","2026-01-27T00:00:00.000Z",null,{"title":18,"description":19,"path":20,"tags":21,"publishedAt":26,"updatedAt":16},"Vue.jsで確定処理のカクつきを解消 - ローカルステート更新による再取得回避パターン","クレカ明細の確定ボタン押下時に画面全体がカクつく問題を、loadData全件再取得からローカルステート直接更新に切り替えて解決した記録。DBの古いステータス残留問題やアンチパターン調査も含む","/vue-local-state-update-optimization-2026-01-31",[9,22,23,24,25,11],"パフォーマンス最適化","ローカルステート","tax-assistant","クレカ明細","2026-01-31T00:00:00.000Z",{"title":28,"description":29,"path":30,"tags":31,"publishedAt":34,"updatedAt":16},"全レッスンページのbreadcrumbを共通コンポーネント化して130ファイル一括変換","eurekapu-nuxt4のレッスン系ページでバラついていたパンクズを共通コンポーネントに集約し、case100ノート130ファイルをスクリプトで一括変換した記録","/breadcrumb-unification",[32,33,11],"Vue","リファクタリング","2026-05-09T00:00:00.000Z",{"title":36,"description":37,"path":38,"tags":39,"publishedAt":34,"updatedAt":16},"キャッシュフロー実務リファレンスのMillerColumnLayoutを企業ライフサイクル順に再構成","eurekapu-nuxt4のcashflow-statement/referenceページで、トップ余白を圧縮し、31トピックを企業ライフサイクル順に並び替え、7セクションに区切ってフェーズ感を出した実装ログ。","/cf-reference-miller-layout-refinement",[32,40,11,41],"MillerColumn","簿記",{"title":43,"description":44,"path":45,"tags":46,"publishedAt":34,"updatedAt":16},"コクピット財務三表ページのレスポンシブ強化とモーダルの自動ズーム機能","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",[32,47,48,11],"レスポンシブ","Chrome DevTools MCP",{"title":50,"description":51,"path":52,"tags":53,"publishedAt":34,"updatedAt":16},"将棋盤デモにキーボードショートカットと持ち駒ハイライト・SVG駒を実装","shogi-board-demo.vueに矢印キー操作、持ち駒選択時の打ち予告ハイライト、持ち駒のSVG駒画像化を追加した実装ログ。","/shogi-board-keyboard-svg",[32,54,11],"将棋",1781506189299]