[{"data":1,"prerenderedAt":180},["ShallowReactive",2],{"content-/vocab-lesson-tts-and-ui-modes":3,"all-pages-for-dir":158,"related-/vocab-lesson-tts-and-ui-modes":159,"og-image-/vocab-lesson-tts-and-ui-modes":179},{"id":4,"title":5,"body":6,"category":140,"concepts":141,"description":142,"extension":143,"meta":144,"navigation":119,"ogImage":141,"path":145,"project_name":146,"published":147,"publishedAt":148,"seo":149,"stem":150,"tags":151,"todo":141,"unpublished":147,"updatedAt":141,"__hash__":157},"pages/2026-07/2026-07-19/vocab-lesson-tts-and-ui-modes.md","Piper TTSで英単語3,859語の音声を無料生成 ― GPUより効いたバッチモード11倍速と自動発音モード",{"type":7,"value":8,"toc":128},"minimark",[9,13,17,22,25,28,32,35,38,42,45,48,56,59,62,65,68,71,74,77,80,83,86,105,108],[10,11,5],"h1",{"id":12},"piper-ttsで英単語3859語の音声を無料生成-gpuより効いたバッチモード11倍速と自動発音モード",[14,15,16],"p",{},"朝は昨日止めた画像バッチの再開から始めた。英単語レッスンサイトの3,859語に例文イラストを付ける最終ラン。残り約900枚を failed ゼロで走らせつつ、待ち時間でミラーカラム型ビューアの作り直しを進めさせた。この時点では、夕方までの主役が画像だと思っていた。実際に山になったのは、午後にひょいと頼んだ音声のほうだった。",[18,19,21],"h2",{"id":20},"セクション区分これ意味あるのか","セクション区分、これ意味あるのか",[14,23,24],{},"ビューアを眺めていて、前から引っかかっていたことを口に出した。セクションが「スタンダード1〜7」と「アドバンス」に分かれ、その中にさらに難度ラベルが重なっている。単語の難易度で切っているらしいのだが、学習者としてこの区分を頼りに何かを選べる気がしない。",[14,26,27],{},"思いつきで壊す前に、手元のデータで裏を取ることにした。3,859語の語源情報の内訳を全数集計してもらうと、語源ファミリーで再編できるだけの材料が揃っていることがわかった。再編の提案までもらったが、着手の判断は今日はしていない。画像と音声のバッチが走っている横で構造をいじるのは分が悪い。",[18,29,31],{"id":30},"pc画面の余白がでかすぎる","PC画面の余白がでかすぎる",[14,33,34],{},"ビューアをPCで開くと、コンテンツが中央の細い帯に収まり、左右に白が広がっていた。構成は「見出し語→語義→メモ→例文→和訳→画像」で固定なのだから、幅を目一杯使って文字も画像も大きくしていい。ただし英語の例文が折り返すと読みづらくなる。その匙加減だけ伝えて、調整させた。",[14,36,37],{},"結果はビューア専用のスタイル上書き（デスクトップ901px以上のみ）に収まった。一覧モードとモバイルには触れていない。折り返しの心配は、全3,859例文の最長が88字だと実測してもらって消えた。この幅なら全語が1行に収まる。例文の長さを生成時のフォーマットゲートで揃えておいたことが、思わぬところで効いた。",[18,39,41],{"id":40},"単語と例文に音声を付ける-gpuの出番はなかった","単語と例文に音声を付ける ― GPUの出番はなかった",[14,43,44],{},"「音声も確か無料でできたはずですよね」と聞いてみると、以前に別コンテンツの141語でやった Piper TTS（OSS・完全ローカル実行）の仕組みがそのまま使えるという。単語と例文で約7,700ファイル。そのまま生成を回し始めた。",[14,46,47],{},"ところが遅い。12分で924ファイル、毎分77ファイル。当初見積もりの6倍速には遠く、完了見込みが1.5時間先に伸びた。6並列にしたのに1.7倍しか速くなっていない、という数字を眺めながら、この機械にはRTX 3070が載っていることを思い出した。CPUじゃなくてGPUでできないんですかね、と聞いた。GPUに投げれば片付く話だろうと思っていた。",[14,49,50,51,55],{},"違った。調べさせると、ボトルネックは演算ではなかった。1ファイル生成するたびに piper.exe を起動し、63MBのモデルを読み直す。この起動オーバーヘッドが支配的だから、並列を増やしても効かなかったのだ。piper には ",[52,53,54],"code",{},"--json-input"," というバッチ入力モードがあり、モデルを1回読んだまま全文を連続合成できる。切り替えたら11倍速が出た。GPU化には CPU専用ビルドの差し替えと CUDA セットアップが要るが、もう必要なくなった。",[14,57,58],{},"R2へのアップロードでも同じ形の問題を踏んだ。毎分57ファイルで2時間超の見込み。こちらは wrangler の起動オーバーヘッドが支配的だったので、並列を10から30に上げて45〜50分に縮めた。「遅いときは演算より起動回数を疑う」を、1日に2回体で覚えた。",[18,60,61],{"id":61},"ページ遷移したら発音するモード",[14,63,64],{},"音声が載る目処が立ったので、使い方も足した。矢印キーでページを送りながら単語を眺めるとき、遷移のたびに自動で発音してほしい。ヘッダーのバーに「単語」「例文」のチェックを2つ置き、単語だけ・例文だけ・両方の3パターンを選べるようにして、設定は localStorage に保存する ― と伝えて実装させた。ユニットテストと、設定が残ることを確かめるE2Eも足してある。",[14,66,67],{},"検証で一度だけ肝を冷やした。チェックを入れたのに localStorage が null に見えたのだ。バグではなく、Vue の watcher が非同期フラッシュのため、クリックと同じティックで読んでいただけだった。読み直したら保存されていた。",[18,69,70],{"id":70},"スロットリンクって何ですか",[14,72,73],{},"画像バッチは午後にかけてペースが落ちていった。序盤は13分で110枚だったのが、後半は30分で110枚。「あと1時間ですか」と完走時刻を聞き返す羽目になった。報告に繰り返し出てくる言葉を私は「スロットリンク」と聞き取っていて、そもそも何なのかを聞いた。スロットリング。エラーで止まるのではなく、混雑時にサーバー側が処理量を意図的に絞る流量制限で、「今は混んでいるので後にして」と断られる分だけ遅くなる。止まっているのではなく絞られている、とわかれば待ち方も決まる。",[14,75,76],{},"画像は10時半すぎに完走した。done 4,212・failed 0。今日1日で939枚、途中でDB接続エラー起因の孤児が1件出たが回収済み。これで3,859語すべてに例文イラストが付いた。",[18,78,79],{"id":79},"締めの泥仕事",[14,81,82],{},"締めは泥仕事が続いた。バックグラウンドのアップロードが「stopped」通知を返すのに実際はプロセスが生きている、という罠を2回踏み、最後は出力をファイル直書きにしてデタッチ起動へ切り替えさせた。E2Eは wrangler 30並列でマシンが高負荷のため、普段17秒のスイートが25分経っても終わらない。一度止めて、アップロード完了後にフォアグラウンドで chromium だけ回して確定させた。",[18,84,85],{"id":85},"学びメモ",[87,88,89,93,96,99,102],"ul",{},[90,91,92],"li",{},"生成が遅いとき、まず疑うのは演算力ではなく起動回数。プロセス起動＋モデル読み直しのオーバーヘッドは並列化では消えない",[90,94,95],{},"GPU追加のような足し算より、モデル読み込み1回のバッチモードという引き算が先",[90,97,98],{},"コンテンツ生成時にフォーマット（例文長）を揃えておくと、後段のレイアウト判断が「最長88字なら1行」の一言で済む",[90,100,101],{},"localStorage の検証はクリックと同じティックで読まない（Vue の watcher は非同期フラッシュ）",[90,103,104],{},"高負荷マシンでのE2Eは粘らない。静かになってから回すほうが早い",[18,106,107],{"id":107},"明日以降",[87,109,112,122],{"className":110},[111],"contains-task-list",[90,113,116,121],{"className":114},[115],"task-list-item",[117,118],"input",{"disabled":119,"type":120},true,"checkbox"," セクション区分の語源ファミリー再編に着手するか決める。実測データと提案は手元に揃っている",[90,123,125,127],{"className":124},[115],[117,126],{"disabled":119,"type":120}," 自動発音モードをモバイル実機で触って、遷移のたびの再生が煩わしくないか確かめる",{"title":129,"searchDepth":130,"depth":130,"links":131},"",2,[132,133,134,135,136,137,138,139],{"id":20,"depth":130,"text":21},{"id":30,"depth":130,"text":31},{"id":40,"depth":130,"text":41},{"id":61,"depth":130,"text":61},{"id":70,"depth":130,"text":70},{"id":79,"depth":130,"text":79},{"id":85,"depth":130,"text":85},{"id":107,"depth":130,"text":107},"dev",null,"英単語レッスンサイトの単語と例文にローカルTTSで音声を付けた記録。生成の遅さの原因はGPU不足ではなくモデル読み直しのオーバーヘッドで、バッチ入力モードへの切り替えで11倍速に。PCレイアウトの余白調整とページ遷移時の自動発音モードも実装した。","md",{},"/vocab-lesson-tts-and-ui-modes","eurekapu-nuxt4",false,"2026-07-19T00:00:00.000Z",{"title":5,"description":142},"2026-07/2026-07-19/vocab-lesson-tts-and-ui-modes",[152,153,154,155,156],"TTS","Piper","英単語学習","R2","Nuxt","P8W-9WMqf0wmJRrEg5ljeVK29kMZuUBwzF6E8r9pZG0",[],[160,164,167,171,175],{"title":161,"path":162,"publishedAt":163},"語源英単語アプリの例文を作り込んだ日 — 実写画像から抽象イラストへの方針転換・単語のマゼンタ強調・Piper TTSの再生ボタン","/gogen-eitango-example-images-and-audio","2026-07-15T00:00:00.000Z",{"title":165,"path":166,"publishedAt":148},"2026年7月19日の開発日記 - 朝に足した内部リンクが夕方のビルドを3倍遅くしていた","/2026-07-19-diary",{"title":168,"path":169,"publishedAt":170},"Eurekapuのデプロイが9.3分に伸びた話：R2リダイレクト移行と、Codexに3回ダメ出しされた計画書","/deploy-optimization-r2-redirects","2026-05-13T00:00:00.000Z",{"title":172,"path":173,"publishedAt":174},"ずんだもん音声解説を財務3表コクピットに組み込む：132ステップ一括生成とR2デプロイ","/voicevox-zundamon-audio-r2","2026-05-06T00:00:00.000Z",{"title":176,"path":177,"publishedAt":178},"Cloudflare R2カスタムドメイン × Web Audio API: ブラウザのメディアキャッシュが引き起こすCORS地獄","/cloudflare-r2-cors-web-audio-api","2026-03-17T00:00:00.000Z","https://log.eurekapu.com/og/blog/vocab-lesson-tts-and-ui-modes.png?v=2026-07-19T00%3A00%3A00.000Z&title=Piper%20TTS%E3%81%A7%E8%8B%B1%E5%8D%98%E8%AA%9E3%2C859%E8%AA%9E%E3%81%AE%E9%9F%B3%E5%A3%B0%E3%82%92%E7%84%A1%E6%96%99%E7%94%9F%E6%88%90%20%E2%80%95%20GPU%E3%82%88%E3%82%8A%E5%8A%B9%E3%81%84%E3%81%9F%E3%83%90%E3%83%83%E3%83%81%E3%83%A2%E3%83%BC%E3%83%8911%E5%80%8D%E9%80%9F%E3%81%A8%E8%87%AA%E5%8B%95%E7%99%BA%E9%9F%B3%E3%83%A2%E3%83%BC%E3%83%89&author=Kei%20Komatsu&sig=3445538d6c7a3a61",1784510943238]