[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"tag-articles-グリッドデザイン":3},[4,10,15,20],{"title":5,"description":6,"path":7,"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","2026-06-14T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"図解カタログ27型をグリッドで整列させ、手順をスキルへ戻すまで","SVG図解カタログ27型をピクセル単位で整列させた記録。一律12カラムを敷いても図はよくならず、軸の単位を図の意味から逆算する形に行き着いた。整列で見つけた手順は、そのまま図解スキルへ書き戻した。","/diagram-catalog-grid-alignment","2026-08-10T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"図解60型のグリッド整列を記録に残し、統合カタログを新設した","60型の Before / After を1ページに並べ、前日直したはずの図が戻っていた原因を追い、33系と27系を種類で混ぜた統合カタログを作るまでの記録。","/diagram-grid-alignment-catalog","2026-08-11T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"図解60型カタログのフレームを統一する。スライドの領域を命名して意味グリッドで揃えた1日","27系と33系のSVG図解を同じキャンバスに乗せる作業。フレームの持ち方をA/B/Cの3案で比較し、スライドの領域名と四辺の余白を決め、頼んでいない一括フォント変更を撤回するまでの記録。","/diagram-catalog-frame-grid","2026-08-12T00:00:00.000Z",1787187257248]