2026年10月12日の開発日記 - 講座を「左に図、右に解説」の型に作り替え、困りごと動画48本をそろえた
2026年10月12日の開発日記
Git講座の checkout の回を、ほかの講座とトーン&マナーをそろえるために触り始めた。 左にターミナルと図を固定し、右の説明をスクロールで送る2列にしてもらうと、「控えめに言って最高」と口に出ていた。 ほかの解説でも使いたくなり、この見せ方を何と呼ぶのかを聞いた。 答えは「スクロールテリング(sticky side-by-side scrollytelling)」だった。 この日は、その型がGit講座から簿記講座、CF精算表へと広がっていった。
今日のタイムライン

教材リポジトリだけで16セッション、延べ26時間18分になった。 セッションを並べて走らせていたので、実時間よりずっと長い。
今日やったこと
1. Git講座をスクロールテリングに作り替え、簿記講座へ広げた
checkout の回をミラーカラム版にしてもらい、見出しの上の余白は116pxから28pxに詰まった。 全8回の表31個は、横スクロールを出さずに中央寄せで本文幅からはみ出す形にした。 左のステージを枠に合わせて縮める処理には、丸めの余裕、Codex の指摘、縮めたあとの残りと3回手を入れ、ようやく図が切れなくなった。
この形を簿記の基礎講座にも持ち出し、第1章で試してから実装計画を作らせた。 全20章はサブエージェントに実装させている。 Excel講座の動画では、まとめは左のマインドマップに置き、右は左のまとめに沿った画面を出す(Excel に限らない)と整理した。
主な成果:
- Git講座の全8回を「左に図、右に解説」の2列に統一し、←→キーで両方向に送れるようにした
- 簿記講座の全20章を同じ型で実装させた(単体テスト15件)
- 音声合成とデプロイは Mac 側のセッションに回した
詳細: Git講座を「左に図、右に解説」のスクロールテリングに作り替え、簿記講座の全20章へ広げた記録
2. Git講座の第2〜4部をサブエージェントで量産した
引き継ぎテキストでセッションをつなぎ、第2部(4回、14シーン)と第3〜4部(7回、32シーン)をサブエージェントに並列で書かせた。 並列は5体までに抑え、全数の確認は親のセッションに1つだけ置いた。 全84シーンは本物の Git と照合して一致した。
Codex の critical と high の指摘は、本物の Git で挙動を確かめてから扱いを決めた。 直したもの、medium と判定して次のセッションの宿題に回したもの、該当なしと判定したものが同じ日に並んだ。 Mac に頼んだ第2部の音声は届かなかったので、Windows で合成する方針に切り替えた。
主な成果:
- 第2〜4部の音声46本(383拍)を Windows で合成し、すべて R2 に上げた(合成の失敗は0本)
- 開発ダッシュボードの制作の流れに、ストーリーボードを7段目として入れた
- 壁紙に使っている戦略ノートを Git に入れ、Mac でも開けるようにした
詳細: Git講座の第2〜4部をサブエージェント並列で量産した日
3. Excel講座に「道具の前に困りごと」を差し込んだ
公開した教育論の記事をきっかけに、講座の原稿を判定させた。 困りごとを先に見せている動画は、212本中102本(48%)だった。 章立ては組み直さず、各章の先頭に1本ずつ差し込む方針に決めて、困りごと動画を作らせた。 見本の VLOOKUP と合わせて48本が、各章の先頭から再生できるようになった。
見本を見て、見出しの「今期」「前期」は年度表記に直してもらった。 字幕は算用数字で、漢数字にするのは読み上げ文だけ、という講座の決まりも伝えて直させた。 CF精算表はストーリー版に作り直させ、字幕のスクロールアニメーションは却下して、左右キーと「自動で進む ON/OFF」のトグルを求めた。
主な成果:
- 困りごと動画48本をそろえた(残り47本は11本、15本、21本の3回でサブエージェントに書かせた)
- 公開の条件を満たす38本中2本(Step 1 と Step 2b)を本番に公開した
- ステップ3〜7の17本は、手元の dev だけで見られる状態にした
詳細: Excel講座に「道具の前に困りごと」を差し込む:困りごと動画48本とCF精算表ストーリー版の公開まで
4. 文字起こしと海外記事を、朝のうちに記事にした
X の文字起こし2本と海外の投資リサーチ記事1本を、素材ごとに公開か非公開かを決めて記事にさせた。 公開したのは、イーロン・マスクの教育論だけである。 半導体企業 CEO の「4〜5年で2兆ドル」という発言は、x-search と一次資料で確かめさせた。 7月23日に出ていた「2030年に約2兆ドル」の言い換えで、見通しは変わっていなかった。
デプロイは09:48に始まり、13分39秒で終わった。 その待ち時間に「Google に依存しない形を」と頼み、LINE 記録係の計画書へ Cloudflare Workers と D1 で組む版を足させた。
主な成果:
- 教育論の記事を公開し、参考文献8冊すべてに Amazon リンクを付けた
- 半導体企業の見通しは変更なしと確かめ、7月30日の過去記事に追記した
- ローカル LLM を動かす構成の新品価格を試算させ、「200万ぐらい」と受け止めた
詳細: 文字起こしと海外記事を朝のうちに記事化した日|公開と非公開の振り分け、デプロイ中のメモリ観察、GAS 計画書の Workers 版
5. 裁断済み書籍 PDF に管理番号を振った
連番フォルダと蔵書 DB を突き合わせさせると、No864 以降の登録が止まっていた。
「順次 A から」と頼んで未登録分を登録させ、番号の付いた PDF はすべて DB の一覧に入った。
番号なしの PDF は「管理番号でいい、リネームでいい」と伝えた。
ファイル名を参照している場所(file_no を持つテーブル3つ)を先に洗わせてから、63件をリネームさせた。
朝は、evals レポートが何のためにあるのかを聞き直した。 過去週の赤い表示は、記事側ではどれも直っていた error を数え続けていたものだった。 表示を直させ、赤い日と赤い週は0件になった。
主な成果:
- 未登録分の登録43件と紐付け28件、番号なし PDF のリネーム63件
- evals レポートで、再チェックで解消した error を警告から外した
詳細: 裁断済み書籍 PDF に管理番号を振った日|連番フォルダと Turso DB の監査、自動出力メモの片付け、evals レポートの見直し
今日の試行錯誤
| # | テーマ | 試したこと | 結果 | 気づき |
|---|---|---|---|---|
| 1 | 左ステージの高さ(10:49) | 上下を比率(約57:43)で分けた | stash の後半で下半分が最大約150pxはみ出した | 下半分を図の自然な高さにし、残りをターミナルで埋める形に変えた |
| 2 | 矢印キー送り(10:49) | ←→キーでステップを送った | 約24px手前で止まり、1ステップ前へ引き戻された | 止まる位置を直して両方向で効くようにした |
| 3 | 簿記ストーリー版の列数(12:19) | 3列目の設定を外した | 右側が748pxになり、閾値880pxを下回って縦積みに戻った | 閾値を700pxに下げて2列を保った |
| 4 | まとめ区間の右画面(07:56) | 右からまとめの表を外して Excel だけにした | 右が2分20秒ずっと Excel になった | 「右は左のまとめに沿った画面でよい」と言い足し、命名ルールではエクスプローラーの画にした |
| 5 | 第2部の音声のアップロード(17:25) | R2 へ上げた | ls が末尾に / を付けていて、13本を上げ直した | 119件で本番 CDN の 200 を確かめた |
| 6 | Mac からの音声待ち(17:25) | 見張りで129本を待った | 実際は119拍で、そろっていても待ち続けて時間切れ | 引き継ぎメモの数え違い。Windows で合成して決着した |
| 7 | 見本の困りごと動画(11:10) | VLOOKUP の見本(3分08秒)を作らせた | 見出しを年度表記に直して3分22秒、字幕は漢数字のまま残っていた | 字幕と読み上げ文で決まりが違うことを伝えて算用数字に直させた |
| 8 | 字幕の動き(12:32) | 下の字幕カードをスクロールで動かした | 「字幕のアニメーションでメインが薄れる」と却下した | 字幕帯を固定し、左右キーとトグルを足させた |
| 9 | 書名検索の照合(14:32) | 書名検索で Amazon の情報を取った | 書名の似た別の本に誤マッチした | 46件を書名と照合し、版の分からない本は奥付の ISBN で取り直させた |
今日の学び
- Git講座で作った形は、簿記講座では「左に図、右に説明」と言い換えるだけで頼めた。ターミナルが図に替わっても、同じ作りで組めた
- 書き手を並列にしても、照合とレビューの関所は親に1つだけ置いた。サブエージェントの報告から、エンジンの不具合が何度も見つかった
- 講座を「困りごと先行」に寄せるのに、章立てを組み直す必要はなかった。消しても前後がつながる作りにしておけば、あとから削る判断も自分に残せる
- 字幕と読み上げ文は、同じ文でも役割が違う。決まりを伝えるときは「どちらの話か」まで言わないと、片方の決まりがもう片方に当てはめられる
- 新しい数字に見えた発言は、一次資料に当てると古い数字の言い換えだった
明日やること
- Mac 側で作った簿記講座の音声とデプロイの結果を pull して確かめる
- Git講座の第3〜4部(
57ff73b1)を push し、本番に出すかを決める - CF精算表ストーリー版のステップ3〜7(17本)を見て、公開するか決める
関連記事
- Git講座を「左に図、右に解説」のスクロールテリングに作り替え、簿記講座の全20章へ広げた記録
- Git講座の第2〜4部をサブエージェント並列で量産した日
- Excel講座に「道具の前に困りごと」を差し込む:困りごと動画48本とCF精算表ストーリー版の公開まで
- 文字起こしと海外記事を朝のうちに記事化した日|公開と非公開の振り分け、デプロイ中のメモリ観察、GAS 計画書の Workers 版
- 裁断済み書籍 PDF に管理番号を振った日|連番フォルダと Turso DB の監査、自動出力メモの片付け、evals レポートの見直し
- イーロン・マスク「道具ではなく問題を教えよ」:教育について語ったクリップを全文和訳