[{"data":1,"prerenderedAt":289},["ShallowReactive",2],{"content-/story-course-narration-mac-offload":3,"all-pages-for-dir":267,"related-/story-course-narration-mac-offload":268,"og-image-/story-course-narration-mac-offload":288},{"id":4,"title":5,"body":6,"category":247,"concepts":248,"description":249,"extension":250,"meta":251,"navigation":212,"ogImage":248,"path":252,"project_name":253,"published":254,"publishedAt":255,"seo":256,"source":257,"stem":258,"tags":259,"todo":248,"unpublished":254,"updatedAt":248,"__hash__":266},"pages/2026-10/2026-10-16/story-course-narration-mac-offload.md","Claude Codeの2台運用で、教材の読み上げ音声をMacに合成させながら図と台本を直した一日",{"type":7,"value":8,"toc":230},"minimark",[9,13,17,20,25,28,31,34,37,41,44,47,58,62,65,68,72,75,78,81,84,88,91,94,97,100,104,107,110,113,116,119,122,126,129,132,135,146,150,153,156,159,164,167,170,173,176,179,182,198,201,227],[10,11,5],"h1",{"id":12},"claude-codeの2台運用で教材の読み上げ音声をmacに合成させながら図と台本を直した一日",[14,15,16],"p",{},"朝、Windows のセッションから Mac へ、台本500本ぶんの合成を頼んだ。\nMac では tmux の中で Claude Code が動いていて、Irodori-TTS で読み上げ音声を作る係を受け持っている。\nそのあいだ、Windows では講座サイトの図と台本を直し続けた。",[14,18,19],{},"台本に一文足しただけで、音声と文の数が合わなくなる。\nこのずれが、形を変えて一日のうちに何度も出てきた。",[21,22,24],"h2",{"id":23},"羊の向きと白い背景の下に隠れていた仕訳の行","羊の向きと、白い背景の下に隠れていた仕訳の行",[14,26,27],{},"簿記講座のストーリー版には、参考書の Kindle 版の図を動く図にした節がある。\n羊が移動する図で、1回目から3回目まで、動かす前のコマなのに羊が最初から右を向いていた。\n動かしたあとの絵が先に入ってしまっているので、普通にバグだと思って直してもらった。",[14,29,30],{},"コマを切り替える様子を Claude Code に録画させ、コマ割りで確かめさせた。\n広い画面では、羊は正しい向きで歩いて入っていた。\n狭い画面でも録画して、羊の向きを機械的に判定させた。\n最初は判定できず、絵の色の付け方を見て判定のしかたを直していた。\n直したあとで回線を遅くして録画し直すと、切り替えの直後に動き終わった絵が出ることはなくなった。\n作り直した図のうち9枚の中身が変わり、動き終わった絵が元の図と一致するかを、15枚すべて画素単位で比べてもらった。",[14,32,33],{},"続けて、仕訳として見せるコマで、真ん中の仕訳の行が消えているのに気づいた。\n元の図には要素があるはずだと伝えて調べてもらうと、原因は元の図に残っていた見えない文字だった。\n仕訳の行の白い背景より下に、重なった「羊」などの見えない文字が2つ残っていた。\n動く図を作るとき、仕訳の行の部品をまとめてその位置へ入れていたので、行がまるごと白い背景の下に隠れていた。",[14,35,36],{},"直した分をコミットして、作り直した9枚を R2 に上げた（9/9 成功）。\nただ、本番の CDN には古い図が最長4時間残るので、この時点ではまだ入れ替わっていなかった。",[21,38,40],{"id":39},"_500本の台本を-mac-へ送る","500本の台本を Mac へ送る",[14,42,43],{},"コミットと一緒に、音声の無い節を一通り Mac で合成するよう頼んだ。\nWindows 側で台本を書き出して手元の音声と突き合わせ、500本ぶんを章ごとに17ファイルへまとめさせた。\nSSH で Mac のリポジトリの外へ送り、17ファイルとも中身が一致して届いたのを確かめてから、機体間メッセージで依頼を送らせた。\nMac 側にもゲートが入っていたので、依頼文の合成コマンドはゲート越しの形に直してから送っている。",[14,45,46],{},"Mac 側の Claude Code は 07:56 に合成を始めた。\n途中で聞いたときは、17章のうち11章（89本）が済んでいて、残りは411本（約4.2万字）だった。\nあと約2時間15分、11時ごろに終わる見込みと返ってきた。\n最後には500本すべての MP3 ができ、dev のストーリー版で確かめたページでは「音声なし」の印が消えた。",[14,48,49,50,54,55,57],{},"困ったのは、合成中に Mac のメモリが膨らみ続けることだった。\nMac 側の Claude Code は、メモリを空けながら合成する包み（ラッパー）をすでに作っていた。\n依頼を出す Windows 側や Codex 側も、音声を頼むときはそれを使ってほしい。\nそう伝えて、",[51,52,53],"code",{},"~/.claude"," にある Mac への依頼の手順書へ組み込んでもらった。\n包みが Mac の環境で読み込めて、中のスクリプトまで終了コード 0 で動くのを確かめてから、コミットして push した。\nMac の ",[51,56,53],{}," には、次に合成を頼むとき、依頼文の最初の手順で pull してもらう形で入る。",[21,59,61],{"id":60},"講義ノート一覧の並べ替えと所要時間の目安","講義ノート一覧の並べ替えと、所要時間の目安",[14,63,64],{},"講義ノート一覧のページは、何度か作り直した。\nカード全体ではなく、中の「テキスト｜画面再現｜動画｜ストーリー版」の枠から入りたいことを、スクリーンショットで伝えた。\n2カラムにすると、その枠が丸いタグのように見えてドラフトの札と区別がつかなかったので、四角いタイルに変えてもらった。\n外部の動画講座プラットフォームにも講座があるものは、5つ目のタイルに直リンクを置き、各区分の中で上へ並べた。\n最終的には区分を横に2列、区分の中の講座を1列にし、財務諸表を読む系の講座は新しい区分にまとめた。\nURL を知っていれば誰でも開ける「URL 公開のドラフト」は中途半端だとも指摘し、本文の URL 直打ちを塞いでもらった。",[14,66,67],{},"各講座を読み上げると何時間になるかの目安も、カードに入れてもらった。\n財務諸表の動画の実際の語りから速さを測ると、間を含めて毎分約270字（話している部分だけなら約314字）だった。\nExcel 基礎講座は約8.5時間になる。\n財務諸表の疑問 Q&A は27.5時間と出たので、大きすぎないかを確かめさせると、1本約7,000字の記事が72本あった。\n数字はそのまま残した。",[21,69,71],{"id":70},"読み込み中のまま止まる舞台","「読み込み中…」のまま止まる舞台",[14,73,74],{},"財務諸表ストーリー版の「商品の現金仕入」の回で、左の舞台が「読み込み中…」のまま出てこなかった。\n最初は遅さを疑い、測ってもらった。\nページ自体は0.3秒で読み込めるのに、舞台が出るまで36秒かかる。\n通信は13.7秒ですべて終わっているのに、舞台は45秒まで出てこない。",[14,76,77],{},"ところが、計測していたタブは背景に回っていて、ブラウザがタイマーを絞っていた。\nこれでは数字を当てにできない。\nタブを前面に出して測り直すと、舞台の部品が描画エラーで止まっていた。\n遅かったのではなく、エラーでずっと「読み込み中…」のままだった。",[14,79,80],{},"原因は、別のセッションの未コミットの変更だった。\nこの回の台本に1文足したまま、語りのデータを作り直していなかったのである。",[14,82,83],{},"最初はエラーの文言を画面に出す直しを入れたが、途中で方針を変えた。\n文の数がずれていても舞台は出し、音声の無い文には「音声なし」の印を付けて、その文は無音のまま舞台を台本どおりに動かす。\n26文のうち足された1文に「音声なし」が付き、舞台は2秒で出るようになった。\n別の回でも「読み込み中」が出ていた。\nこちらは動画データが無いのが怪しいと見て直してもらい、舞台が出るのを確かめた。",[21,85,87],{"id":86},"切り抜きではなくカメラで寄る","切り抜きではなく、カメラで寄る",[14,89,90],{},"スマホ版で、横長の図や表が小さくて読めないことも気になっていた。\n台本と左の画を並べた一覧を作らせ、5つの点検を並行で回させた。\n数字の食い違いはどの回にもなく、スマホ版で字が小さすぎる場所が9か所見つかった。\n簿記一巡の2か所は、参考書の Kindle 版にあった縦の図を、スマホ版だけに当てた。",[14,92,93],{},"ほかの場所は、図の一部を切り抜いたコマで大きく見せる形になっていた。\nそれを見て、切り抜くのはやめてほしいと伝えた。\n切り抜くと、そこが図のどこなのかが分からなくなる。\n全体像は最初のコマで見せているのだから、カメラで引いたり寄ったりすればよい。",[14,95,96],{},"いちばん見せたかったのは間接法の図である。\n税引前当期純利益から出発して、営業外の損益を足し戻して営業利益まで上がり、減価償却費と債権債務の増減を調整して営業キャッシュフローの小計に着く。\nその順番を、カメラの動きで追えるようにしてもらった。\n同じ切り抜きを使っていた4か所もカメラの寄りにそろえ、PC版も同じように寄る。\n動きを見て、「非常に良い」と返した。",[14,98,99],{},"そのあと、語っている行が光っていない箇所の直しをサブエージェント3体に分けて頼み、図は128枚中128枚を R2 に上げた。\nR2 との照合では260本が一致し、今日書き出し直した5回ぶんの9本が古いままだったので上げ直した。\n最後にデプロイとキャッシュ削除を頼んだところで、このセッションのログは終わっている。",[21,101,103],{"id":102},"簿記講座のはじめにと34本の取り込み","簿記講座の「はじめに」と、34本の取り込み",[14,105,106],{},"昼前は、簿記講座のストーリー版の「はじめに」を進めた。\nSTEP 5 の試算表は、STEP 3 と同じ5列の合計残高試算表にしてもらった。\n新しい節の音声はどのセッションでもまだ作られていなかったので、合成は Mac に頼むことにした。",[14,108,109],{},"途中で、節の外側に付いている灰色の枠が気になった。\n聞くと、もともと図の節のために付けたもので、操作教材の節では無くても困らないという。\nSTEP の節だけ枠を外し、白い矢印が消えないよう、図の節は灰色のまま残した。",[14,111,112],{},"「簿記を体感」をトピックのひとつにしておくのはもったいないので、独立したチャプターにした。\n「財務諸表の勘定から検索」は目次の最後に回した。\nデータを分けるときに音声の名前を固定する仕組みを入れてもらい、79本すべてで分割の前後の名前と台本が一致するのを確かめた。\nこれで Mac の合成をそのまま使える。",[14,114,115],{},"Mac の合成が終わって取り込もうとすると、Mac の名前が IPv6 で返ってきて、取り込みスクリプトの SSH が通らなかった。\nIP を指定した SSH で34本（新しい28本と、文が変わった6本）を直接取り込み、Mac 側と SHA-256 で全本一致した。",[14,117,118],{},"← キーの動きも直した。\nSTEP 2 の先頭まで進んだところで、1個前は何だったかを見返したくなることがある。\n← で区間の頭から戻ったら、前の区間の最後のコマに着くようにしてもらった。\n矢印キーで1手ずつ進む講座の部品5つすべてが対象で、各講座で実際に ← を押して確かめさせた。",[14,120,121],{},"MP3 の R2 へのアップロードは、デプロイと一緒でないといけないのかと聞いて、説明に納得した。\n別のセッションがデプロイを始めたところで、34本（うち上書き6本）を上げた。",[21,123,125],{"id":124},"机の上ではを台本から消す","「机の上では」を台本から消す",[14,127,128],{},"財務諸表ストーリー版のキャプションにある「机の上では四つの表をこう並べます」という言い方が、ずっと気になっていた。\n洗い出してもらうと、「机」を使う語りは財務諸表の14文と別表の1文、計15文あった。\nうち9文は「この講座では」に置き換えると不自然になるので、別の言い方の案が付いていた。",[14,130,131],{},"最初は、台本だけ直してほしいと頼んだ。\nどうせ最後は自分の声で全部吹き替え直すので、台本が合っていればよく、音声は「机の上では」のままでかまわない。\n修正の計画書は Codex にレビューさせ、事実誤りの指摘を直して再レビューで承認を得てから、6項目を決裁フォームで決めた。",[14,133,134],{},"台本を直したあとで、作り直すならどのくらいかを聞いた。\n15文で、音声にすると約56秒だという。\nMac の合成は1文あたり約6秒（9/22 の実測）なので、回ごとのモデルの読み込み直しを足しても10分前後で終わる。\nそんなに少なかったかと思いつつ、作り直しを頼んだ。\nもっとあったはずだという気がしたので、取りこぼしがないかもリポジトリ全体で洗い直してもらった。",[14,136,137,138,141,142,145],{},"財務諸表の7本は Windows で、別表は Mac で合成した。\nMac の tmux セッション名は ",[51,139,140],{},"claude-eurekapu"," ではなく ",[51,143,144],{},"claude"," で、宛先を直して送り直す一手間があった。\n最初に気になった15文目は「四つの表は、こう並べます。」にして、この1文の合成を Mac に頼んだ。\nMac にはこの回の文ごとのキャッシュが無かったので、Windows のキャッシュ128本を先に送った。\n作り直す文が3文を超えそうなら、声が変わってしまうので合成せずに止めて返信するよう、依頼文に書かせてある。\n取り込んだ12件は SHA-256 で一致し、MP3 は72本（財務諸表63本、別表9本）を R2 に上げた。\nデプロイと、その直後の CDN キャッシュ削除は、このセッションでは残った。",[21,147,149],{"id":148},"参考書の縦長の図とillustrator-の原本","参考書の縦長の図と、Illustrator の原本",[14,151,152],{},"午後は、簿記講座の「各章の論点一覧と仕訳まとめ」に、参考書の Kindle 版の縦に長い図があるはずだから探してほしいと頼んだ。\nKindle 版の原本の .ai から、「各論点のまとめ」の縦のページが見つかった。\nIllustrator を自動で動かして書き出させると、約9分で69枚が出てきた。\n「現金と預金」の節を、その縦のページに沿って作り直した。\n最初は8区切りで組み、最終的に11区切りへ分け直している。",[14,154,155],{},"ノートPCの画面では、上の余白と下の「前へ／次へ」の帯（約75px）、それに財務諸表の小ささが気になった。\n財務諸表が小さかったのは、左の枠を上下に半分ずつ割り、両方を半分に収まる大きさまで縮めていたからだった。\n財務諸表は試算表の約2倍の高さがあるので、財務諸表だけが大きく縮み、試算表側の半分は空いていた。\n直すと、広い画面で約1.16倍（倍率 0.84 → 0.97）になった。\nそれでもノートPCでスクロールが出ると、マウス操作が要る。\n縮める下限を外し、どの画面でもスクロールなしで枠に収まるようにしてもらった。",[14,157,158],{},"残り10節も同じやり方でよいと伝え、Mac への合成依頼はできた節から順に送らせた。\n図の準備はサブエージェント5体に並列で進めさせた。\nMac の IP が変わっていて自動では見つからず、Wi-Fi 側の IP を指定して送り直す場面もあった。\n商品売買では36区切りのうち20区切りで範囲が枠の上にはみ出していたが、直して全11節で枠に収まった。\n読み上げ音声は全11節で139本（2,104秒）になり、Mac で合成して、取り込んだハッシュも全本一致した。",[160,161,163],"h3",{"id":162},"図の誤りと原本を壊さない編集","図の誤りと、原本を壊さない編集",[14,165,166],{},"点検で、賃貸借のページの題「先に対価の受取」は「先に対価の支払」の、丸数字「2」は「3」の誤りだと分かった。\n確かにそのとおりで、これは Illustrator 側も直さなければいけない。",[14,168,169],{},"書き出した SVG の文字は図形（アウトライン）になっていて、書き換えられない。\nそこで、間違った字を背景色で覆い、上に正しい字を重ねてもらった。\n覆う位置と文字は JSON に記録してあるので、Illustrator から書き出し直しても同じ直しが当たる。",[14,171,172],{},"それでも、原本を直せるなら直したい。\n聞いてみると、原本の該当の文字は編集できるポイント文字のまま残っていて、スクリプトで書き換えられるという。\n原本を書き換えてもいいが、壊れたら困る。\n必ず原本をコピーし、末尾に「_ClaudeCode編集」のような名前を付け直して、そちらを編集するよう頼んだ。",[14,174,175],{},"コピーは原本と同じフォルダに作られ、ハッシュが原本と一致するのを確かめてから編集に入った。\n直したあとも、原本のハッシュは変わっていない。\n自分で開いてみると、普通に直っていた。\nIllustrator のファイルを Claude Code から編集できるとは思っていなかった。\n続けて、手形のページの「600」を「300」に直す修正も、同じコピーでやってもらった。",[14,177,178],{},"最後に、各章の論点まとめの一覧ページをトピックの先頭に入れるよう頼んだ。\nQ番号だけの文字枠を数える探し方では、商品売買の1枚（Q番号33個）しか見つからなかった。\nページの名前を挙げて見直すと、一覧が無いのは商品売買だけで、現金と預金などには一覧がすでに入っているようだった。\n商品売買に一覧を入れ、その1枚ぶんの読み上げは Mac に頼んだ。\nスクロールバーのはみ出しは、全11節の140区切りすべてで0にした。\nコミットとデプロイはせず、進捗をテキストに書き出したところで、このセッションは止まっている。",[21,180,181],{"id":181},"学び",[183,184,185,189,192,195],"ul",{},[186,187,188],"li",{},"台本と音声の文の数がずれると、舞台ごと止まる。ずれても舞台は出し、足りない文には「音声なし」の印を付けるほうが、作っている途中の教材には合っていた。",[186,190,191],{},"2台運用では、送っただけでは終わらない。届いた中身の一致（17ファイル、SHA-256）、宛先の tmux セッション名、Mac の IP を確かめ直す場面が何度もあった。",[186,193,194],{},"書き出した SVG の文字は図形で書き換えられないが、原本の .ai には編集できる文字が残っていた。コピーを作ってから直せば、原本のハッシュを変えずに試せる。",[186,196,197],{},"切り抜くと「図のどこを見ているか」が消える。全体を置いたままカメラで寄れば、位置ごと伝わる。",[21,199,200],{"id":200},"残っていること",[183,202,205,215,221],{"className":203},[204],"contains-task-list",[186,206,209,214],{"className":207},[208],"task-list-item",[210,211],"input",{"disabled":212,"type":213},true,"checkbox"," 財務諸表ストーリー版まわりのデプロイと CDN キャッシュ削除（講義ノート一覧のセッションでは頼んだところまで、「机」のセッションでは未了）",[186,216,218,220],{"className":217},[208],[210,219],{"disabled":212,"type":213}," 簿記講座の論点まとめ（全11節）のコミットとデプロイ",[186,222,224,226],{"className":223},[208],[210,225],{"disabled":212,"type":213}," 商品売買の一覧ページ1枚ぶんの読み上げの取り込み",[14,228,229],{},"台本を直すたびに、音声を作り直すかどうかを決めてきた。\nけれど、最後には全部を自分の声で吹き替え直すつもりでいる。\nそのとき読むのは、今日直した台本である。",{"title":231,"searchDepth":232,"depth":232,"links":233},"",2,[234,235,236,237,238,239,240,241,245,246],{"id":23,"depth":232,"text":24},{"id":39,"depth":232,"text":40},{"id":60,"depth":232,"text":61},{"id":70,"depth":232,"text":71},{"id":86,"depth":232,"text":87},{"id":102,"depth":232,"text":103},{"id":124,"depth":232,"text":125},{"id":148,"depth":232,"text":149,"children":242},[243],{"id":162,"depth":244,"text":163},3,{"id":181,"depth":232,"text":181},{"id":200,"depth":232,"text":200},"dev",null,"講座サイトの財務諸表と簿記講座のストーリー版で図と台本、レイアウトを直しつつ、読み上げ音声の合成をWindowsからMacへ機体間メッセージで任せた。Illustratorの原本をコピーしてClaude Codeに編集させた話まで。","md",{},"/story-course-narration-mac-offload","eurekapu-nuxt4",false,"2026-10-16T00:00:00.000Z",{"title":5,"description":249},"make-diary","2026-10/2026-10-16/story-course-narration-mac-offload",[253,260,261,262,263,264,265],"Claude Code","音声合成","Irodori-TTS","Illustrator","2台運用","教材制作","gj_o3KGzb8taGGm0_eKrrPzwrIh1FfWR__MLrTrM7E0",[],[269,272,276,280,284],{"title":270,"path":271,"publishedAt":255},"2026年10月16日の開発日記 - 読み上げ音声をMacに任せ、Windowsで教材の図と台本を直した日","/2026-10-16-diary",{"title":273,"path":274,"publishedAt":275},"講座のストーリー版を電子書籍版の章立てに組み直す。本文の食い違いは電子書籍に合わせ、音声合成はMacだけに","/story-course-ebook-chapters-realign","2026-10-19T00:00:00.000Z",{"title":277,"path":278,"publishedAt":279},"簿記ストーリー講座の図を電子書籍の素材へ差し替える。Illustratorが開いていないように見えた理由と430コマの置き換え","/bookkeeping-story-ebook-figure-replace","2026-10-18T00:00:00.000Z",{"title":281,"path":282,"publishedAt":283},"Illustratorスクリプトで参考書の図を講座スライドへ移した記録（メモリ増加、アートボード追加のスキル化、SVGアニメの取り下げ）","/illustrator-artboard-slides-svg-animation","2026-10-15T00:00:00.000Z",{"title":285,"path":286,"publishedAt":287},"Git の checkout や reset --hard を画面再現で見せる動画教材づくりと、英字の読み上げをカタカナ台本で直した記録","/git-terminal-replay-katakana-voice","2026-10-11T00:00:00.000Z","https://log.eurekapu.com/og/blog/story-course-narration-mac-offload.png?v=2026-10-16T00%3A00%3A00.000Z&title=Claude%20Code%E3%81%AE2%E5%8F%B0%E9%81%8B%E7%94%A8%E3%81%A7%E3%80%81%E6%95%99%E6%9D%90%E3%81%AE%E8%AA%AD%E3%81%BF%E4%B8%8A%E3%81%92%E9%9F%B3%E5%A3%B0%E3%82%92Mac%E3%81%AB%E5%90%88%E6%88%90%E3%81%95%E3%81%9B%E3%81%AA%E3%81%8C%E3%82%89%E5%9B%B3%E3%81%A8%E5%8F%B0%E6%9C%AC%E3%82%92%E7%9B%B4%E3%81%97%E3%81%9F%E4%B8%80%E6%97%A5&author=Kei%20Komatsu&sig=3a7dbce5910bd41a",1792550157615]