[{"data":1,"prerenderedAt":218},["ShallowReactive",2],{"content-/zeimu-figure-svg-review":3,"all-pages-for-dir":196,"related-/zeimu-figure-svg-review":197,"og-image-/zeimu-figure-svg-review":217},{"id":4,"title":5,"body":6,"category":177,"concepts":178,"description":179,"extension":180,"meta":181,"navigation":182,"ogImage":178,"path":183,"project_name":184,"published":185,"publishedAt":186,"seo":187,"source":188,"stem":189,"tags":190,"todo":178,"unpublished":185,"updatedAt":178,"__hash__":195},"pages/2026-08/2026-08-18/zeimu-figure-svg-review.md","原図にない矢印を消す。SVG図解のレビューで線と余白のルールを決めた一日",{"type":7,"value":8,"toc":165},"minimark",[9,14,18,21,24,27,32,35,47,50,53,56,60,63,66,69,72,75,78,81,84,87,90,93,96,100,103,110,113,116,119,122,125,132,139,142,153,156,159,162],[10,11,13],"h1",{"id":12},"_380枚そろったところから指摘が始まった","380枚そろったところから、指摘が始まった",[15,16,17],"p",{},"前日の積み残しは6件あった。\n税務の講義用テキストの図をSVGに描き直す作業で、間接税法の11枚と法人税法の16枚がまだ「準備中」のまま残っていた。",[15,19,20],{},"朝いちばんに原図6枚を並べさせたら、描き方の語彙がそろっていることに気づいた。\n矩形は原料、丸は発酵中の液体、二重枠は酒類、角丸は貯蔵、括弧は工程。\n6枚とも同じ記号を同じ意味で使っている。\nだったら1枚ずつ手で描く理由がない。\n描画エンジンとデータを分けた生成スクリプト1本にまとめさせた。",[15,22,23],{},"これが効いた。\n座標の機械検証を先に入れさせたので、「水からもろみへ引いた線が酒母の楕円を貫通している」といった事故がその場で拾える。\n線の貫通も検出対象に足させて、6枚を通した。\n残り5枚のうち大きかったのは25項目4階層のツリーで、それも同じ仕組みで通った。",[15,25,26],{},"昼前には、図の「準備中」が0になった。\n公開380枚。\n朝の時点で354枚だったから、26枚増えたことになる。",[28,29,31],"h2",{"id":30},"確認するurlが出てこない","確認するURLが出てこない",[15,33,34],{},"完了報告を受け取って、最初に返したのは確認方法の質問だった。\nどのページを開けば今日の図が見られるのか、直接叩けるフルパスで出してほしいと頼んだ。\n「図を作りました」だけでは、こちらは何も確認できない。",[15,36,37,38,42,43,46],{},"割り出させたURLは、ギャラリー側が ",[39,40,41],"code",{},"ci"," で章、",[39,44,45],{},"si"," で図を指す形になっていた。\n実機で開かせて表示を確かめさせたうえで、並べ直させた。\nついでに、図の下に「清 酒 か す」という図ラベルの残りが見えているのも見つかった。\n本文に混ざったOCRの残骸で、原本を当たらせたら該当ページは図だけだった。\n31行まるごと図のラベルだったので削除させた。",[28,48,49],{"id":49},"四角と四角をつなぐ線が消えていた",[15,51,52],{},"開いたギャラリーを見て、原図と違うところがすぐに目についた。\n四角と四角のあいだに矢印の三角が付いている。\n原図では、そこは線でつないでいるだけで矢頭が無い。\nしかも三角が太いせいで、肝心の接続線がそれに食われて見えなくなっていた。",[15,54,55],{},"3枚のURLを渡して直させた。\n原因は共通エンジンにあり、幹線と箱の隙間が14pxしか無いところへ矢頭を描いていた。\nエンジンを直せば、同じ仕組みを使っている法人税法10枚に一括で効く。",[28,57,59],{"id":58},"_127枚を1枚ずつ突き合わせる","127枚を1枚ずつ突き合わせる",[15,61,62],{},"間接税法の図でも、線が矢頭に潰れていた。\nボックスどうしを線でつなぐところを全体的に見直してほしいと頼み、代表の1枚から直させた。\n矢頭44本が1本になり、接続はすべて線になった。",[15,64,65],{},"そのうえで、残りの図でも同じことが起きていないかを聞いた。\n洗い出させたら候補は127枚で、うち線が潰れているものが60枚あった。\nこのまま一括で矢印を消したくなる数字だ。",[15,67,68],{},"止まったのは、上位3枚を原図と並べたときだった。\n所得税の計算フローの系統は、原図にも矢印がある。\n「矢印は要らない」ではなく「原図に矢印があるかどうか」を1枚ずつ見るしかない。",[15,70,71],{},"127枚分の突き合わせシートを作らせて、43シートを順に見た。\n結果は、122枚が原図にも矢印ありで据え置きになった。\n手を入れるのは5枚まで絞れて、最終的に線に変えたのは3枚だけだった。\n残りは、矢印そのものは正しく、軸が短すぎて三角だけに見えていた問題だった。\nこちらは37枚まとめて軸を伸ばさせた。\n変更が出た41枚を目で見て、崩れが無いことを確認した。",[15,73,74],{},"候補127枚をまとめて処理していたら、原図どおりの矢印を122枚分消していたことになる。",[28,76,77],{"id":77},"図の意味に踏み込む",[15,79,80],{},"矢印の有無は原図を見れば決まる。\n決まらないものもあった。",[15,82,83],{},"ある図の原図は、政府が上、企業と家計が下に置かれた三角形になっている。\nただ中身を読むと、政府へ租税と労働力を納め、そこから公共財や補助金、給付を受けるという対比になっている。\nそれなら上下より左右のほうが構図に合う。\n左を企業と家計、右を政府に組み替えさせ、丸数字は矢印の線上に重ねさせた。",[15,85,86],{},"人口推移のグラフでは、ある年から先がおそらく推計だ。\n実績と推計の境目をグレーの点線で区切ってほしい、と頼んだ。\n戻ってきたのは、棒グラフそのものが点線になった図だった。\n棒まで点線にすると、単純に見づらい。\n区切りが1本入っていれば、読み手には伝わる。\n棒は通常の塗りに戻させ、破線は境界の1本だけにさせた。",[15,88,89],{},"丸数字の順序も直した。\n①から④までの番号が意味を持つ図なのに、③が下、④が上に来ていた。\n上から読んで①②③④になるよう入れ替えさせた。\nすると今度はバッジが③と④でほぼ同じ高さに並んだので、段差の出る位置へ置き直させた。",[15,91,92],{},"もう1枚では、合計所得金額の欄が抜けているように見えた。\n元のバージョンでもそうだったかと確かめさせたら、原図にも無かった。\n原図では、損益通算から損失の繰越控除へ直結している。\nそれでも列を足させた。",[15,94,95],{},"この一連のやりとりは、記録用のHTMLに積ませることにした。\n指摘の逐語、before、after を1件ずつ並べて、原図と見比べられる形にする。\n細かい指摘ほど図の仕上がりに効くので、口頭で流すのがもったいない。\n夜までに013番まで積んだ。",[28,97,99],{"id":98},"生成スクリプトがgitに無かった","生成スクリプトがGitに無かった",[15,101,102],{},"間接税法の代表1枚に取りかかったとき、生成スクリプトが見つからなかった。\n理由を調べさせたら、スキル側がそれを必須にしていなかった。\n「複雑な図は手書きより生成スクリプトのほうが座標のミスが出ない」という任意の推奨で止まっていた。\nサブエージェントへ委譲するときのチェックリストも、成果物をSVGそのものとしか定めていない。\n2日前に法人税法と所得税法を並列で委譲したコミットには、生成スクリプトが1本も入っていなかった。\ngit履歴に削除跡も無い。\n最初から書かずにSVGを直接書いていた。",[15,104,105,109],{},[106,107,108],"strong",{},"これはルールにした","。\nスキル本体を更新させて、生成スクリプトを必須にした。\n既存の図についても、書き起こしから作らせることにした。\nあわせて、触る図は着手前に必ず v2、v3 と番号を付けて退避する運用にした。\n生成スクリプトが無いからといって、図そのものが消えるわけではない。\nただ、次に直したくなったときに書き起こしからやり直すことになる。",[28,111,112],{"id":112},"余白の刻みを決める",[15,114,115],{},"3つの列を持つ図で、左端に並ぶ居住者と非居住者のボックスの高さがそろっていなかった。\nちょうど半分に割れる形なので、高さをそろえて2分割するよう指示した。",[15,117,118],{},"そこから余白の話になった。\nそれまで一律24pxだったものを、フィボナッチ数列の段に載せ替えさせた。\n21pxを選んだのは、既存のルールと衝突しない値がそこだけだったからだという。",[15,120,121],{},"見比べたら悪くない。\n区分と内容のあいだは13px、それ以外は21px。\nマージンがすっきりして読みやすくなっている。\nただ21pxのところが少し空きすぎに見えた。\nこの刻みのままでは、ピクセル単位で各要素の余白が大きすぎるという元の問題が直らない。\nフィボナッチの段を1つ下げる形で確定させて、13枚を作り直させた。\n詰めると矢印が潰れる箇所が出るので、そこは同時に直させた。",[28,123,124],{"id":124},"空振りしたアップロードと古いキャッシュ",[15,126,127,128,131],{},"R2へのアップロードが一度、完全に空振りした。\n22.9MBが0.1秒で終わったことになっていた。\nPowerShell 5.1で走らせていて ",[39,129,130],{},"-Parallel"," が効かず、1件も上がっていなかった。\nPowerShell 7で入れ直させた。\n392枚の実測は692秒と780秒で、0.1秒で終わるはずがない。",[15,133,134,135,138],{},"上げ直したあとにも矢印が残って見える図があったが、これはCloudflareのエッジキャッシュだった。\nオリジンのファイルは修正版で正しい。\n",[39,136,137],{},"max-age"," が14400なので4時間で切れる。",[15,140,141],{},"ギャラリーでSVGが縮んで見えるのも一度気になった。\n調べさせたら、左のナビ3列を畳んでも比較エリアが603pxまでしか広がらず、SVGは720px幅で作っている。\n本番の記事ページは本文カラムの上限が760pxなので、そちらではほぼ原寸で出る。\n縮んでいたのはQA用のギャラリーだけだった。",[15,143,144,145,148,149,152],{},"コミットでは学習ゲートをスキップするよう伝えた。\n1回は ",[39,146,147],{},"--no-verify"," で通っていた。\nルール上の回避手段は ",[39,150,151],{},"LEARN_SKIP=1"," なので、リセットして正しい経路でやり直させた。\n別のセッションが同じリポジトリの図を並行で触っているので、コミット範囲の切り分けも毎回させた。",[28,154,155],{"id":155},"次のセッションへ渡すもの",[15,157,158],{},"夜のセッションでは、並び替えを1枚直させて、次のレビュー対象を2枚見た。\nどちらもOKを出した。\n所得税法は32/86枚目で、残りは54枚以上ある。",[15,160,161],{},"引き継ぎについて一つ聞いた。\n積み残しは、次のセッションにプロンプトを渡せば終わるのか。\n答えは「終わらない」だった。\nあれは受け取った側が迷わず再開するための地図であって、作業そのものを代わりにやってくれる仕組みではない。\nそのとおりだと思う。\n明日のぶんはGoogleタスクに登録した。",[15,163,164],{},"今日の判断は一貫していない。\n原図に無い矢印は消させたのに、原図に無い欄は足させた。\n基準を原図の再現に置くならどちらも間違いで、読み手が意味を取れるかに置くならどちらも正しい。\n自分がどちらを見て判断しているのかは、まだ言葉にできていない。",{"title":166,"searchDepth":167,"depth":167,"links":168},"",2,[169,170,171,172,173,174,175,176],{"id":30,"depth":167,"text":31},{"id":49,"depth":167,"text":49},{"id":58,"depth":167,"text":59},{"id":77,"depth":167,"text":77},{"id":98,"depth":167,"text":99},{"id":112,"depth":167,"text":112},{"id":124,"depth":167,"text":124},{"id":155,"depth":167,"text":155},"dev",null,"講義用テキストの図をSVGに描き直す作業で、原図にない矢印の三角、潰れた接続線、推計区間の点線、番号の読み順を一つずつ直した記録。生成スクリプトがGit管理から漏れていた原因と、余白の刻み方をルールにするまで。","md",{},true,"/zeimu-figure-svg-review","eurekapu-nuxt4",false,"2026-08-18T00:00:00.000Z",{"title":5,"description":179},"make-diary","2026-08/2026-08-18/zeimu-figure-svg-review",[184,191,192,193,194],"SVG","図解","レビュー","生成スクリプト","-ZaEjvEuqbjcCPhiQmWh7Oc6w8feZSOG7gE72lmE5ZE",[],[198,202,205,209,213],{"title":199,"path":200,"publishedAt":201},"税大講本ビューアーのドラフト表示バグ修理とSVGウォーターマーク導入の記録","/zeimu-figure-viewer-improvements","2026-08-17T00:00:00.000Z",{"title":203,"path":204,"publishedAt":201},"税大講本の図解を作り込んだ一日、国税徴収法の差し押さえ図から所得税法の損益通算図まで","/zeimu-koten-figure-content-fixes",{"title":206,"path":207,"publishedAt":208},"税大講本の図をSVG化、所得税から相続税まで4科目を並行セッションで進めた1日","/zeimu-figure-four-tax-codes","2026-08-16T00:00:00.000Z",{"title":210,"path":211,"publishedAt":212},"研修教材の図をSVGに作り直し、Before/Afterギャラリーを図が主役の並びに直した","/zeimu-figure-svg-gallery","2026-08-15T00:00:00.000Z",{"title":214,"path":215,"publishedAt":216},"図解60型カタログのフレームを統一する。スライドの領域を命名して意味グリッドで揃えた1日","/diagram-catalog-frame-grid","2026-08-12T00:00:00.000Z","https://log.eurekapu.com/favicon.svg",1787120157697]