[{"data":1,"prerenderedAt":303},["ShallowReactive",2],{"content-/2026-04-12-diary":3,"all-pages-for-dir":301,"og-image-/2026-04-12-diary":302},{"id":4,"title":5,"body":6,"category":282,"description":283,"extension":284,"meta":285,"navigation":286,"path":287,"project_name":288,"published":289,"publishedAt":290,"seo":291,"stem":292,"tags":293,"todo":299,"updatedAt":299,"__hash__":300},"pages/2026-04/2026-04-12/diary-2026-04-12.md","2026年4月12日の開発日記 - EDINET四半期ビューア設計とExcel講座の整理",{"type":7,"value":8,"toc":269},"minimark",[9,14,18,22,29,32,37,40,46,59,70,73,77,80,84,95,103,105,108,235,237,240,254,256,259],[10,11,13],"h1",{"id":12},"_2026年4月12日の開発日記","2026年4月12日の開発日記",[15,16,17],"p",{},"データパイプラインの方式選定で頭を抱え、Excel講座のセクション整理で手を動かした一日。設計と実装が半々の土曜日だった。",[19,20,21],"h2",{"id":21},"今日のタイムライン",[15,23,24],{},[25,26],"img",{"alt":27,"src":28},"タイムライン","/2026-04/2026-04-12/timeline-2026-04-12.png",[19,30,31],{"id":31},"今日やったこと",[33,34,36],"h3",{"id":35},"_1-edinet四半期データビューアの設計","1. EDINET四半期データビューアの設計",[15,38,39],{},"四半期財務データをフロントエンドで表示するための全体設計を詰めた。Turso Embedded Replicaの使い分け（edinet-api側でデータ取得→Turso格納、mdx-playground側でTurso→JSON生成）を整理し、Codexレビューを経て計画を固めた。",[15,41,42],{},[43,44,45],"strong",{},"主な成果:",[47,48,49,53,56],"ul",{},[50,51,52],"li",{},"データパイプライン方式を決定（Turso → JSON → 静的インポート）",[50,54,55],{},"Codex指摘2点（EPSの分母問題、テスト追加）を計画に反映",[50,57,58],{},"edinet-api側Claude Codeへの指示書を作成し、セッション間データ連携フローを確立",[15,60,61,64,65],{},[43,62,63],{},"詳細:"," ",[66,67,69],"a",{"href":68},"/edinet-quarterly-viewer-design","EDINET四半期データビューアの設計とデータパイプライン",[71,72],"hr",{},[33,74,76],{"id":75},"_2-excel講座stagehtmlテーブル追加セクション統合","2. Excel講座stageHtmlテーブル追加・セクション統合",[15,78,79],{},"eurekapu-nuxt4のExcel講座で、概要セクションに目次テーブル（stageHtml）を追加。Chrome DevToolsで実機確認しながら進め、VLOOKUPチャプターで表示されない問題からv-if/v-else-if排他制御を発見した。続けてセクション統合レビューで6箇所を統合し、旧プロジェクトとの移行漏れも補完した。",[15,81,82],{},[43,83,45],{},[47,85,86,89,92],{},[50,87,88],{},"ゲシュタルトの法則チャプター + NG集3チャプターにstageHtml追加",[50,90,91],{},"1行だけのセクション6箇所を前のセクションに統合（コンテンツの密度向上）",[50,93,94],{},"旧eurekapu.comから「その他のNG集」8項目をリンクなしテーブルとして追加",[15,96,97,64,99],{},[43,98,63],{},[66,100,102],{"href":101},"/excel-stagehtml-section-consolidation","Excel講座のstageHtml追加とセクション統合",[71,104],{},[19,106,107],{"id":107},"今日の試行錯誤",[109,110,111,133],"table",{},[112,113,114],"thead",{},[115,116,117,121,124,127,130],"tr",{},[118,119,120],"th",{},"#",[118,122,123],{},"テーマ",[118,125,126],{},"試したこと",[118,128,129],{},"結果",[118,131,132],{},"気づき",[134,135,136,154,170,185,202,219],"tbody",{},[115,137,138,142,145,148,151],{},[139,140,141],"td",{},"1",[139,143,144],{},"データパイプライン",[139,146,147],{},"Turso sync → JSON生成スクリプト案",[139,149,150],{},"採用",[139,152,153],{},"最終的にこの方式に落ち着いた",[115,155,156,159,161,164,167],{},[139,157,158],{},"2",[139,160,144],{},[139,162,163],{},"Pythonで直接EDINET API → JSON案",[139,165,166],{},"却下",[139,168,169],{},"Tursoに既にデータがあるのに二重取得になる",[115,171,172,175,177,180,182],{},[139,173,174],{},"3",[139,176,144],{},[139,178,179],{},"「Claude Codeが直接Turso DBを叩く」案",[139,181,166],{},[139,183,184],{},".envの読み取り制約でDB接続が煩雑",[115,186,187,190,193,196,199],{},[139,188,189],{},"4",[139,191,192],{},"stageHtml追加",[139,194,195],{},"VLOOKUPチャプターにstageHtml追加",[139,197,198],{},"失敗",[139,200,201],{},"スライド画像とstageHtmlがv-if/v-else-ifで排他",[115,203,204,207,210,213,216],{},[139,205,206],{},"5",[139,208,209],{},"セクション統合",[139,211,212],{},"「シミュレーション変数OK」を前セクションに統合",[139,214,215],{},"差し戻し",[139,217,218],{},"重要情報だったため注意書きとして目立たせる形に修正",[115,220,221,224,227,230,232],{},[139,222,223],{},"6",[139,225,226],{},"移行漏れ確認",[139,228,229],{},"旧SPAをWebFetchで取得",[139,231,198],{},[139,233,234],{},"SPAなのでHTMLが空。ソースコード直接比較に切り替え",[71,236],{},[19,238,239],{"id":239},"今日の学び",[47,241,242,245,248,251],{},[50,243,244],{},"データパイプラインの方式選定では「データの変換場所」と「実行主体」を分けて考えると迷いが消える",[50,246,247],{},"v-if / v-else-if の排他制御は、新しいプロパティを追加する前に既存の条件分岐を確認すべき",[50,249,250],{},"セクション統合では「短い＝不要」ではなく、内容の重要度で判断する。ユーザーからのフィードバックで方針を修正できた",[50,252,253],{},"SPAサイトとの比較はWebFetchでなくソースコード直接比較が確実",[71,255],{},[19,257,258],{"id":258},"関連記事",[47,260,261,265],{},[50,262,263],{},[66,264,69],{"href":68},[50,266,267],{},[66,268,102],{"href":101},{"title":270,"searchDepth":271,"depth":271,"links":272},"",2,[273,274,279,280,281],{"id":21,"depth":271,"text":21},{"id":31,"depth":271,"text":31,"children":275},[276,278],{"id":35,"depth":277,"text":36},3,{"id":75,"depth":277,"text":76},{"id":107,"depth":271,"text":107},{"id":239,"depth":271,"text":239},{"id":258,"depth":271,"text":258},"diary","EDINET四半期データビューアのデータパイプライン設計で方式が3回揺れた日。Excel講座ではstageHtml追加中にv-if排他制御を発見し、セクション統合と旧プロジェクト移行漏れ補完も完了","md",{},true,"/2026-04-12-diary","daily-log",false,"2026-04-12T00:00:00.000Z",{"title":5,"description":283},"2026-04/2026-04-12/diary-2026-04-12",[294,295,296,297,298,144],"日記","EDINET","四半期データ","Excel講座","stageHtml",null,"x2f_flg7QbXcrMr66CuRftuAGelxcZ6xGoYAauxAZLk",[],"https://log.eurekapu.com/favicon.svg",1776122261976]