[{"data":1,"prerenderedAt":300},["ShallowReactive",2],{"content-/fs-textbook-video-scenes":3,"all-pages-for-dir":278,"related-/fs-textbook-video-scenes":279,"og-image-/fs-textbook-video-scenes":299},{"id":4,"title":5,"body":6,"category":259,"concepts":260,"description":261,"extension":262,"meta":263,"navigation":228,"ogImage":260,"path":264,"project_name":265,"published":266,"publishedAt":267,"seo":268,"source":269,"stem":270,"tags":271,"todo":260,"unpublished":266,"updatedAt":260,"__hash__":277},"pages/2026-10/2026-10-10/fs-textbook-video-scenes.md","財務諸表のテキストを節ごとの動画にする：Claude Codeのサブエージェント5体で1〜5章の台本と画をそろえた",{"type":7,"value":8,"toc":243},"minimark",[9,13,17,22,25,28,31,34,44,47,51,59,62,73,76,80,83,86,90,93,100,103,107,110,113,116,119,133,136,140,163,167,170,173,180,183,186,189,192,195,198,201,214,217],[10,11,5],"h1",{"id":12},"財務諸表のテキストを節ごとの動画にするclaude-codeのサブエージェント5体で15章の台本と画をそろえた",[14,15,16],"p",{},"財務諸表のテキストページと、B/S と P/L を比例縮尺で描くアニメーションのページ。\n朝はこの2つを Claude Code に渡して、テキストを動画にする計画から始めた。\n2本目のセッションの途中で、1〜5章の30節すべてに台本の語りが入った。\nただ、声はまだ一つも入っていない。\n声の無い動画を、どうやって確かめながら進めるのか。",[18,19,21],"h2",{"id":20},"承認された計画書を1章から順に組み直す","承認された計画書を、1章から順に組み直す",[14,23,24],{},"最初のセッション（7時58分〜）では、調査役のサブエージェントを3体出した。\n担当は、教科書の棚卸し、mdx-playground にある部品、動画の基盤の三つである。\n3体の報告がそろってから、計画書と図2枚を書かせた。",[14,26,27],{},"計画書は、Codex のレビューで3点の指摘を受けた。\nROE の定義、過去時点の情報の管理、金融データサービスAのデータの利用条件である。\n3点とも反映させ、再レビューで承認が出た。",[14,29,30],{},"決めることは6件あり、計画書の HTML に決裁フォームを付けてもらってボタンで答えた。\nフォームのサーバーは一度起動に失敗した。\nポート8899を別のセッションのフォームが使っていたので、8912 に変えてもらった。\n6件とも推奨案で答え、コメントを2件付けた。\n「見せ方は全回で一貫させる」と「変曲点を見つけて決算で裏付ける」である。",[14,32,33],{},"ここで計画は一度できあがった。\nそのあと、同じ依頼文をもう一度貼った。\nClaude Code が言い直した方針は次のとおり。",[35,36,37,41],"ul",{},[38,39,40],"li",{},"テキストの1章から順に、節ごとに動画にする（ROE を特別扱いしない）",[38,42,43],{},"プレビューのページは、Excel や財務諸表の画面再現と同じ部品を使う（ミラーカラムの目次、再生、速度、完了、矢印キー）",[14,45,46],{},"承認済みの計画を、テキストの章立てに沿う形へ組み直したことになる。",[18,48,50],{"id":49},"_1本目の-1-1-を撮って直す","1本目の 1-1 を撮って直す",[14,52,53,54,58],{},"共通部品（目次、操作の行、再生の時計、外枠）を書かせてから、1章1節の企業データと比例縮尺の描画に進んだ。\n途中で、正規表現の置換が ",[55,56,57],"code",{},"tx."," まで広く削ってしまい、該当行を Edit で直させた。\nテスト11件が通ってから、ブラウザで描画を撮らせた。",[14,60,61],{},"撮ったコマから、直すところが3つ出た。",[35,63,64,67,70],{},[38,65,66],{},"小さな「その他・税金」のラベルが B/S の陰に隠れていた",[38,68,69],{},"小さな P/L の箱の外に出したラベルが、B/S とぶつかって重なっていた",[38,71,72],{},"比較の場面で、2つのハイライトが同時に点いたままになっていた",[14,74,75],{},"読み込みの途中で撮ってしまったコマもあり、撮り直させた。\n各段階のコマが崩れていないことを確かめて、ようやく 1-1「決算書とは「数字の翻訳」」ができた。\n音声はまだ作っていないので、文字数から見積もった仮の時刻で動く（約1分半）。",[18,77,79],{"id":78},"コンテキスト50で引き継ぎを書き出す","コンテキスト50%で引き継ぎを書き出す",[14,81,82],{},"1-1 の内容は、うまくまとまっていると感じた。\nこのまま順に進めてもらうことにした。\nセッションのコンテキストが50%まで溜まっていたので、引き継ぎのプロンプトをダウンロードディレクトリのテキストファイルに書き出させた。\n計画書の進み具合も更新させ、プロンプトに含めた。",[14,84,85],{},"ローカルでやる必要があるかを考えたが、あまり無いかもしれないと思い直して、そのまま進めた。\n音声は、ある程度まとまってから MacBook でまとめて合成する。\nそれまでは台本と画を出してもらい、自分が倍速で確認していく。\n声の無い動画の確かめ方は、ここで決まった。",[18,87,89],{"id":88},"照合を任せてから章ごとの並行制作へ","照合を任せてから、章ごとの並行制作へ",[14,91,92],{},"2本目のセッション（9時10分〜）は、引き継ぎファイルのパスを渡すところから始めた。\n1-2 以降で使うニトリの C/S などの数字を、EDINET のデータから拾わせた。\n有価証券報告書との照合はサブエージェントに並行で任せ、そのあいだに 1-2 の台本と画を書かせた。\n1-2 のコマでは、小さい箱の外に出した字に黄色が敷かれない不具合が見つかり、直してもらった。",[14,94,95,96,99],{},"照合の報告が届いたあと、Claude Code にも PDF のテキストで数か所を確かめさせた。\n裏付けが取れたので数字を直し、",[55,97,98],{},"verified: true"," にした。\n画面に出ていた「有報と照合前」の表示も消えた。",[14,101,102],{},"並行制作の前に、描画の種類に線とパスを足させた。\nエージェントが共通の枠を触らずに、矢印やかっこを描けるようにするためである。\n作業指示書を書かせ、計画書の §6-1 に進め方を書き込ませた。\nそのうえで、第1陣の5体（1章の残り 1-3〜1-5、2章、3章、4章、5章）をバックグラウンドで起動した。",[18,104,106],{"id":105},"chrome-が混み合いヘッドレスに切り替えた","Chrome が混み合い、ヘッドレスに切り替えた",[14,108,109],{},"1章の残りが上がってきたので、全区間のコマを撮ってレビューしてもらった。\nところが、ほかのエージェントの編集でページが再読み込みされ、撮り直しになった。\nChrome がエージェント4体で混み合っていたので、親のレビューは Playwright のヘッドレスブラウザでコマを撮る方式に切り替えた。\nChrome で撮ろうとして時間切れになったスクリーンショットの通知があとから届いたが、それは使わなかった。",[14,111,112],{},"途中で進捗を聞いた。\n2章、4章、5章は全節のファイルがそろい、3章は7節中5節まで来ていた。\n少しして、1〜5章の全30節に台本の語りが入った。\n語りは、どの節も9〜22文である。",[18,114,115],{"id":115},"章ごとのレビューで見つかったもの",[14,117,118],{},"報告が届くたびに、全区間を撮ってレビューさせた。\n3章と5章では、縦長（1280×2160）のコマを区間ごとに3コマずつ1枚にまとめて見てもらった。",[35,120,121,124,127,130],{},[38,122,123],{},"2章：2-1 の「棚卸資産 1,128」が流動資産とは別の箱に見えたので、「うち棚卸資産」にした。2-4 の決算期（2023年3月期が13か月11日）は有報どおりだった",[38,125,126],{},"5章：報告に「EDINET コード E33625 はメルカリではなく SBIアルヒだった」とあった。3章でもメルカリを使っているので影響を確かめたが、3章はメルカリ本体の有報から取っていて無事だった",[38,128,129],{},"3章：3-7 で「オフバランス」の字がカードに重なっていたのでカードを右へずらし、出典の行に近すぎた注記を少し上げた",[38,131,132],{},"4章：語りの年が漢数字（「二〇二五年九月期」）のまま字幕に出ていたので、ほかの章と同じ「2025年9月期」にした（5区間、10か所）",[14,134,135],{},"数字の足し算も章ごとに確かめさせた。\n財務諸表テキストの動画のテストは、6ファイル302件がすべて通った。",[18,137,139],{"id":138},"dev-のページは本番に存在しない","/dev のページは本番に存在しない",[14,141,142,143,146,147,150,151,154,155,158,159,162],{},"レビューの合間に、プレビューのページ（",[55,144,145],{},"/dev/fs-textbook-scene","）について聞いた。\nデプロイすれば、別の環境でも自分のアドミンアカウントで見られるという理解で合っているか。\n答えは「見られない」だった。\n",[55,148,149],{},"/dev/"," の下のページは ",[55,152,153],{},"nuxt.config.ts"," の ",[55,156,157],{},"ignore"," で本番のビルドから丸ごと外してあり、デプロイしてもページそのものが無い。\nアドミンで開けるのは ",[55,160,161],{},"/api/admin"," 系の管理画面で、別のしくみである。\n完了やフィードバックの記録もローカルの wrangler 経由で D1 に書いているので、確認は dev サーバー（ポート3200）を動かしている端末でしかできない。",[18,164,166],{"id":165},"コミットプッシュダッシュボードへのリンク","コミット、プッシュ、ダッシュボードへのリンク",[14,168,169],{},"MacBook で見たかったので、コミットとプッシュを頼んだ。\n4章のエージェントがまだ動いていると思っていたが、5体とも作業を終えていた。\n同じ作業ツリーで別のセッションの変更も動いていたので、この動画の作業のファイルだけを選んでコミットさせた。",[14,171,172],{},"83ファイル、差分12,248行のコミットになった。\nWindows ではコミット時に Codex のレビューが走るが、差分が上限の10,000行を超えたので、レビューは自動で飛ばされた。\nローカルの main には、別のセッションが作ったシミュレーション部品のコミットが2つ、プッシュされずに載っていた。\n一緒に上げてよいかを確認され、「y」と答えてプッシュさせた。",[14,174,175,176,179],{},"次に、開発環境のダッシュボード（",[55,177,178],{},"/dev","）にこのページがつながっていないことに気づき、リンクを頼んだ。\nダッシュボードに載っていないページは4つ見つかった。\nテストを全件流してしまう場面があり、止めて関係するものだけ流し直させた。\nダッシュボード自体にはテストが無いので、画面で確かめた。\n「講座ごとの制作の流れ」で、財務諸表の読み方の「画面再現」が「計画中」からカードに変わった。\nタイムラインの行からも同じページに飛べる。\nヘッドレスのブラウザで撮り、リンクが2か所あることを確かめさせた。\nこちらのコミットは、Codex のレビューを通った。",[18,181,182],{"id":182},"一度きりのページにもタグで優先度を付ける",[14,184,185],{},"スクリーンショットを見ながら、キャラクターの30表情まわりのページが一覧に入っている気がした。\n確かめると、見立てには「載せずにそのままにしておくのが良い」と書いてあった。\nそう判断した経緯を覚えていなかったので、入れてもよいことにした。",[14,187,188],{},"そこから考えを広げて、一度きりの施策ページも一覧に含めることにした。\n自分がタグを付けたら、その順に並び替わって下のほうに出る形である。\n全部が載っていて、優先度も付けられる。",[14,190,191],{},"作る前に2点を確認され、タグは固定の3段、保存先はリポジトリのファイルに決まった。\n純粋関数とテストを先に書かせ、API、データファイル、コンポーネントの順に進めた。\n画面では、素早く2回押したときと2枚を続けて押したときの動きまで確かめさせた。\nテストのスクリプトがカードを特定しきれなかったので、カードの題名で指す形に直した。\nエラーが1件出たが、壊したファイルで試したときの500で、想定どおりの動きだった。",[18,193,194],{"id":194},"消えない不具合報告の表示",[14,196,197],{},"別のセッション（11時50分〜）では、画面に出た不具合報告の表示が消えずに戸惑った。\nClaude が作った Anthropic への送信待ちの下書きで、どれかを選ぶまで残る仕組みだった。\nそのうち消えたが、送信されたのか破棄されたのかは分からない。",[18,199,200],{"id":200},"学びメモ",[35,202,203,206,209],{},[38,204,205],{},"声の無い動画は、台本と画を先に出して倍速で確かめる。音声は、まとまってから MacBook でまとめて合成する",[38,207,208],{},"並行するエージェントが Chrome を取り合うと、親のレビュー用のコマが撮り直しになった。親のレビューはヘッドレスブラウザに分けて撮り続けた",[38,210,211,213],{},[55,212,149],{}," の下は本番に存在しない。「アドミンなら見られる」という理解は外れていた",[18,215,216],{"id":216},"次にやること",[35,218,221,231,237],{"className":219},[220],"contains-task-list",[38,222,225,230],{"className":223},[224],"task-list-item",[226,227],"input",{"disabled":228,"type":229},true,"checkbox"," 1〜5章の30節の台本と画を倍速で確認する",[38,232,234,236],{"className":233},[224],[226,235],{"disabled":228,"type":229}," ある程度まとまったら、MacBook で音声をまとめて合成する",[38,238,240,242],{"className":239},[224],[226,241],{"disabled":228,"type":229}," 6〜12章の並行制作に進む",{"title":244,"searchDepth":245,"depth":245,"links":246},"",2,[247,248,249,250,251,252,253,254,255,256,257,258],{"id":20,"depth":245,"text":21},{"id":49,"depth":245,"text":50},{"id":78,"depth":245,"text":79},{"id":88,"depth":245,"text":89},{"id":105,"depth":245,"text":106},{"id":115,"depth":245,"text":115},{"id":138,"depth":245,"text":139},{"id":165,"depth":245,"text":166},{"id":182,"depth":245,"text":182},{"id":194,"depth":245,"text":194},{"id":200,"depth":245,"text":200},{"id":216,"depth":245,"text":216},"dev",null,"財務諸表のテキストページと比例縮尺アニメーションを材料に、節ごとの動画シーンを作りはじめた日の記録。計画の組み直し、50%での引き継ぎ、章ごとのエージェント並列とレビュー、開発ダッシュボードへのリンク追加まで。","md",{},"/fs-textbook-video-scenes","eurekapu-nuxt4",false,"2026-10-10T00:00:00.000Z",{"title":5,"description":261},"make-diary","2026-10/2026-10-10/fs-textbook-video-scenes",[272,273,274,275,276],"Claude Code","サブエージェント","財務諸表","動画制作","Nuxt","HjoiznhIfI2odAaMjP0rRMuQGTdRbDn1Et5DsUG9zLA",[],[280,284,288,291,295],{"title":281,"path":282,"publishedAt":283},"計算モジュールの動画化：Excel画面再現とマインドマップを分割画面にまとめるまで","/sim-modules-video-split-mindmap","2026-10-11T00:00:00.000Z",{"title":285,"path":286,"publishedAt":287},"2026年10月7日の開発日記 - 別表講座46本の音声と、浮き出て吸い込まれる「＋500」","/2026-10-07-diary","2026-10-07T00:00:00.000Z",{"title":289,"path":290,"publishedAt":287},"財務諸表の動画で数字のカウントアップをゲーム風に作り込む：花火の作り直しから「浮き出て吸い込まれる＋500」に決めるまで","/fs-summary-video-countup-effects",{"title":292,"path":293,"publishedAt":294},"財務諸表講座の動画で株主資本等変動計算書の見出しを階層ごとに塗り分け、まとめの回を取引と財務諸表の2枚で作り直す","/fs-summary-animation-ss-header-hierarchy","2026-10-06T00:00:00.000Z",{"title":296,"path":297,"publishedAt":298},"財務諸表講座の動画をスマホ縦画面に作り直す：縦1列のレイアウトと、見出しを消した財務諸表シーン","/fs-video-mobile-vertical-layout","2026-10-05T00:00:00.000Z","https://log.eurekapu.com/og/blog/fs-textbook-video-scenes.png?v=2026-10-10T00%3A00%3A00.000Z&title=%E8%B2%A1%E5%8B%99%E8%AB%B8%E8%A1%A8%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E7%AF%80%E3%81%94%E3%81%A8%E3%81%AE%E5%8B%95%E7%94%BB%E3%81%AB%E3%81%99%E3%82%8B%EF%BC%9AClaude%20Code%E3%81%AE%E3%82%B5%E3%83%96%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%885%E4%BD%93%E3%81%A71%E3%80%9C5%E7%AB%A0%E3%81%AE%E5%8F%B0%E6%9C%AC%E3%81%A8%E7%94%BB%E3%82%92%E3%81%9D%E3%82%8D%E3%81%88%E3%81%9F&author=Kei%20Komatsu&sig=4f765b6916383f4f",1791766735069]