[{"data":1,"prerenderedAt":539},["ShallowReactive",2],{"content-/beppyo-content-draft-creation":3,"all-pages-for-dir":537,"og-image-/beppyo-content-draft-creation":538},{"id":4,"title":5,"body":6,"category":515,"description":516,"extension":517,"meta":518,"navigation":90,"path":519,"project_name":520,"published":521,"publishedAt":522,"seo":523,"stem":524,"tags":525,"todo":534,"unpublished":521,"updatedAt":535,"__hash__":536},"pages/2026-04/2026-04-21/beppyo-content-draft-creation.md","別表四・五の解説コンテンツをTurso DBから一括生成しCodexで全章レビューした記録",{"type":7,"value":8,"toc":498},"minimark",[9,13,17,22,25,30,33,37,40,44,56,108,111,115,119,122,125,251,254,258,261,264,341,344,347,351,357,360,364,375,378,381,471,474,494],[10,11,5],"h1",{"id":12},"別表四五の解説コンテンツをturso-dbから一括生成しcodexで全章レビューした記録",[14,15,16],"p",{},"法人税の参考書を解説するコンテンツの骨格を1日で立ち上げた。Turso DBに格納済みの280チャンクから10章分のマークダウンドラフトを4つのサブエージェントで並列に書き出し、Codex（GPT-5.4）に全章を通してレビューさせ、致命的な指摘を片っ端から潰した。SVG図解も別表四・五の連動構造を描き切った。朝7時から17時過ぎまで、17セッションを重ねた。",[18,19,21],"h2",{"id":20},"svg図解の作成-別表の構造を目に見える形にする","SVG図解の作成: 別表の構造を目に見える形にする",[14,23,24],{},"別表四と別表五(一)は数字が行き来する。この「行き来」を文章で説明しても読者の目が泳ぐ。だからSVGで描いた。",[26,27,29],"h3",{"id":28},"別表五一-株主資本等変動計算書の連動図","別表五(一) + 株主資本等変動計算書の連動図",[14,31,32],{},"繰越損益金120,000が別表五(一)から株主資本等変動計算書にどう流れるかを1枚の図にまとめた。上下レイアウトを入れ替えて、株変を上に配置したことで視線の流れが自然になった。最初は別表五(一)を上に置いていたが、「変動の結果が別表に反映される」という因果関係を考えると、株変が先に来る方が読者の頭に入る。",[26,34,36],{"id":35},"bs-別表五一の連結図","B/S + 別表五(一)の連結図",[14,38,39],{},"未払法人税等2,500（B/S側）と納税充当金2,500（別表五(一)側）を矢印で接続した。会計と税務で呼び名が変わるだけで同じ数字を指していることが、図にした瞬間に伝わる。資本金等の額の図では資本剰余金と自己株式も入れて、Ⅱ区分の全体像を描いた。",[26,41,43],{"id":42},"別表四のsvg-矢印のz軸問題との格闘","別表四のSVG: 矢印のZ軸問題との格闘",[14,45,46,47,51,52,55],{},"損益計算書 → 別表四 → 別表一の流れを1枚のSVGに収めた。ここで矢印がテーブルの背景色に隠れる問題にぶつかった。SVGの描画順序は後に書いたものが前面に来る。矢印の",[48,49,50],"code",{},"\u003Cpath>","要素をテーブルの",[48,53,54],{},"\u003Crect>","より前に書いていたのが原因だった。",[57,58,63],"pre",{"className":59,"code":60,"language":61,"meta":62,"style":62},"language-xml shiki shiki-themes vitesse-light vitesse-light","\u003C!-- NG: 矢印がテーブル背景の下に隠れる -->\n\u003Cpath d=\"M100,50 L100,120 L200,120\" stroke=\"#E91E63\" />\n\u003Crect x=\"150\" y=\"100\" width=\"200\" height=\"40\" fill=\"#F5F5F5\" />\n\n\u003C!-- OK: 矢印をSVG末尾に移動して最前面に -->\n\u003Crect x=\"150\" y=\"100\" width=\"200\" height=\"40\" fill=\"#F5F5F5\" />\n\u003Cpath d=\"M100,50 L100,120 L200,120\" stroke=\"#E91E63\" />\n","xml","",[48,64,65,73,79,85,92,98,103],{"__ignoreMap":62},[66,67,70],"span",{"class":68,"line":69},"line",1,[66,71,72],{},"\u003C!-- NG: 矢印がテーブル背景の下に隠れる -->\n",[66,74,76],{"class":68,"line":75},2,[66,77,78],{},"\u003Cpath d=\"M100,50 L100,120 L200,120\" stroke=\"#E91E63\" />\n",[66,80,82],{"class":68,"line":81},3,[66,83,84],{},"\u003Crect x=\"150\" y=\"100\" width=\"200\" height=\"40\" fill=\"#F5F5F5\" />\n",[66,86,88],{"class":68,"line":87},4,[66,89,91],{"emptyLinePlaceholder":90},true,"\n",[66,93,95],{"class":68,"line":94},5,[66,96,97],{},"\u003C!-- OK: 矢印をSVG末尾に移動して最前面に -->\n",[66,99,101],{"class":68,"line":100},6,[66,102,84],{},[66,104,106],{"class":68,"line":105},7,[66,107,78],{},[14,109,110],{},"セルからセルへの直接接続にはL字型の矢印を使った。また、外枠全体をマゼンタで囲んでいた箇所を、値セルだけに絞ってマゼンタ枠を付ける修正も入れた。枠が大きすぎると「どこを見ればいいか」がぼやける。",[18,112,114],{"id":113},"turso-dbからのドラフト一括生成","Turso DBからのドラフト一括生成",[26,116,118],{"id":117},"_280チャンク-10章のマークダウン","280チャンク → 10章のマークダウン",[14,120,121],{},"Embedded Replicaから法人税の参考書データ280チャンクを読み取り、Ch0からCh9までの10章構成でドラフトを生成した。4つのサブエージェントを並列に走らせ、各エージェントが2〜3章ずつ担当した。",[14,123,124],{},"各章のテーマは以下の通り。",[126,127,128,144],"table",{},[129,130,131],"thead",{},[132,133,134,138,141],"tr",{},[135,136,137],"th",{},"章",[135,139,140],{},"テーマ",[135,142,143],{},"想定読者レベル",[145,146,147,159,169,180,190,200,211,221,231,241],"tbody",{},[132,148,149,153,156],{},[150,151,152],"td",{},"Ch0",[150,154,155],{},"利益と所得のズレ",[150,157,158],{},"簿記3級",[132,160,161,164,167],{},[150,162,163],{},"Ch1",[150,165,166],{},"益金・損金の概念",[150,168,158],{},[132,170,171,174,177],{},[150,172,173],{},"Ch2",[150,175,176],{},"留保と社外流出",[150,178,179],{},"簿記2級",[132,181,182,185,188],{},[150,183,184],{},"Ch3",[150,186,187],{},"申告書の作成手順",[150,189,179],{},[132,191,192,195,198],{},[150,193,194],{},"Ch4",[150,196,197],{},"地方税の仕組み",[150,199,179],{},[132,201,202,205,208],{},[150,203,204],{},"Ch5",[150,206,207],{},"タックスプルーフ",[150,209,210],{},"実務",[132,212,213,216,219],{},[150,214,215],{},"Ch6",[150,217,218],{},"中間納付の処理",[150,220,210],{},[132,222,223,226,229],{},[150,224,225],{},"Ch7",[150,227,228],{},"欠損金の繰越・繰戻",[150,230,210],{},[132,232,233,236,239],{},[150,234,235],{},"Ch8",[150,237,238],{},"グループ通算制度",[150,240,210],{},[132,242,243,246,249],{},[150,244,245],{},"Ch9",[150,247,248],{},"包括利益と税効果",[150,250,210],{},[14,252,253],{},"簿記3級レベルの読者を起点にして、章が進むにつれて実務寄りに深まる構成にした。「法人税は難しい」という先入観を持つ読者が、Ch0の「利益と所得は違う」から入れるように意識した。",[18,255,257],{"id":256},"codexgpt-54による全章レビューと修正","Codex（GPT-5.4）による全章レビューと修正",[14,259,260],{},"10章すべてをCodexに投げてレビューさせた。「瑣末な点へのクソリプはしないで。致命的な点だけ指摘して」と指示して、本当に直すべきところだけを炙り出した。",[26,262,263],{"id":263},"指摘と修正の一覧",[126,265,266,278],{},[129,267,268],{},[132,269,270,272,275],{},[135,271,137],{},[135,273,274],{},"指摘内容",[135,276,277],{},"修正対応",[145,279,280,290,300,311,321,331],{},[132,281,282,284,287],{},[150,283,152],{},[150,285,286],{},"P/Lの当期純利益から別表四の所得金額への橋渡しが飛んでいる",[150,288,289],{},"数値例を追加して、加算・減算の具体的な金額でつないだ",[132,291,292,294,297],{},[150,293,163],{},[150,295,296],{},"混合費用（交際費の損金不算入）の説明で限度額が抜けている",[150,298,299],{},"800万円の定額控除限度額を明示",[132,301,302,305,308],{},[150,303,304],{},"Ch2-3",[150,306,307],{},"加算・減算の方向性が一部逆",[150,309,310],{},"留保の増減と別表五(一)の動きを再確認して修正",[132,312,313,315,318],{},[150,314,194],{},[150,316,317],{},"延滞税の前提と仕訳処理が噛み合っていない",[150,319,320],{},"発生時期と損金不算入の関係を整理し直した",[132,322,323,325,328],{},[150,324,235],{},[150,326,327],{},"100%子会社からの受取配当の源泉所得税処理が曖昧",[150,329,330],{},"源泉所得税の別表四加算・別表一控除の流れを明示",[132,332,333,335,338],{},[150,334,245],{},[150,336,337],{},"タックスプルーフの符号が逆（加算を減算で書いていた）",[150,339,340],{},"実効税率差異分析の正負を全面見直し",[14,342,343],{},"Ch0の修正が最も手間がかかった。「利益≠所得」というテーマなのに、P/Lの数字と別表四の数字が空中でつながっていた。税引前当期純利益1,000,000から出発して、交際費の損金不算入+200,000、受取配当の益金不算入△100,000を経て所得金額1,100,000に至る流れを、数値入りで書き直した。",[14,345,346],{},"Ch9のタックスプルーフは符号ミスが致命的だった。実効税率30.62%と法定実効税率30.00%の差異0.62%を分解する過程で、交際費の加算効果をマイナスで書いていた。Codexがこれを拾ってくれなければ、読者が混乱するところだった。",[18,348,350],{"id":349},"プレースホルダーsvg生成","プレースホルダーSVG生成",[14,352,353,354,356],{},"22個の未作成SVGをプレースホルダーとして生成した。中に「この図は ",[66,355,140],{}," を説明するSVGです」という説明テキストを埋め込んである。VSCodeのプレビューで壊れた画像アイコンが並ぶ状態を解消して、ドラフト全体の見通しを良くした。",[14,358,359],{},"プレースホルダーでも「何を描く予定か」がテキストで読めると、次にSVGを本番化する際の仕様書代わりになる。",[18,361,363],{"id":362},"phase-1-ドラフトページのカテゴリ機能追加","Phase 1: ドラフトページのカテゴリ機能追加",[14,365,366,367,370,371,374],{},"ドラフトが10章に増えたことで、一覧ページでの管理が必要になった。",[48,368,369],{},"server/api/drafts/","にcategoryパラメータ対応を追加し、",[48,372,373],{},"drafts.vue","にカテゴリ切替タブのUIを実装した。",[14,376,377],{},"Phase 2として「Vueスライド形式のテキスト教材化」を計画しているが、これは翌日に持ち越した。1日の中でドラフト生成とレビュー修正に集中し、UI側は最小限に留めた判断は正しかったと思う。",[18,379,380],{"id":380},"試行錯誤の記録",[126,382,383,399],{},[129,384,385],{},[132,386,387,390,393,396],{},[135,388,389],{},"#",[135,391,392],{},"問題",[135,394,395],{},"試したこと",[135,397,398],{},"結果",[145,400,401,415,429,443,457],{},[132,402,403,406,409,412],{},[150,404,405],{},"1",[150,407,408],{},"SVG矢印がテーブル背景に隠れる",[150,410,411],{},"z-indexを試す → SVGにz-indexは効かない",[150,413,414],{},"描画順序（SVG末尾に移動）で解決",[132,416,417,420,423,426],{},[150,418,419],{},"2",[150,421,422],{},"L字型矢印の座標計算",[150,424,425],{},"セルの中心座標を手計算",[150,427,428],{},"viewBoxの座標系で計算し直して解決",[132,430,431,434,437,440],{},[150,432,433],{},"3",[150,435,436],{},"マゼンタ枠が広すぎて焦点がぼやける",[150,438,439],{},"テーブル外枠を囲む → 値セルだけを囲む",[150,441,442],{},"値セル限定で視線が集まるように",[132,444,445,448,451,454],{},[150,446,447],{},"4",[150,449,450],{},"4並列エージェントの章割り当て",[150,452,453],{},"均等に2.5章ずつ → 内容量で3:3:2:2に変更",[150,455,456],{},"内容量ベースの方が完了時間が揃った",[132,458,459,462,465,468],{},[150,460,461],{},"5",[150,463,464],{},"Codex指摘のCh9符号ミス",[150,466,467],{},"手元で再計算して確認",[150,469,470],{},"交際費の加算効果が逆符号だった",[18,472,473],{"id":473},"今日の学び",[475,476,477,485,488,491],"ul",{},[478,479,480,481,484],"li",{},"SVGに",[48,482,483],{},"z-index","は存在しない。描画順序がそのままZ軸になる。CSSの感覚で触ると嵌る",[478,486,487],{},"サブエージェント並列生成は、章の「文字量」ではなく「内容の複雑さ」で割り当てた方が完了時間が揃う。グループ通算（Ch8）は他の章の1.5倍の時間がかかった",[478,489,490],{},"Codexレビューの「致命的だけ指摘して」という制約が効く。10章通しで6件の致命的指摘に絞られ、修正のスループットが上がった",[478,492,493],{},"プレースホルダーSVGは「壊れた画像アイコンの解消」だけでなく「将来の作図仕様書」として二重に機能する",[495,496,497],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":62,"searchDepth":75,"depth":75,"links":499},[500,505,508,511,512,513,514],{"id":20,"depth":75,"text":21,"children":501},[502,503,504],{"id":28,"depth":81,"text":29},{"id":35,"depth":81,"text":36},{"id":42,"depth":81,"text":43},{"id":113,"depth":75,"text":114,"children":506},[507],{"id":117,"depth":81,"text":118},{"id":256,"depth":75,"text":257,"children":509},[510],{"id":263,"depth":81,"text":263},{"id":349,"depth":75,"text":350},{"id":362,"depth":75,"text":363},{"id":380,"depth":75,"text":380},{"id":473,"depth":75,"text":473},"dev","法人税申告書の別表四・五を解説するSVG図解の作成、TursoDB 280チャンクから10章分のドラフト並列生成、Codex(GPT-5.4)による全章レビューと修正の記録","md",{},"/beppyo-content-draft-creation","eurekapu-nuxt4",false,"2026-04-21T00:00:00.000Z",{"title":5,"description":516},"2026-04/2026-04-21/beppyo-content-draft-creation",[526,527,528,529,530,531,532,533],"別表四","別表五","SVG","TursoDB","Codex","法人税","ドラフト生成","並列処理","memo",null,"mArc_1BqhuktWR_WzvKv-Crc9up-zKSRn_3R6dZg3jc",[],"https://log.eurekapu.com/og/blog/beppyo-content-draft-creation.png?v=2026-04-21T00%3A00%3A00.000Z&title=%E5%88%A5%E8%A1%A8%E5%9B%9B%E3%83%BB%E4%BA%94%E3%81%AE%E8%A7%A3%E8%AA%AC%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%82%92Turso%20DB%E3%81%8B%E3%82%89%E4%B8%80%E6%8B%AC%E7%94%9F%E6%88%90%E3%81%97Codex%E3%81%A7%E5%85%A8%E7%AB%A0%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%81%97%E3%81%9F%E8%A8%98%E9%8C%B2&author=Kei%20Komatsu&sig=fe1442ac1d7c60d6",1780786053616]