[{"data":1,"prerenderedAt":244},["ShallowReactive",2],{"content-/zeimu-figure-svg-gallery":3,"all-pages-for-dir":223,"related-/zeimu-figure-svg-gallery":224,"og-image-/zeimu-figure-svg-gallery":243},{"id":4,"title":5,"body":6,"category":203,"concepts":204,"description":205,"extension":206,"meta":207,"navigation":208,"ogImage":204,"path":209,"project_name":210,"published":211,"publishedAt":212,"seo":213,"source":214,"stem":215,"tags":216,"todo":204,"unpublished":211,"updatedAt":204,"__hash__":222},"pages/2026-08/2026-08-15/zeimu-figure-svg-gallery.md","研修教材の図をSVGに作り直し、Before/Afterギャラリーを図が主役の並びに直した",{"type":7,"value":8,"toc":189},"minimark",[9,13,17,20,24,27,30,34,37,40,43,46,50,53,56,59,62,65,68,71,74,77,80,83,87,90,93,101,104,107,110,113,116,119,122,125,128,131,134,137,140,151,154,157,160,179],[10,11,5],"h1",{"id":12},"研修教材の図をsvgに作り直しbeforeafterギャラリーを図が主役の並びに直した",[14,15,16],"p",{},"セッションを開いて最初に打ったのは、作業の指示ではなく待機の指示だった。\n別のセッションで組んだプロンプトをあとから自分の手で貼りにくる予定だったからだ。\nこのセッションは丸一日、税務の講本の図をSVGに作り直す担当になった。",[14,18,19],{},"前の日に残した宿題は「どの図をどこまでSVGに起こすか」だった。\n並べてみないと決まらない、と書いてある。\nその並べる場所が、Before/Afterを横に置く作業用のギャラリーである。",[21,22,23],"h2",{"id":23},"権利の確認から始めさせた",[14,25,26],{},"作図より先に、権利を確認していない図が5枚残っていた。\n原本のPDFに当たらせて確認させた。\n5枚とも第三者の出典が入っていない自作図だったので、そのまま起こしてよいと判断がついた。\nこのときに、図の名前が原本のページ番号と一致しているかどうかも突き合わせた。",[14,28,29],{},"入門にあたる分野は14枚で、13枚をSVGにして1枚を除外した。\nこのうち最大の図は40項目が入る機構図で、座標を手で置くと必ずどこかがずれる。\nそこはスクラッチパッドに生成スクリプトを書かせて、数字から座標を出す形にさせた。",[21,31,33],{"id":32},"_61枚をまず仕分けさせる","61枚をまず仕分けさせる",[14,35,36],{},"所得税の分野は61枚あった。\n全部をSVGに起こす必要はないはずで、表として組んだほうが読める図も混ざっている。",[14,38,39],{},"そこで、読み取り専用の仕分けエージェントを4本並行で走らせた。\n返ってきたのはSVGが37枚、表が22枚、対象外が2枚という内訳だった。\n判断を台帳に書き戻してから、基準になる2枚だけを先に作らせている。",[14,41,42],{},"残りは作図エージェントに分担させた。\nこのとき、守ってほしい規約はスキル名を渡すのではなく、指示文の本文に丸ごと埋め込ませた。\n出てきたものは全数を自分の目で見た。\n機械の検査を通ったことと、図として読めることは別の話だからだ。",[14,44,45],{},"親族図だけは保留にした。\n4親等から6親等の傍系にあたるラベルが原図から読み切れず、推測で埋めれば嘘の図になる。\nここまでで、全体346枚のうち48枚がSVGになった。",[21,47,49],{"id":48},"総務課と調査部門は署長に対して並列","「総務課と調査部門は署長に対して並列」",[14,51,52],{},"出てきた組織図を見て、階層が読み取れないと伝えた。\n総務課と調査部門は署長に対して並列なのだが、箱を並べただけでは上下の関係なのか並列なのかが読み取れない。\n関係は線で引いてくれ、と頼んだ。",[14,54,55],{},"直しは1枚では終わらせず、48枚すべてに広げさせた。\n入門にあたる分野の13枚を先に直させ、所得税の分野の35枚は点検用のエージェント2本に投げた。\n同じ指摘を三度言わずに済むよう、作業ガイドの側にも恒久ルールとして書かせている。",[21,57,58],{"id":58},"ギャラリーは図が主役でいい",[14,60,61],{},"最初に外させたのは、コンテンツ領域の幅の上限だった。\n講義ノートの本文には読みやすい幅の上限を入れてあるが、Before/Afterを横に並べるページでその幅は邪魔でしかない。\n図が2枚とも縮んで、比べたい細部が見えなくなる。\n他の講座に影響が出ないよう、ギャラリーのホスト側だけで上書きさせた。",[14,63,64],{},"右側の目次も消させた。\nトピックの列も、既にある2列と同じく折りたためるようにさせた。\n比べる作業をしているあいだは、図以外のものが画面に残っている理由がない。",[14,66,67],{},"もうひとつ直したのが、図より上に積まれていたメタ情報だった。\n図のタイトルと、前後の図へ移るボタンが並ぶヘッダーは残していい。\nその下にあった原本のページ番号、章タイトル、参考の出典は、全部まとめて図の下へ落とさせた。\nこれでPCの横画面でも、開いた瞬間に修正前と修正後の両方が縦に収まる。",[21,69,70],{"id":70},"並べたら中身の誤りが見えた",[14,72,73],{},"見やすくした途端に、図の中身のほうが引っかかりはじめた。",[14,75,76],{},"国際比較の積み上げ棒で、合計が原図と合っていない。\n原因を見ると、財政赤字が国民所得に占める割合はマイナスの値なのに、それを上に足し上げていた。\n原図では0より下に描かれている項目である。\nおまけに1か国だけ、この項目そのものが存在しない。\n0の軸を入れて描き直させ、マイナス側の棒が薄くて見えなかったので濃度も上げさせた。",[14,78,79],{},"歳入と歳出の図は、誤りではなく構造の問題だった。\n内訳を別のブロックに切り出したせいで、どの費用がどこに属するのかが読めなくなっている。\n原図のほうがそこは分かる、と伝えて1本のウォーターフォールに統合させた。\n所属は位置とインデントと接続線の3つで示す。\n小さい内訳の棒が薄くて沈んでいたので、階層の濃淡は上位ほど濃くなる向きに入れ替えさせた。\n円グラフをウォーターフォールに置き換えるこの手は使い回せるので、型として書き残させている。",[14,81,82],{},"組織図のほうは、答えを出さずに置いた。\n審議会が次長の下ではない位置に挟まっていて、どこに属しているのかが図から読み取れない。\n原図と本文の両方を当たらせた。\n原図がそう描いているのだから、まあいいのか、というところで止めている。",[21,84,86],{"id":85},"_1000万円の線を再現させる","1,000万円の線を再現させる",[14,88,89],{},"所得税の分野をレビューしていて、いちばん手が止まったのがこの図だった。",[14,91,92],{},"原図は、左の軸の1,000万円が全体の基準になっている。\n共通のベースラインが1本、共通の1,000万円のラインが1本あって、3つのケースがそれを横切る形で描かれている。\nこれを右側で再現してほしい、と頼んだ。",[14,94,95,96,100],{},"ここで接続が切れた。\n",[97,98,99],"code",{},"API Error: Connection refused"," が返ったきり返事がこない。\n同じ問いを二度打って、三度目に「これってダメなの、進められないの」と打った。\n進められます、と返ってきたのは、そのあとだった。",[14,102,103],{},"v1のどこが悪かったのかは、動きだしてすぐはっきりした。\n3つのケースをバラして、それぞれに別々の1,000万円の線を引いていたのである。\n線が3本あると、1,000万円が共通の基準だという図の主旨が消える。\n原図が線を1本にしている理由がそこにある。",[14,105,106],{},"v2で作り直させたが、v1は消させなかった。\nどこが違うのかを並べて見たいので、旧版を退避してバージョンとして持つ仕組みを入れさせている。\nギャラリーの生成側に旧版を検出させ、CSSを3列以上に対応させた。\nこれで原図とv1とv2が横に並ぶ。",[21,108,109],{"id":109},"運用をスキルにする",[14,111,112],{},"同じ判断を明日も口で言うのは避けたかったので、この日の運用をスキルに落とさせた。",[14,114,115],{},"置き場所は3つに割れた。\n講本の図を起こす手順そのものは、プロジェクト側の作業スキルに置いた。\nSVGの設計として一般化できるルールは、既存の作図スキルへ足した。\n規約を指示文へ埋め込むという委譲のやり方は、作業を問わない行動規範のほうに書いた。",[14,117,118],{},"全部を1か所に押し込むと、次に必要になったときに読まれない。\n性質ごとに置き場所を分けるところまでが、スキル化の作業だった。",[21,120,121],{"id":121},"コミットとデプロイ",[14,123,124],{},"区切りがついたのでステージングとコミットをさせた。",[14,126,127],{},"変更は作業リポジトリと設定リポジトリの2つに散っていて、未追跡だけで367件あった。\n中身を確認させたところ、全部が今回の講座関連だった。\n図の作業と、前日から残っていた無関係なメモを分けてコミットさせている。",[14,129,130],{},"デプロイの前で一度止まった。\n別の分野を担当している並行セッションがまだ動いていて、生成物と原稿の突き合わせが差分1件で落ちる。\n直近3分の更新がゼロになったのを確認してから、生成物を整合させて流した。",[14,132,133],{},"ビルドが209秒。\nWorkerのバンドルは1.858 MiB（gzip）で925チャンク、3.0 MiBの枠に対して1.14 MiBほど余っていた。\nデプロイまで含めて3.9分、exit 0で終わった。",[21,135,136],{"id":136},"ギャラリーだけ本番に出す",[14,138,139],{},"講座は全部下書き扱いにしてあるが、作業用のギャラリーだけは本番でも見たかった。",[14,141,142,143,146,147,150],{},"ここで一度、誤った報告をさせている。\n本番には露出していないと書かせたのだが、確認に使った ",[97,144,145],{},"curl"," に ",[97,148,149],{},"--compressed"," を付けておらず、圧縮された中身をそもそも読めていなかった。\n実際にはカードが出ていた。\nあらためて調べさせると、サーバー側が返すHTMLにカードは入っておらず、クライアント側で描画されていた。",[14,152,153],{},"挙動そのものは仕様どおりだった。\n下書きの講座は、管理者としてログインしたときだけ一覧に出る。\nログインすれば全部が見られるわけではない、というところまで確かめさせた。",[14,155,156],{},"修正前の原図を本番に出すこと自体は、著作権を明示すれば問題ないという整理になった。\nただし画像をそのままGitに載せるとリポジトリが膨らむ。\nオブジェクトストレージに逃がす方針だけをメモに残させた。\nそのメモへの導線は、最初は入らなかった。\n並行セッションが進捗ドキュメントを書き換えていて、挿入しようとした位置が消えていたためだ。",[21,158,159],{"id":159},"残ったもの",[161,162,163,167,170,173,176],"ul",{},[164,165,166],"li",{},"明日は所得税の分野のレビュー継続から。作り直したものを原図と並べて確かめる作業が途中で止まっている",[164,168,169],{},"次に着手する分野は所得税ではなく法人税で、63枚ある",[164,171,172],{},"保留にした親族図。傍系のラベルを原図から読み切れるまで手を付けない",[164,174,175],{},"原図をオブジェクトストレージへ移す件は方針だけ。実装はこれから",[164,177,178],{},"組織図の審議会の位置づけ。原図がそう描いている以上、直すかどうかも決めていない",[14,180,181,182,188],{},"作業用のギャラリーは ",[183,184,185],"a",{"href":185,"rel":186},"http://localhost:3200/lessons/zeimu/figures/nyumon",[187],"nofollow"," で見ている。\nマイナスの積み上げに気づいたのも、修正前と修正後を横に並べたこの画面の上だった。\n図を1枚ずつ作っていたら、合計が合わないことには最後まで気づかなかったはずである。",{"title":190,"searchDepth":191,"depth":191,"links":192},"",2,[193,194,195,196,197,198,199,200,201,202],{"id":23,"depth":191,"text":23},{"id":32,"depth":191,"text":33},{"id":48,"depth":191,"text":49},{"id":58,"depth":191,"text":58},{"id":70,"depth":191,"text":70},{"id":85,"depth":191,"text":86},{"id":109,"depth":191,"text":109},{"id":121,"depth":191,"text":121},{"id":136,"depth":191,"text":136},{"id":159,"depth":191,"text":159},"dev",null,"税務の公的研修教材の図をSVGに作り直す担当セッションを1日走らせ、全346枚のうち48枚まで進めた記録。Before/Afterを比べる作業用ギャラリーの本文幅の上限を外し、メタ情報を図の下へ移した。積み上げ棒でマイナス値を足し上げていた誤りも、原図と突き合わせて直させている。","md",{},true,"/zeimu-figure-svg-gallery","eurekapu-nuxt4",false,"2026-08-15T00:00:00.000Z",{"title":5,"description":205},"make-diary","2026-08/2026-08-15/zeimu-figure-svg-gallery",[217,218,219,220,221],"SVG","図解","サブエージェント","Miller Column Layout","Cloudflare Pages","QSQrhglITFfj8tusqkaB-jY7lD56JReCo5TPitLfL6U",[],[225,229,233,237,240],{"title":226,"path":227,"publishedAt":228},"税大講本の図解を作り込んだ一日、国税徴収法の差し押さえ図から所得税法の損益通算図まで","/zeimu-koten-figure-content-fixes","2026-08-17T00:00:00.000Z",{"title":230,"path":231,"publishedAt":232},"税大講本の図をSVG化、所得税から相続税まで4科目を並行セッションで進めた1日","/zeimu-figure-four-tax-codes","2026-08-16T00:00:00.000Z",{"title":234,"path":235,"publishedAt":236},"SVG図解を4:3比率から解放する ─ スキルに縦流しルールを追加して記事図解を一括刷新した","/svg-diagram-vertical-flow-rule","2026-07-04T00:00:00.000Z",{"title":238,"path":239,"publishedAt":212},"図解60型が1枚のキャンバスに乗った日。ここから27系と33系のどちらを残すかを選ぶ","/diagram-catalog-selection-start",{"title":241,"path":242,"publishedAt":212},"PDFの研修教材を講義ノートにする計画を立て、図と表を別セッションに切り出した","/zeimu-lecture-notes-kickoff","https://log.eurekapu.com/favicon.svg",1787053849423]