[{"data":1,"prerenderedAt":74},["ShallowReactive",2],{"tag-articles-ux":3},[4,10,15,20,25,30,35,40,44,49,54,59,64,69],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"コーディング規約ビューア実装アプローチの比較","ハッシュベースナビゲーションと動的ルーティングの比較検討","/coding-standards-viewer-approach-comparison","2025-11-18T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"UIデザイン原則","UIデザインの基本原則をカテゴリー別に整理","/design","2026-01-10T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"Vueリストの自動スクロール実装 - scrollIntoViewのblock: centerで先読み表示","Vueのリストコンポーネントでキーボードナビゲーション時に選択アイテムを自動スクロールする方法。block: nearestとblock: centerの違いと使い分けを解説","/vue-list-autoscroll","2026-01-14T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"Nuxt/Vueで選択行をURLクエリパラメータに同期する実装","テーブルの選択行をURLに保持し、ブラウザバックで位置を復元する方法。クレカ明細ビューの実装例。","/nuxt-url-sync-selected-row","2026-01-22T00:00:00.000Z",{"title":26,"description":27,"path":28,"publishedAt":29,"updatedAt":9},"個人開発感をなくす10のテクニック──実装パターンとコード例付き","個人開発のプロダクトでも大手に負けない信頼を得るための具体的な実装テクニック10選。確認ダイアログ、データ最小化、ID設計、スケルトンUIなど、すぐに使えるコード例付き。","/indie-dev-trust-checklist","2026-03-01T00:00:00.000Z",{"title":31,"description":32,"path":33,"publishedAt":34,"updatedAt":9},"仕訳ビューアの大幅改善 - バグ修正・バリデーション・UX向上の一日","補助科目デフォルト修正、duplicate行の確定対応、manual_confirmed保護バグ修正、バリデーション関数追加、バッチ確定のエラーハンドリング改善、読取一覧へのディープリンク追加など、仕訳ビューアを一日かけて磨き上げた記録","/journal-viewer-improvements-2026-03-03","2026-03-03T00:00:00.000Z",{"title":36,"description":37,"path":38,"publishedAt":39,"updatedAt":9},"2026年3月14日の開発日記 - MillerViewerを書籍体験に進化させた日","MillerViewerのバグ修正から始まり、書籍風構造化目次、ディープリンク、Udemy撮影用フォーカスモード、シーンカードトランジションまで一気に実装した1日の記録。","/2026-03-14-diary","2026-03-14T00:00:00.000Z",{"title":41,"description":42,"path":43,"publishedAt":39,"updatedAt":9},"Udemy撮影用フォーカスモードの設計と実装 - 全幅表示・進捗バー・シーンカード","動画撮影用にColumn 2/3を非表示にするフォーカスモードを設計・実装。useFocusMode composable、パンくずリスト統合進捗バー、セクション境界のシーンカードトランジション、localStorageによるスライド位置復帰まで。","/udemy-focus-mode-implementation",{"title":45,"description":46,"path":47,"publishedAt":48,"updatedAt":9},"ライブラリなしで全文検索つきCF実務リファレンスページを構築した記録","TursoDBから130キーワードを取得し、2カラムレイアウト・レベルフィルター・条文ポップオーバー・矢印キーナビを備えた検索可能なリファレンスページをVanilla実装した開発ログ","/cf-reference-page-development","2026-04-20T00:00:00.000Z",{"title":50,"description":51,"path":52,"publishedAt":53,"updatedAt":9},"教育コンテンツのUI改善 — ミラーカラムからスクロール形式へレイアウトを変換した記録","CF計算書boki3/ch0のミラーカラムレイアウトをスクロール形式に変換し、stepsのスタイル適用、右TOC追加、SVG表示修正、Excel基礎講座への横展開まで、ユーザーの要望を何度もヒアリングしながら進めた1日の記録","/miller-to-scroll-layout-conversion","2026-04-23T00:00:00.000Z",{"title":55,"description":56,"path":57,"publishedAt":58,"updatedAt":9},"Excel講座の統合記事パターンを ScrollArticle に共通化した日","Excel講座でフック→伏線→回収構造を導入し、目次レイアウトの差異を ScrollArticle.vue として共通化。Codex 3回レビューを経てモバイル重複バグも潰した一日の記録。","/2026-04-29-excel-scroll-article-unification","2026-04-29T00:00:00.000Z",{"title":60,"description":61,"path":62,"publishedAt":63,"updatedAt":9},"クイズの復習フィルタを「累計誤答」から「直近連続誤答」に変えた話","都道府県位置クイズで採用していた『過去3回で1回以上間違えた』フィルタを『直近で連続して間違えた』フィルタに置き換えた。仕分けクイズなど他の暗記系コンテンツでも転用したい復習パターンのメモ。","/quiz-streak-filter-design","2026-05-15T00:00:00.000Z",{"title":65,"description":66,"path":67,"publishedAt":68,"updatedAt":9},"投資判断クイズを2カラムレイアウトへ移行：1ページ完成→コンポーネント化→横展開","Part 2投資判断クイズの18ページを2カラムUXに移行する作業ログ。スペース過多の違和感から要件を掘り起こし、QuizPageとInvestmentTopicPageに切り出して横展開した。","/investment-quiz-2col-refactor","2026-05-14T00:00:00.000Z",{"title":70,"description":71,"path":72,"publishedAt":73,"updatedAt":9},"コーディング原則ページのUX大改修：Bad/Good横並び・フローチャート・ベン図抽象化・難易度レベル付け","Vue製のコーディング原則ページに4つの大型UX改善を入れた1日。Bad/Good横並び、前提条件フローチャート、ベン図による光と影（ド・モルガン）の抽象化、全62トピックへの初級・中級・上級レベル付けまでを Codex レビュー込みで進めた記録。","/coding-principles-ux-overhaul","2026-06-13T00:00:00.000Z",1785654925235]