[{"data":1,"prerenderedAt":39},["ShallowReactive",2],{"tag-articles-レスポンシブ":3},[4,10,15,20,25,29,34],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"Basic Englishクイズの結果画面スクロール不具合とMiller Columnレスポンシブ修正","Basic Englishクイズで結果画面がスクロールできない問題、理科ページのMiller Columnでデスクトップ/モバイル同時表示される問題、テキスト溢れの修正をまとめた開発ログ","/basic-english-bugfix-2026-02-13","2026-02-13T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"簿記クイズにBS/PLリアルタイム表示を実装 -- 累積・単体モード切替とハイライト機能","仕訳クイズの回答中にBS（貸借対照表）とPL（損益計算書）をリアルタイム表示する機能を設計・実装。累積/単体モード、92科目マッピング、変動科目ハイライト、レスポンシブ対応までの開発記録。","/quiz-bs-pl-interactive-2026-03-02","2026-03-02T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"教育コンテンツUIを抜本改善 - Theater型・Scrollytelling・ミラーカラムレイアウト","スライド教材の表示UIをTheater型・Scrollytelling・ミラーカラムレイアウトの3パターンで実装・比較。Theater型を採用しコンポーネント化、743行→140行にスリム化","/theater-scrollytelling-content-ui","2026-03-12T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"2026年3月15日の開発日記 - 会計学習コンテンツに音声ナレーションを載せた日","VOICEVOXとGoogle Cloud TTSで181台詞分の音声ナレーション機能を構築し、Cloudflare R2で配信。MillerViewerのSSRハイドレーションバグ修正と純粋関数リファクタリング、レスポンシブ対応修正も完了。","/2026-03-15-diary","2026-03-15T00:00:00.000Z",{"title":26,"description":27,"path":28,"publishedAt":24,"updatedAt":9},"MillerViewerのレスポンシブ対応修正 - モバイル画像非表示バグとiPad Pro 2カラムレイアウト","MillerViewerの:deep() CSSオーバーライドがTheaterViewerのモバイルレイアウトを破壊していた問題を修正し、iPad Pro フォーカスモード時の2カラムレイアウトを実装した記録。","/miller-viewer-responsive-fix",{"title":30,"description":31,"path":32,"publishedAt":33,"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","2026-05-09T00:00:00.000Z",{"title":35,"description":36,"path":37,"publishedAt":38,"updatedAt":9},"デザインシステム基礎講座を磨き込んだ一日——ターゲット別モックアップ・9ステップ実践LP・ハンバーガーメニュー実装","自作のデザインシステム基礎講座を丸一日改善した記録。同じ健康管理アプリをターゲット別に組み分けた比較モックアップ、良い情報設計の9ステップを実践したLPとスクロールスパイ、章扉画像15枚、ハンバーガーメニュー実装、JSON再生成の罠まで。","/design-system-course-refinement","2026-07-14T00:00:00.000Z",1785654929587]