[{"data":1,"prerenderedAt":320},["ShallowReactive",2],{"content-/accounting-textbook-mvp-app":3,"all-pages-for-dir":299,"related-/accounting-textbook-mvp-app":300,"og-image-/accounting-textbook-mvp-app":319},{"id":4,"title":5,"body":6,"category":281,"concepts":282,"description":283,"extension":284,"meta":285,"navigation":240,"ogImage":282,"path":286,"project_name":287,"published":288,"publishedAt":289,"seo":290,"stem":291,"tags":292,"todo":282,"unpublished":288,"updatedAt":282,"__hash__":298},"pages/2026-07/2026-07-21/accounting-textbook-mvp-app.md","会計システムの技術書を読み解き、動くMVPアプリまで実装した一日",{"type":7,"value":8,"toc":270},"minimark",[9,13,17,22,25,28,32,35,43,47,50,170,173,176,180,183,186,190,193,196,199,203,218,221,224,227,249,252,263,266],[10,11,5],"h1",{"id":12},"会計システムの技術書を読み解き動くmvpアプリまで実装した一日",[14,15,16],"p",{},"読んで終わりにするか、動かして終わりにするか。積んでいたエンジニア向けの会計システム解説書を書籍データベースに入れたところまでは、いつもの巡回だった。違ったのは、その先だった。「これを元にちょっとコンテンツ作ってほしいんですよ。実際に動くやつ。」——そう言って、別のリポジトリを切ることになった。",[18,19,21],"h2",{"id":20},"kindleからの取り込みと自分の目で拾ったノイズ","Kindleからの取り込みと、自分の目で拾ったノイズ",[14,23,24],{},"蔵書ライブラリを開いてもらい、目当ての書籍を指定した。Kindle Cloud Readerではなく、すでにKindle for PCアプリ側で開いていたので、そのままアプリ側の巡回撮影ルートに切り替えた。396ページの本を先頭から最終ページまで撮り続け、199枚のスクリーンショットが揃った。OCR、Turso DBへの投入、目次整形と続けて、いったんは取り込み完了のはずだった。",[14,26,27],{},"念のため、取り込んだ本を書籍ビューアで自分の目で開いてもらった。表紙ページの末尾に「Location 1 of 3737 . 0%」という余計な文字列が残っている。Kindleの位置インジケータがOCRに混ざり込んだものだった。全76チャンク中74チャンクに同じ種類のノイズ（送りアイコンとページ表示のペア）が散っていることが分かり、除去スクリプトを組んで一括で消した。FTSインデックスは更新トリガーで自動同期される仕組みだったので、明示的な再構築は不要だと分かり、検索結果にノイズ文字列が出てこないことまで確認して、ようやく取り込みが完了した。",[18,29,31],{"id":30},"実際に動くやつの計画と1時間48分止まっていたcodex","「実際に動くやつ」の計画と、1時間48分止まっていたCodex",[14,33,34],{},"書籍はすでにTursoに構造化済みだったので、実装イメージをつかむために該当章のチャンクを取り出し、要約をサブエージェントに任せた。要約ができたところで、実装計画をCodex（gpt-5.6-sol）に依頼した。",[14,36,37,38,42],{},"順調に進んでいるに違いない、と思っていた。ところが「これ本当に動いてる？」と気になって出力ファイルの更新時刻を確認させると、最終更新から1時間48分、何も変化していなかった。プロセスを強制終了して再実行しても症状は同じ。原因は、作業ディレクトリの親フォルダがgitリポジトリではなく、Codexの安全チェックに「信頼されていないディレクトリ」と判定されて止まっていたことだった。",[39,40,41],"code",{},"--skip-git-repo-check"," を付けて再実行すると、今度は本当に動き出し、質の高い計画書ができあがった。",[18,44,46],{"id":45},"phase1-基盤とマスタ画面","Phase1 — 基盤とマスタ画面",[14,48,49],{},"新規リポジトリにNuxt3・TypeScript・Nuxt UI・Drizzle ORM・libSQLの構成を組み、21テーブルのマイグレーションを適用した。確定済み（POSTED）の仕訳は更新も削除もできないよう、DBトリガーで縛った。",[51,52,57],"pre",{"className":53,"code":54,"language":55,"meta":56,"style":56},"language-sql shiki shiki-themes vitesse-light vitesse-light","-- 確定済みの仕訳行は、金額を1円たりとも触らせない\nCREATE TRIGGER prevent_posted_update\n  BEFORE UPDATE ON journal_lines\n  WHEN OLD.status = 'POSTED'\nBEGIN\n  SELECT RAISE(ABORT, 'Cannot modify posted journal entry');\nEND;\n","sql","",[39,58,59,68,82,98,129,135,161],{"__ignoreMap":56},[60,61,64],"span",{"class":62,"line":63},"line",1,[60,65,67],{"class":66},"sxvE3","-- 確定済みの仕訳行は、金額を1円たりとも触らせない\n",[60,69,71,75,78],{"class":62,"line":70},2,[60,72,74],{"class":73},"sHkkW","CREATE",[60,76,77],{"class":73}," TRIGGER",[60,79,81],{"class":80},"senZ8"," prevent_posted_update\n",[60,83,85,88,91,94],{"class":62,"line":84},3,[60,86,87],{"class":73},"  BEFORE",[60,89,90],{"class":73}," UPDATE",[60,92,93],{"class":73}," ON",[60,95,97],{"class":96},"sG7-3"," journal_lines\n",[60,99,101,104,108,111,114,118,122,126],{"class":62,"line":100},4,[60,102,103],{"class":73},"  WHEN",[60,105,107],{"class":106},"snbK4"," OLD",[60,109,110],{"class":96},".",[60,112,113],{"class":106},"status",[60,115,117],{"class":116},"stQ0i"," =",[60,119,121],{"class":120},"sMJiu"," '",[60,123,125],{"class":124},"sdGka","POSTED",[60,127,128],{"class":120},"'\n",[60,130,132],{"class":62,"line":131},5,[60,133,134],{"class":73},"BEGIN\n",[60,136,138,141,144,147,150,153,156,158],{"class":62,"line":137},6,[60,139,140],{"class":73},"  SELECT",[60,142,143],{"class":96}," RAISE(",[60,145,146],{"class":73},"ABORT",[60,148,149],{"class":96},", ",[60,151,152],{"class":120},"'",[60,154,155],{"class":124},"Cannot modify posted journal entry",[60,157,152],{"class":120},[60,159,160],{"class":96},");\n",[60,162,164,167],{"class":62,"line":163},7,[60,165,166],{"class":73},"END",[60,168,169],{"class":96},";\n",[14,171,172],{},"検証用に投入したPOSTEDレコードが本当に消せない状態でDBに残ってしまい、それ自体がトリガーの動作証拠になった。パスワードはNode標準のscryptでハッシュ化し、シードスクリプトで期首残高の貸借一致まで確認。勘定科目・部門・期首残高のマスタ画面を実装し、ブラウザで新規登録モーダルから「1008 仮払金」を追加できることまで確かめた。",[14,174,175],{},"途中、composablesディレクトリを新規作成した直後にページルーティングが認識されなくなる不具合と、期首残高画面がSSR時のレースコンディションで500エラーを吐く不具合に当たったが、どちらもdev server再起動とガード条件の追加で片づいた。型チェック・Vitest・ブラウザ確認がすべて緑になったことを確かめ、Phase1完了の報告を受けた。",[18,177,179],{"id":178},"会計仕分けはどこで登録するんですか","「会計仕分けはどこで登録するんですか？」",[14,181,182],{},"報告を受けた直後、核心を突く一言をぶつけてみた。「会計仕分けはどこで登録するんですか？」",[14,184,185],{},"すぐには答えが返ってこなかった。今回できていたのはマスタ管理までで、仕訳を登録する画面はまだ存在していなかったのだ。「会計仕分けを見れる場所がないと思うんですけど」と重ねて指摘すると、その日はいったんセッションを切り替えることになった。",[18,187,189],{"id":188},"続き-ログインと仕訳のワークフロー","続き — ログインと仕訳のワークフロー",[14,191,192],{},"翌セッションでは、まず伝票番号（voucherNo）の採番タイミングを見直した。DRAFT作成時点では番号を振らず、承認されてPOSTEDになった瞬間に採番する設計に変更した。破棄されるかもしれない下書きに番号を先に振ってしまうと、欠番や採番順のズレが起きるためだ。",[14,194,195],{},"続けてログイン機能一式（セッション管理・認証API・ログイン画面）を実装し、レイアウトに仕訳入力・承認へのナビゲーションリンクを追加した。前のセッションで「見れる場所がない」と言われていた導線が、ここでようやくできた。",[14,197,198],{},"一気通貫の動作確認をした。起票担当でログインし、借方に現金、貸方に売上高を選んで部門と金額を入力する。ここでNuxt UIのUSelectが空文字列の選択肢を許容しないバグに当たり、「指定なし」の値を空文字列以外に変更して直した。同じパターンが仕訳帳のステータスフィルタにも残っていたので、そちらも直した。保存・提出・承認担当への切り替え・承認、と流すと伝票番号1が採番されPOSTEDになり、仕訳帳にも反映された。起票者本人が自分の仕訳を承認しようとすると権限エラーになることも確かめた。",[18,200,202],{"id":201},"e2eテストで踏んだ小さな穴","E2Eテストで踏んだ小さな穴",[14,204,205,206,209,210,213,214,217],{},"Playwright E2Eテストを安定させる過程では、細かい踏み外しが続いた。Vueのhydrationが終わる前にログインボタンを押してネイティブのフォーム送信が走ってしまう競合、USelectのポップオーバーが開くタイミングのずれ、",[39,207,208],{},"data-testid"," がラッパー要素に付いて実際の",[39,211,212],{},"\u003Cinput>","に伝わっていない問題。最後に見つかったのが一番厄介で、SQLiteのWALファイル書き込みをViteのファイル監視が検知し、開発中のページを勝手にHMRリロードしていた。テスト用DBの配置をOSの一時ディレクトリに移し、",[39,215,216],{},"data/","ディレクトリを監視対象から外して、ようやく2回連続で安定して通るところまで持っていった。Windows特有のglobマッチング不具合も見つかり、正規表現関数形式に書き換えた。",[18,219,220],{"id":220},"学習ゲートと一日の締め",[14,222,223],{},"型チェック・Vitest・E2Eすべてを最終確認してからコミットした。学習ゲートのクイズでは、伝票番号を承認時まで振らない理由を問われて1問誤答した。伝票番号を主キーだと勘違いしていたが、実際の主キーはUUIDで別に管理されており、番号を遅らせるのは欠番と採番順ズレを防ぐためだと解説を読み直して納得し、受領証を発行してもらった。計画書の進捗ログにPhase2完了を書き足したところで、「今日はもうセッション終わりにしたいんで、また明日開始できるようにドキュメントちゃんと残しておいてくださいね」と言われた。動いていたdev serverを止め、git statusがクリーンなことを確かめてから、次セッション用の引き継ぎプロンプトを用意してその日を締めた。",[18,225,226],{"id":226},"積み残し",[228,229,232,243],"ul",{"className":230},[231],"contains-task-list",[233,234,237,242],"li",{"className":235},[236],"task-list-item",[238,239],"input",{"disabled":240,"type":241},true,"checkbox"," 次セッションでPhase3以降の実装を引き継ぎプロンプトから再開する",[233,244,246,248],{"className":245},[236],[238,247],{"disabled":240,"type":241}," 実際の日々の仕訳入力にどこまで使えるか、明日以降試す",[18,250,251],{"id":251},"学び",[228,253,254,257,260],{},[233,255,256],{},"Codexが止まって見えたら、まず疑うのは処理の重さではなく「作業ディレクトリが信頼済みか」",[233,258,259],{},"確定済みデータの不可変性は、テストデータが消せずに残ってしまうこと自体が一番の証拠になる",[233,261,262],{},"「完了しました」の直後に核心を突く質問が来ることがある。マスタ画面が動くことと、仕訳を登録・承認できることは別物だった",[14,264,265],{},"伝票番号1件だけが刻まれた元帳を、明日どこまで育てられるかはまだ分からない。",[267,268,269],"style",{},"html pre.shiki code .sxvE3, html code.shiki .sxvE3{--shiki-default:#A0ADA0;--shiki-dark:#A0ADA0}html pre.shiki code .sHkkW, html code.shiki .sHkkW{--shiki-default:#1E754F;--shiki-dark:#1E754F}html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}html pre.shiki code .sG7-3, html code.shiki .sG7-3{--shiki-default:#393A34;--shiki-dark:#393A34}html pre.shiki code .snbK4, html code.shiki .snbK4{--shiki-default:#A65E2B;--shiki-dark:#A65E2B}html pre.shiki code .stQ0i, html code.shiki .stQ0i{--shiki-default:#AB5959;--shiki-dark:#AB5959}html pre.shiki code .sMJiu, html code.shiki .sMJiu{--shiki-default:#B5695977;--shiki-dark:#B5695977}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}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":56,"searchDepth":70,"depth":70,"links":271},[272,273,274,275,276,277,278,279,280],{"id":20,"depth":70,"text":21},{"id":30,"depth":70,"text":31},{"id":45,"depth":70,"text":46},{"id":178,"depth":70,"text":179},{"id":188,"depth":70,"text":189},{"id":201,"depth":70,"text":202},{"id":220,"depth":70,"text":220},{"id":226,"depth":70,"text":226},{"id":251,"depth":70,"text":251},"dev",null,"エンジニア向けの会計システム解説書をKindleから書籍データベースに取り込み、その内容をもとに新しいリポジトリで複式簿記のMVPアプリを実装した記録。仕訳登録・承認ワークフローの実装とテストの試行錯誤を振り返る。","md",{},"/accounting-textbook-mvp-app","misc-dev",false,"2026-07-21T00:00:00.000Z",{"title":5,"description":283},"2026-07/2026-07-21/accounting-textbook-mvp-app",[293,294,295,296,297],"会計システム","Nuxt3","Kindle取り込み","Drizzle ORM","E2Eテスト","r5cF0qVl1lSKOIFsQzqRBHkJcmQ8BgshOXpboiQjzlE",[],[301,304,308,312,316],{"title":302,"path":303,"publishedAt":289},"2026年7月21日の開発日記 - 会計アプリの誕生と、サブエージェントが吐いた一つの嘘","/2026-07-21-diary",{"title":305,"path":306,"publishedAt":307},"美容室のブログ投稿アシストをAIで作る — 管理画面解析から文体学習・ホールドアウトE2E検証まで","/beauty-salon-blog-assist","2026-07-17T00:00:00.000Z",{"title":309,"path":310,"publishedAt":311},"Dependabot 6PRをpnpm overrides統合PRに集約し、PlaywrightのnetworkidleをCodexレビューで全削除した日","/dependabot-and-e2e-stabilization","2026-05-02T00:00:00.000Z",{"title":313,"path":314,"publishedAt":315},"2026年4月22日の開発日記 - 別表教材を一気にVue化・SVG化、E2Eテストも修正してマージ","/2026-04-22-diary","2026-04-22T00:00:00.000Z",{"title":317,"path":318,"publishedAt":315},"Playwright E2Eテストが3つの原因で落ち続けていた問題を特定・修正してPR #5をマージした","/e2e-test-fix-onboarding","https://log.eurekapu.com/og/blog/accounting-textbook-mvp-app.png?v=2026-07-21T00%3A00%3A00.000Z&title=%E4%BC%9A%E8%A8%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%81%AE%E6%8A%80%E8%A1%93%E6%9B%B8%E3%82%92%E8%AA%AD%E3%81%BF%E8%A7%A3%E3%81%8D%E3%80%81%E5%8B%95%E3%81%8FMVP%E3%82%A2%E3%83%97%E3%83%AA%E3%81%BE%E3%81%A7%E5%AE%9F%E8%A3%85%E3%81%97%E3%81%9F%E4%B8%80%E6%97%A5&author=Kei%20Komatsu&sig=ad92060a7f28ec31",1784705314843]