[{"data":1,"prerenderedAt":18},["ShallowReactive",2],{"tag-articles-müller-brockmann":3},[4,10,14],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"2026年6月14日の開発日記 — グリッドの夜が明けて、宅建Phase 1.5・台湾AIサーバー6社・Yahoo経由の貯蓄ゼロ報道を一次まで剥がす","/fudosan-toshi の9章を5STEPでグルーピングしてイントロを足し、ガイド全体のSVGをMüller-Brockmannグリッドに乗せ替え、その勢いで宅建教科書 Phase 1.5・カメラ露出シミュレーター・台湾AIサーバー半導体6社・Yahoo配信の『単身世帯3人に1人貯蓄ゼロ』報道の原典Excel検証まで進めた1日","/2026-06-14-diary","2026-06-14T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":8,"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":15,"description":16,"path":17,"publishedAt":8,"updatedAt":9},"社内 AI デモページ3本に Müller-Brockmann グリッドを当てる — 写真の高さがガタついたのは subgrid と box-sizing と translateY のせい","社内 AI ワークショップで作った3つのデモページ（お菓子店・美容室・飲食店）を、Müller-Brockmann グリッドシステムのスキルで12列モジュラーグリッドに乗せ替えた。最初は subgrid 継承ミスでカードが縦に並び、写真の高さも揃わず画面がガタついた。検証ハーネスを最初から回さず目視で済ませたのが直接の敗因。verify を走らせて 0px 一致まで詰めたあと、ナビ追加・サイドバー削除まで一気通貫で整えた記録。","/tsukumi-demo-grid-layout",1785654938330]