[{"data":1,"prerenderedAt":358},["ShallowReactive",2],{"content-/excel-scene-split-and-exercise-ten-sections":3,"all-pages-for-dir":335,"related-/excel-scene-split-and-exercise-ten-sections":336,"og-image-/excel-scene-split-and-exercise-ten-sections":357},{"id":4,"title":5,"body":6,"category":314,"concepts":315,"description":316,"extension":317,"meta":318,"navigation":319,"ogImage":315,"path":320,"project_name":321,"published":322,"publishedAt":323,"seo":324,"source":325,"stem":326,"tags":327,"todo":315,"unpublished":322,"updatedAt":315,"__hash__":334},"pages/2026-10/2026-10-06/excel-scene-split-and-exercise-ten-sections.md","Excel講座の画面再現ページを3つに分け、演習10区間を作り直した日（並行セッションの重複整理つき）",{"type":7,"value":8,"toc":301},"minimark",[9,14,18,22,25,28,31,35,43,46,49,53,56,63,66,70,73,76,79,90,94,97,100,103,106,109,119,122,126,133,136,139,143,146,149,156,159,163,170,173,180,264,267,270,273,276,279,282,285,298],[10,11,13],"h1",{"id":12},"excel講座の画面再現ページを3つに分け演習10区間を作り直した日","Excel講座の画面再現ページを3つに分け、演習10区間を作り直した日",[15,16,17],"h2",{"id":17},"朝の棚卸しで閉じたのは23件中11件",[19,20,21],"p",{},"朝、Googleタスクを開いて、昨日からの積み残しを Claude Code に見てもらった。\n昨日が期限のものは自分の iOS 関連が2件で、Claude Code 側の積み残しは実質なかった。",[19,23,24],{},"気になったのは、昨日より前のタスクである。\nExcel 系は、制作画面で「完了」が付いている区間が多いはずなのに、タスクは開いたままだった。\n進捗を確かめて、閉じられるものは閉じてもらうことにした。",[19,26,27],{},"完了の記録は Cloudflare D1 に入っていた。\n読み取りだけで184区間分を取り出してもらい、各計画書のチェック欄と突き合わせた。\nExcel 系の23件のうち、根拠がそろった11件を完了にした。\n残る12件は、まだ終わっていなかった。",[19,29,30],{},"閉じるつもりで始めた一日だったが、最後は明日のタスクを足して終わることになる。",[15,32,34],{"id":33},"_3つの講座が混ざっていた画面再現ページ","3つの講座が混ざっていた画面再現ページ",[19,36,37,38,42],{},"制作画面（excel-scene）では、",[39,40,41],"code",{},"cfws-step1"," を開いても、Excel基礎講座とキャッシュフロー精算表ステップ学習とエクセルスマホの区間が混ざって並んでいた。\n管理しやすくするため、キャッシュフロー精算表とスマホを切り出して、それぞれ独立したページにすることにした。\nトップページの開発用の欄に各ページへ移れるカードを置けば、何が進んでいるかも一覧できる。",[19,44,45],{},"実装は Claude Code に任せた。\n「URL からどのシリーズか」「シーンがどこに属するか」を返す純粋関数を先に作ってテストを通し、ページ本体を URL ごとに絞る形へ書き換えてもらった。\nキャッシュフロー精算表のページには、CF の20本だけが並ぶようになった。\n旧 URL からの転送も確かめた。",[19,47,48],{},"トップのカードは奇数枚で、右下に灰色の空きマスが出ていたので埋めてもらった。\nカードには完了本数も出る。\nコミットは 85b2d7fc（5ファイル）。",[15,50,52],{"id":51},"設計の原則とng集のフィードバックを直す","設計の原則とNG集のフィードバックを直す",[19,54,55],{},"続いて、設計の原則と NG集の区間に付けたフィードバックを流し込んだ。\n仕分けの結果をもとに改善ドキュメントを2本（Ⅲ 設計の原則、Ⅳ NG集）書いてもらい、本計画とのあいだに相互リンクを張った。\n判断事項の6つには決裁フォームで答え、6つとも推奨の A を選んだ。",[19,57,58,59,62],{},"直す区間は6つあり、3区間はサブエージェント3体に任せ、残りの3区間は Claude Code 本体に直させた。\n新しいチェックリストの区間が、Ⅲ の中ではなく末尾の別セクションに出る問題も見つかった。\n目次の正本（",[39,60,61],{},"tocExcel.ts","）に章が入っていなかったためで、章を足して目次を生成し直した。",[19,64,65],{},"コミット d34d7015（25ファイル）の前の Codex レビューで、1件止まった。\n講座本文の「Ctrl+A で全体を選んで」という説明について、表の中のセルを選んでいると1回目は表の範囲しか選ばれない、という指摘である。",[15,67,69],{"id":68},"donts-c15-s00-が読み込み中のまま止まる","donts-c15-s00 が「読み込み中」のまま止まる",[19,71,72],{},"NG集の donts-c15-s00 を開くと、画面が「読み込み中」から進まなかった。",[19,74,75],{},"最初の見立ては、マインドマップ版（B）が別の区間から借りている画面の読み込みに失敗している、というものだった。\n借りている区間の API を直接叩いてもらうと、正常に返ってくる。\nそこで、ブラウザ側で何が起きているかを調べる方向に切り替えた。",[19,77,78],{},"直してもらったあとは、別の区間から画面内で移ってきたときに、借りる画面の動画6本を取りに行くようになった。\n確認は、自分がやったのと同じ手順（別の区間から画面内で移る）で再現してもらった。\nこの症状が出るのは donts-c15-s00 の B だけで、ほかの動画には影響がない。\nコミットは d94e78a3（1ファイル）。",[19,80,81,82,85,86,89],{},"同じ区間に、フィードバックをもう1件足した。\n音声入力が「地下のダイアログ」と変換していたが、「置換のダイアログ」のことだと読み取ってもらえた。\nB が借りていたのは Ⅲ c02-s00 の置換の場面で、簡易版の画面が ",[39,83,84],{},"rsAlignIndent.ts"," の1か所にだけ残っていた。\n手本の ",[39,87,88],{},"basicExReplaceWildcard.ts"," の書き方にそろえて直してもらった。\nついでに c08-s00 のフィードバックも片付けた。\n画面に出る2か所（E4 の見出しと B1 のメモ）を「出所」にし、字幕は語りの読みに合わせてそのままにした。\nコミットは ea5a1025（2ファイル）。",[15,91,93],{"id":92},"全区間完了そしてまだ4つとも動いてない","全区間完了、そして「まだ4つとも動いてない？」",[19,95,96],{},"各セクションに完了が付きそろったので、本計画と、そこから枝分かれした改善計画を更新してもらった。\n画面再現にした180区間はすべて完了で、設計の原則と NG集の未対応フィードバックも0件。\nGoogleタスク「Excel設計の原則 25本の画面再現を確認」も閉じた。",[19,98,99],{},"次にやることが5つあった。\n実機の Excel での確認、店名の差し替え、資産 ID の修正の3つはサブエージェントに任せ、残り17区間の引き継ぎプロンプト、説明2つ、Codex のデューデリジェンス計画の確認は Claude Code 本体に回した。",[19,101,102],{},"サブエージェントがまだ4つとも動いているのでは、と聞いた。\n動いているのは3体で、デューデリジェンスの報告書を読む1体は止めてあった。",[19,104,105],{},"もう一つ、自分が操作していると、実機の Excel を確かめるサブエージェントのキー入力が取られてしまうようだった。\n操作をやめたので続けてほしい、とサブエージェントへ伝言してもらった。",[19,107,108],{},"実機での確認は、10項目のうち7つが一致し、3つは画面の文言が実物と違っていた。\nグループ化の操作にも食い違いが1つあり、4か所を直した。\n直した演習ファイル4本を R2 に上げ、コミット（8ddfea24）して、済んだGoogleタスク4件も閉じた。\nところが3本は、CDN に古い版が残っていた（HIT）。\nキャッシュの削除は対外的な書き込みなので、了承してから消してもらった。",[19,110,111,112,115,116,118],{},"ここで1回空振りした。\n最初の実行は確認用の ",[39,113,114],{},"--force"," が付いておらず、何も消さずに終わっていた。\n付け直して実行し直し、公開側から返るファイルの md5 がローカルと一致することで、新しい版に替わったと確かめた。\n",[39,117,114],{}," が要ることと消えたかの確かめ方は、手順書にも書き足してもらった。",[19,120,121],{},"実物と完全には一致しない2区間（判断の③）は、画面に見えない差なので受け入れることにした。\n計画書にチェックを付けてコミット（3af7fc93）し、タスクも閉じた。",[15,123,125],{"id":124},"残り17区間のセッションで同じ区間を2か所で作っていた","残り17区間のセッションで、同じ区間を2か所で作っていた",[19,127,128,129,132],{},"残り17区間は、引き継ぎプロンプトを渡した別のセッションで進めた。\nワークツリーを切り、専用ポートで dev サーバーを立て、git 管理外で22GBある ",[39,130,131],{},"audio-assets/"," は main 側へのリンクにした。\nバージョン管理の方法（c08-s01）は本体に作らせ、本人の声で144秒、5拍に仕上がった。\nハードウェアの3区間はサブエージェントに分け、イントロの3区間（readings、top、contents）も並行で進めた。\n演習は下調べを読み取り専用のエージェントに任せ、計画書（判断6つ）を書いてもらった。\nCodex の再レビューで「可」が出て、判断の6つにはすべて推奨の A で答えた。",[19,134,135],{},"ところが、main 側で動いている別のセッションが、同じ4区間（バージョン管理の方法とハードウェア3つ）を作っていた。\n作業が消えていないのは、まず幸いだった。\n4区間は向こうの版を残すことにし、こちらの台本は退避用のフォルダへ移した。",[19,137,138],{},"演習も重なっていた。\n向こうでは、演習の作り直しを別の計画書（redesign-plan）で設計していて、自分の判断を待っていた。\n演習は redesign-plan に一本化すると決め、セッション間メッセージで向こうへ伝えてもらった。\nこちらの演習計画書は、Codex のレビューまで通したものだったが、冒頭に取り下げと書いて閉じた。\nredesign-plan を書いたのは向こうのセッションでも、イントロ3区間と演習10区間を作るのはこちらの担当、という分担はそのまま残った。",[15,140,142],{"id":141},"線の長さからマインドマップ版をやめるまで","線の長さから、マインドマップ版をやめるまで",[19,144,145],{},"マインドマップの区間にフィードバックを付けた。\n「よくある困りごと」へ伸びる線が長すぎる。\n全体を小さくしてまで線を伸ばす理由がわからないので、少なくとも「検証可能性」の横幅までに縮めてほしい、と頼んだ。",[19,147,148],{},"原因は、列の幅を計算するときに Excel の画面のノード（幅1280）が入り、次の列が遠くへ押し出されていたことだった。\n共通の部品を直し、マインドマップの検査56件が通った。",[19,150,151,152,155],{},"そのあと、top と contents に、左にツリー、右に Excel のパネルを並べる表示（",[39,153,154],{},"side: true","）を作ってもらった。\n配分は左640、Excel 1220（A の約0.64倍）。\n見てみると、Excel 側が引きすぎていて何も見えない。\n自分の動画でも、説明している Excel 側に寄っていたと思う。\nそう伝えると、Excel を出している間はツリーを消し、Excel を A の約0.98倍で全面に出し、今の論点は見出しの帯のパンくずで見せる形になった。",[19,157,158],{},"ここで、行ったり来たりする画面そのものが鬱陶しくなった。\nトップの区間は概要なので、ざっと流れれば足りる。\n論点の一覧は目次に残っている。\nそこで、マインドマップ版はやめると決めた。\n代わりに、画面再現版（A）の見出しの帯に、マインドマップで出していた「いまここ」の札を、論点が替わるたびに切り替えて出す。\ntop と contents の両方をこの形にしてもらい、静止画4枚で見え方を確かめた。",[15,160,162],{"id":161},"コンテキストが一杯になりcompact-のあとで演習10区間","コンテキストが一杯になり、/compact のあとで演習10区間",[19,164,165,166,169],{},"このセッションはコンテキストが一杯になった。\n引き継ぎドキュメントではなく、引き継ぎのプロンプトをダウンロードフォルダのテキストファイルに書き出してもらい、",[39,167,168],{},"/compact"," した。",[19,171,172],{},"再開直後に、dev サーバーが止まった。\nPC のメモリが足りなくなり、Claude Code が自動で止めたもので、サーバー自体の不具合ではない。",[19,174,175,176,179],{},"そのうえで、演習10区間を作ってもらった。\n並びは実務練習を先に置き、卒業課題の章を新しく足し、旧総合演習の章を外す。\n卒業課題の Excel は、生成スクリプト（",[39,177,178],{},"build_graduation.py","）で作る。\n実務練習の概要と卒業課題の解答①は本体が書き、実務練習01から05はサブエージェントに分けた。",[181,182,183,196],"table",{},[184,185,186],"thead",{},[187,188,189,193],"tr",{},[190,191,192],"th",{},"区間",[190,194,195],{},"声の長さ",[197,198,199,208,216,224,232,240,248,256],"tbody",{},[187,200,201,205],{},[202,203,204],"td",{},"実務練習の概要（c01-s00）",[202,206,207],{},"188秒",[187,209,210,213],{},[202,211,212],{},"実務練習01",[202,214,215],{},"336秒（9拍）",[187,217,218,221],{},[202,219,220],{},"実務練習02",[202,222,223],{},"338秒（10拍）",[187,225,226,229],{},[202,227,228],{},"実務練習04",[202,230,231],{},"278秒",[187,233,234,237],{},[202,235,236],{},"実務練習05",[202,238,239],{},"318秒",[187,241,242,245],{},[202,243,244],{},"卒業課題 解答①（c02-s01）",[202,246,247],{},"252秒",[187,249,250,253],{},[202,251,252],{},"卒業課題 解答②（c02-s02）",[202,254,255],{},"250秒",[187,257,258,261],{},[202,259,260],{},"答え合わせ（c02-s03）",[202,262,263],{},"172秒",[19,265,266],{},"途中で、実務練習05の配布ファイルに打ち間違いが見つかった。\n解答の連結WS_sum の E34 に、文字の「b」が入っていた。\nこの科目は0なので合計は変わらないが、手直しのスクリプトで同じ行と同じ数式に戻した。",[19,268,269],{},"実務練習05は、実物の Excel と3,452セル中3,449セルが一致した。\nずれた3セルは、どれも動画には映らない連結WS のチェックの行である。\n計算の端数（およそ -0.000000000007）を、エンジンは「▲0」、Excel は「0」と表示していた。",[19,271,272],{},"進捗を URL で知りたいと頼んだときには、前の dev サーバーが応答しないまま居座っていた。\nそのプロセスだけを番号指定で止めて、起動し直してもらった。",[19,274,275],{},"確認は明日に回すことにした。\n明日（10/7）のGoogleタスクに登録してもらい、計画書にもフルパスの URL を書き込んでもらった。\n登録では一度つまずき、最後は CLI の入口を node で直接呼んで通した。",[19,277,278],{},"相互リンクの件は、音声入力のせいで一度すれ違った。\n「別途つけた」が「ベッドつけた」に化けていて、言い直しても、卒業課題の配布ファイルのことだと受け取られた。\n自分でも何と入力したか覚えていなかったので、届いた音声入力を出し直してもらった。\n読み返して、演習を別の計画書に切り出したので、本計画と相互リンクがあるかという質問だったと伝えた。\n今日まで、どちらからもリンクはなかった。\n今回、両方向に付けてもらった。",[19,280,281],{},"最後に静止画を撮ると、レイアウト検査で引っかかる所が出た。\n実務練習02から05を、サブエージェント4体で直した。\n実務練習05ではキーの札のはみ出しが33件あり、数式バーが開ききる前に札が出ていたのが原因だった。\n札を出す時刻は後ろへずらした。\nイントロ3区間と演習10区間は、どれも静止画のレイアウト検査に通った。",[15,283,284],{"id":284},"学び",[286,287,288,295],"ul",{},[289,290,291,292,294],"li",{},"CDN のキャッシュ削除は、",[39,293,114],{}," が無いと何も消さずに終わる。消えたかどうかは、公開側から返るファイルの md5 で確かめる",[289,296,297],{},"概要の区間は、マインドマップで行ったり来たりさせるより、見出しの札で「いまここ」を示し、論点の一覧は目次に任せる形にした",[19,299,300],{},"明日は、Googleタスクに入れた URL から、イントロ3区間と演習10区間を見る。\ndev サーバーは、メモリ不足で起動元のシェルが止められたあとも応答していた。\nただ、この先も応答し続けるかはわからない。",{"title":302,"searchDepth":303,"depth":303,"links":304},"",2,[305,306,307,308,309,310,311,312,313],{"id":17,"depth":303,"text":17},{"id":33,"depth":303,"text":34},{"id":51,"depth":303,"text":52},{"id":68,"depth":303,"text":69},{"id":92,"depth":303,"text":93},{"id":124,"depth":303,"text":125},{"id":141,"depth":303,"text":142},{"id":161,"depth":303,"text":162},{"id":284,"depth":303,"text":284},"dev",null,"Googleタスクの積み残し23件の進捗確認から始め、画面再現ページの分割、読み込み中で止まる区間の修正、別セッションとの作業の重複整理、トップのマインドマップ版の取りやめ、演習10区間の作成までを振り返る。","md",{},true,"/excel-scene-split-and-exercise-ten-sections","eurekapu-nuxt4",false,"2026-10-06T00:00:00.000Z",{"title":5,"description":316},"make-diary","2026-10/2026-10-06/excel-scene-split-and-exercise-ten-sections",[328,329,330,331,332,333],"Excel講座","画面再現","Claude Code","サブエージェント","Googleタスク","Cloudflare","AE1EU4xH30LeHMwt1qPS1VSZrpDcxKplFTIC43V5mPE",[],[337,341,345,349,353],{"title":338,"path":339,"publishedAt":340},"Excel講座のNG集をブラウザ上のExcel再現に作り直す：並行セッションの分担と確認URLのGoogleタスク登録","/excel-course-donts-screen-recreation","2026-09-30T00:00:00.000Z",{"title":342,"path":343,"publishedAt":344},"Excel講座NG集24本の動画レビューを終えて修正計画へ：A/B並列プレビューと完了印の時刻判定","/excel-course-ng-video-review-feedback","2026-10-02T00:00:00.000Z",{"title":346,"path":347,"publishedAt":348},"Excel講座動画の「読み上げだけ」の区間を画面再現に作り替える：試作1本の確認からサブエージェント並列化まで","/excel-course-read-aloud-to-screen-replay","2026-09-29T00:00:00.000Z",{"title":350,"path":351,"publishedAt":352},"Excel講座の画面再現へのフィードバック対応：関数の活用5本の修正とCF精算表の列固定","/excel-scene-feedback-column-freeze","2026-09-27T00:00:00.000Z",{"title":354,"path":355,"publishedAt":356},"Excel講座の画面再現を仕上げ、演習のフィードバックを回収して本番前に235コミットを洗い直した日","/excel-course-screen-replay-feedback-deploy-review","2026-10-09T00:00:00.000Z","https://log.eurekapu.com/og/blog/excel-scene-split-and-exercise-ten-sections.png?v=2026-10-06T00%3A00%3A00.000Z&title=Excel%E8%AC%9B%E5%BA%A7%E3%81%AE%E7%94%BB%E9%9D%A2%E5%86%8D%E7%8F%BE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%923%E3%81%A4%E3%81%AB%E5%88%86%E3%81%91%E3%80%81%E6%BC%94%E7%BF%9210%E5%8C%BA%E9%96%93%E3%82%92%E4%BD%9C%E3%82%8A%E7%9B%B4%E3%81%97%E3%81%9F%E6%97%A5%EF%BC%88%E4%B8%A6%E8%A1%8C%E3%82%BB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E9%87%8D%E8%A4%87%E6%95%B4%E7%90%86%E3%81%A4%E3%81%8D%EF%BC%89&author=Kei%20Komatsu&sig=153e1f330d0b7b45",1791766733243]