[{"data":1,"prerenderedAt":55},["ShallowReactive",2],{"tag-articles-図解":3},[4,10,15,20,25,30,35,40,45,50],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"テーブルとpreブロックをSVG図解に一括変換した記録","ch0.vueの全テーブルとpreブロックをSVG化し、グレー8段階のトンマナルールを確立。6サブエージェント並列で59件のSVGを生成した実装ログ","/svg-diagram-conversion","2026-04-20T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"別表デフォルメSVG図解を22枚制作しウォーターフォールチャートをv4まで磨いた記録","法人税別表四・五・十四のデフォルメSVG図解を並列サブエージェント5つで一括制作。寄付金のウォーターフォールチャートはv1からv4まで4回描き直して計算構造を視覚化した","/beppyo-svg-deformed-design","2026-04-22T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"Excelのシート間参照をPNG図解する：pywin32 COM CopyPicture + Pillow矢印合成スクリプトの試作","Excelコンテンツ作成時、Sheet1のマスタ表からSheet2へのINDEX/MATCH参照を図示するワークフローを自動化したい。現状はExcelのスクショを撮ってIllustratorで矢印を引いており、毎回20分かかる。今回はpywin32 COMのCopyPictureで2つの範囲をキャプチャし、Pillowで矢印を合成してPNG出力するスクリプトを試作した。指定方法はYAML/JSONで `Sheet1!B5:E10 → Sheet2!C8:F12` のようにfrom/toを書く想定。既存のexcel-screenshotスキル（HTMLレンダリング版）との使い分けも整理した。","/excel-cross-sheet-reference-diagram","2026-04-27T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"書籍の図をSVG化するワークフローを svg-diagram スキル v2 にまとめた","別リポジトリ eurekapu-nuxt4 で会社法・法人税法のテキストに載っている図をSVG化する作業を1日まわした。公開会社・非公開会社のベン図、役員給与の損金算入可否フローチャートを、本の図そのまま再現するのではなくロジックを整理したカード型に作り直した。最初はスキルを呼ばずに直接書いてしまい、viewBox や色のルールから外れた。途中でスキルを呼び直し、得られた知見を svg-diagram スキル v2 として作り直して「書籍画像→SVG図解への変換ワークフロー」セクションを追記した。","/svg-diagram-book-figures","2026-04-28T00:00:00.000Z",{"title":26,"description":27,"path":28,"publishedAt":29,"updatedAt":9},"AI 時代に唯一マネされない事例コンテンツ戦略を SVG 図解でまとめた","バズ部・石井氏の海外レポート vol.3（Case Study Buddy のジョエル・クレツキ氏）を、4 スキル（honda-sakubun / content-management / svg-diagram / doc-communication）を重ねがけして公開記事 + SVG 5 枚に仕立てた一日のログ。図解の 2 カラム → 1 カラム化と、マゼンタ強調の引き算判断を残しておく。","/ai-era-untamable-case-study-content-strategy","2026-06-15T00:00:00.000Z",{"title":31,"description":32,"path":33,"publishedAt":34,"updatedAt":9},"SVG-diagramスキルに ①②③ の中央寄せとカード下パディングのルールを追加","カード左に置いた ①②③ が rect の上寄りに落ちていた。dominant-baseline=central と height の可変算出をスキルに書き込み、既存 SVG 図解にも遡って適用した記録。","/svg-diagram-skill-numbering-padding","2026-07-01T00:00:00.000Z",{"title":36,"description":37,"path":38,"publishedAt":39,"updatedAt":9},"SVG図解を4:3比率から解放する ─ スキルに縦流しルールを追加して記事図解を一括刷新した","Webで見るSVG図解がスライドの4:3比率に引きずられてS字型レイアウトになる違和感を対話で詰め、svg-diagramスキルに縦流しルールを追加。Sonnet 5のサブエージェント15並列でシリーズ全記事の図解をレビュー・修正した記録。","/svg-diagram-vertical-flow-rule","2026-07-04T00:00:00.000Z",{"title":41,"description":42,"path":43,"publishedAt":44,"updatedAt":9},"どんな仕事もだいたいこの型で回る——目標確認からボトルネック解消まで、6ステップの繰り返し","経営方針の確認から課題の特定・整理、ボトルネックの特定と解消、上流との方向合わせまで。どんな仕事にも通じる進め方の型を6ステップに分け、1ステップずつ図解にした。","/shigoto-no-kata","2026-07-06T00:00:00.000Z",{"title":46,"description":47,"path":48,"publishedAt":49,"updatedAt":9},"デロイトの351ページ資料は「7つの型」だけでできていた ─ note記事からSVG図解スキルに足りない要素を洗い出した","経産省納品資料を分析したnote記事の「7つの基本型」「5点骨格」を読み、自作のsvg-diagram図解スキルと突き合わせた記録。出典表記ルールと論証テーブル型を追加し、doc-communicationスキルを参照して列見出しの設計方針を固め、マゼンタ強調を面から文字色優先に見直した。","/svg-diagram-skill-deloitte-7-types-review","2026-07-16T00:00:00.000Z",{"title":51,"description":52,"path":53,"publishedAt":54,"updatedAt":54},"職務経歴書は3つの図形で語る — □⇒△モデルの図解","業界経験は2軸マトリックス、業務経験はバリューチェーン、マネジメント経験はピラミッド。経験の棚卸しを3つの図形に載せる□⇒△モデルをSVG図解にして、他職種への差し替え例も添えた。","/resume-square-arrow-triangle-model","2026-07-31T00:00:00.000Z",1785654927308]