[{"data":1,"prerenderedAt":231},["ShallowReactive",2],{"content-/gogen-assets-r2-offload":3,"all-pages-for-dir":209,"related-/gogen-assets-r2-offload":210,"og-image-/gogen-assets-r2-offload":230},{"id":4,"title":5,"body":6,"category":191,"concepts":192,"description":193,"extension":194,"meta":195,"navigation":196,"ogImage":192,"path":197,"project_name":198,"published":199,"publishedAt":200,"seo":201,"stem":202,"tags":203,"todo":192,"unpublished":199,"updatedAt":192,"__hash__":208},"pages/2026-07/2026-07-20/gogen-assets-r2-offload.md","eurekapu-nuxt4のデプロイ復旧と、画像・音声をR2配信に寄せ切った一日",{"type":7,"value":8,"toc":179},"minimark",[9,13,17,20,25,28,48,51,54,57,68,79,83,86,89,96,100,103,106,113,116,127,130,133,137,144,147,150,153,156,159,173,176],[10,11,5],"h1",{"id":12},"eurekapu-nuxt4のデプロイ復旧と画像音声をr2配信に寄せ切った一日",[14,15,16],"p",{},"朝一、「残しなかったでしたっけ」と自分に聞き返すところから始まった。昨日の英単語（gogen-eitango）作業、どこまで進めて、どこからコミットしていないのか。記憶があいまいなまま画面を開くのは怖いので、まずディスク上の状態から確認することにした。7/19までの進捗と、未コミットの変更を洗い出す。作業自体は残っている。コミットだけが追いついていない。積み残しの正体はそれだった。",[14,18,19],{},"途中で一度、確認作業そのものが通信エラーで切れた。「続けて」とだけ返してやり直させる。ローカルのgrepパターンが実際のJSON構造と噛み合っていなかったのが原因で、構造を見直してからようやく「昨日どこまで進んだか」が言葉になった。答えが出るまでに、確認のための確認が一段挟まっていた形だ。",[21,22,24],"h2",{"id":23},"検証デプロイコミットを順番どおりに流す","検証→デプロイ→コミットを、順番どおりに流す",[14,26,27],{},"「検証してデプロイしてコミット。自然な流れで」と決めて、そのとおりに進めることにした。飛ばしたくなる気持ちを抑えて、まずは足元から。",[29,30,31,35,42,45],"ul",{},[32,33,34],"li",{},"データ整合の全数チェック",[32,36,37,41],{},[38,39,40],"code",{},"_redirects"," のR2リダイレクト定義の確認",[32,43,44],{},"テスト実行",[32,46,47],{},"画像6枚を自分の目で見て確認",[14,49,50],{},"ここまでは順調だった。ビルドも通り、デプロイもNitroサーバービルドの段階まで進んだ。あとは完了通知を待つだけ、のはずだった。",[21,52,53],{"id":53},"wranglerが認証切れで撥ねる",[14,55,56],{},"デプロイがexit 1で落ちた。ログを見ると、ビルド自体は最後まで通っている。落ちていたのは投入コマンドの方で、原因はwranglerの認証切れだった。",[14,58,59,60,63,64,67],{},"ここで最初の詰まりが起きる。ビルドをやり直す必要はない。再ログインさえすれば、できあがった",[38,61,62],{},"dist/","をそのまま投入できるはずだった。",[38,65,66],{},"pnpm exec wrangler login","を実行してOAuthでログインし直す。",[14,69,70,71,74,75,78],{},"ログイン成功を確認してから、ビルド済みの成果物をそのまま流し込んだ。孤児ファイルの",[38,72,73],{},"dev/","や",[38,76,77],{},"public/images/vocabulary/","は除外して、コミット用のステージングも並行で進める。アップロードが終わるのを待つ間に手を止めずに動けたのは、ビルドが無傷で残っていたからだった。",[21,80,82],{"id":81},"本番確認はchrome拡張が繋がらずagent-browserへ","本番確認は、Chrome拡張が繋がらずagent-browserへ",[14,84,85],{},"デプロイ完了後、本番のJSONを見ると画像・音声パスが50/50で反映されていた。数字としては合っている。ただ、数字が合っているだけでは実際の画面がどう見えるかはわからない。ブラウザで実物を確認しようとしたところ、Chrome拡張が接続しない。代わりにagent-browserスキルに切り替えて、実際の描画を見にいった。ツールが一つ使えなくても、別の経路で最後まで自分の目で確認する。",[21,87,88],{"id":88},"クイズ5問で受領証をもらう",[14,90,91,92,95],{},"コミットの前に学習ゲートを通す。ステージした変更について直感優先の解説を作ってもらい、ブラウザに提示されたクイズに自分で答える番になった。出題は5問。Workerのマニフェストをなぜ退避させたか、認証エラーをfail扱いにしない理由、Piperバッチが速くなった主因、",[38,93,94],{},"?w=","ディープリンクのフォールバック挙動、そして画像338MBをgit管理外に出した根拠。手を動かした本人でも、理由を言葉にして問われると一瞬止まる問いだった。5問とも答えて、全問正解。受領証が発行され、コミットが通った。",[21,97,99],{"id":98},"ローカルにすら置きたくないという新しい注文","「ローカルにすら置きたくない」という新しい注文",[14,101,102],{},"ここで話が変わる。「.gitignoreで除外してコミットしないのは当然として、R2にデプロイしているんだから、ローカルにすら実体を持たせたくない。dev環境で試すときも、CloudflareのURLで聞けるようにしてほしい」。",[14,104,105],{},"もっともな要望だと思った反面、即答はできない。まずdev配信が今どう実装されているか、ローカルに実体がどれだけ溜まっているかを確認することにした。",[14,107,108,109,112],{},"調べてみると、音声の遅延キャッシュ（",[38,110,111],{},"audio-assets/","）はたった304KBで、gogen分の重複蓄積は起きていない。設計どおり「devで再生した分だけ」が残る状態だった。ここは問題なし。問題は別のところにあった。アトラス画像がgitignore済みのまま338MB分、ローカルに残っていた。",[14,114,115],{},"裏でR2の全数チェック（11,859件）を走らせつつ、削除の準備を進める。途中でチェックが2回止まった。1回目は自分の操作で、2回目は外部要因で。そのたびに結果ファイルをのぞいて、どこまで書けているかを確認しながら進めた。",[14,117,118,119,122,123,126],{},"削除する前に、middlewareのフォールバック動作だけは確実に確認しておきたかった。欠落ファイルにアクセスすると",[38,120,121],{},"302","で",[38,124,125],{},"https://assets.info-accounting.com/...","へリダイレクトされる。この一点さえ動いていれば、ローカルの実体を消しても再生は途切れない。検証はパスした。",[14,128,129],{},"削除対象は、gitignore済みのアトラス画像webp 3,859枚（約338MB）と音声118MB。破壊的な操作なので、実行前に「この2コマンドでいいか」と確認を求められ、「y」と答えてから消させた。消したあとdevを開いて、実際にR2フォールバック経由で画像と音声が出ることを確認する。ここでも短いクイズ(3問)が出て、全問正解してから受領証を発行、コミットまで進めた。",[14,131,132],{},"R2の全数監査も最終的に11,859件すべて200で終わった。初回にエラーだった53件も、再試行では全部通っている。欠落ゼロ。この日の当初のタスクはここで一区切りついた。",[21,134,136],{"id":135},"ssd移設で一度作り直すことになった","SSD移設で、一度作り直すことになった",[14,138,139,140,143],{},"区切りがついたと思った直後に、もう一つ注文が来た。「原本の重いデータ、Cドライブじゃなくて自分のSSD(Fドライブ)に移せないか」。容量とファイルシステム、",[38,141,142],{},"gogen-assets","の内訳、スクリプトからのパス参照を確認してから、コピーを実行する。並行でリポジトリ内のパス参照も洗い出す。",[14,145,146],{},"移設とコミットが終わり、Cドライブから約9.5GBが空いた。数字だけ見れば成功だった。",[14,148,149],{},"ところが、あとから引っかかりを覚えた。「画像バッチと音声再生成を走らせるとき、保存先自体をSSDにしたということ？　あー、なるほど、相対パスでやってて、ファイルごと入れてるからってことっすかね」と聞かれて、自分の実装を振り返る。答えはそのとおりだった。piper本体と生成時の保存先まで一緒にF:へ寄せてしまっていたので、バッチを回すたびにSSDの接続が前提になる構成になっていた。相対パスでファイルごと移していたのが原因だ。指摘されるまで、自分でもそこまで踏み込んで移していた自覚が薄かった。",[14,151,152],{},"これは設計として良くなかった。SSDは完成品のアーカイブ置き場であって、日々の作業がそこに依存する場所ではないはずだった。",[14,154,155],{},"作り直す方針はシンプルだった。SSD＝完成品のバックアップ専用置き場、実装（コード・スクリプト・一時ステージング）はリポジトリとCドライブだけで完結させる。piperも生成スクリプトの保存先も元に戻し、完成後のアーカイブだけをF:に送る形に組み替えた。「これで切り離せますよね、実装とデータの保管場所と」と確認され、そのとおりだと答えられる状態になった。",[21,157,158],{"id":158},"学び",[29,160,161,164,167,170],{},[32,162,163],{},"「ビルドは通っているのにデプロイだけ落ちる」ときは、まず認証を疑う。ビルドが無事なら再ビルドせずに再投入できる",[32,165,166],{},"ローカルの実体を消す前に、フォールバック経路（middlewareの302リダイレクト）を単体で検証しておくと、削除後の不安が残らない",[32,168,169],{},"「保存先をSSDに向ける」実装は、パスを寄せた瞬間にそのドライブへの依存を生む。バックアップ置き場と実行環境は、意識して分けないと簡単に混ざる",[32,171,172],{},"一度組んだ設計でも、問い直されたら素直に作り直す。数字上の成功（空いた9.5GB）と設計の健全さは別の軸",[21,174,175],{"id":175},"今日の終わりに",[14,177,178],{},"朝は「昨日どこまでやったっけ」から始まって、デプロイの認証切れを再ログインで越え、ローカルの大容量アセットをR2配信一本に寄せ、最後はSSD移設の設計を一度間違えてから組み直した。どの詰まりも、原因は小さい。認証トークンが切れていただけ、保存先のパスを一箇所寄せすぎただけ。それでも、直す前に「なぜそうなっていたか」を自分の言葉で説明できるところまで戻ってから直す。今日はそれの繰り返しだった。",{"title":180,"searchDepth":181,"depth":181,"links":182},"",2,[183,184,185,186,187,188,189,190],{"id":23,"depth":181,"text":24},{"id":53,"depth":181,"text":53},{"id":81,"depth":181,"text":82},{"id":88,"depth":181,"text":88},{"id":98,"depth":181,"text":99},{"id":135,"depth":181,"text":136},{"id":158,"depth":181,"text":158},{"id":175,"depth":181,"text":175},"dev",null,"wranglerの認証切れで止まったデプロイを再ログインで通し、gogen-eitangoの単語データを本番反映。続けてアトラス画像3,859枚と音声をローカルから削除し、devでもR2配信URLで再生できる構成に切り替えた。SSD移設では一度設計を誤り、作り直した記録。","md",{},true,"/gogen-assets-r2-offload","eurekapu-nuxt4",false,"2026-07-20T00:00:00.000Z",{"title":5,"description":193},"2026-07/2026-07-20/gogen-assets-r2-offload",[198,204,205,206,207],"Cloudflare R2","wrangler","デプロイ","学習ゲート","M6-aqekbYmKP4lZh1FCUXVGqQJEblTq2241VtG0NKWw",[],[211,215,219,222,226],{"title":212,"path":213,"publishedAt":214},"2026年5月15日の開発日記 - 都道府県クイズ12ページ完成・地図クイズ4種・eurekapu 77ページ2カラム化・yomitoku 0.13.0 まで","/2026-05-15-diary","2026-05-15T00:00:00.000Z",{"title":216,"path":217,"publishedAt":218},"2026年4月9日の開発日記 - Excel講座の大規模移行とEDINET財務DB構築","/2026-04-09-diary","2026-04-09T00:00:00.000Z",{"title":220,"path":221,"publishedAt":218},"Excel講座の演習移行・SVG33件一括生成・R2メディア完全移行の作業記録","/excel-course-migration-ui-improvements",{"title":223,"path":224,"publishedAt":225},"Cloudflare PagesとWorkers Static Assetsの違い、エッジキャッシュが効く仕組み","/cloudflare-pages-workers-static-assets","2026-07-22T00:00:00.000Z",{"title":227,"path":228,"publishedAt":229},"2026年7月21日の開発日記 - 会計アプリの誕生と、サブエージェントが吐いた一つの嘘","/2026-07-21-diary","2026-07-21T00:00:00.000Z","https://log.eurekapu.com/og/blog/gogen-assets-r2-offload.png?v=2026-07-20T00%3A00%3A00.000Z&title=eurekapu-nuxt4%E3%81%AE%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E5%BE%A9%E6%97%A7%E3%81%A8%E3%80%81%E7%94%BB%E5%83%8F%E3%83%BB%E9%9F%B3%E5%A3%B0%E3%82%92R2%E9%85%8D%E4%BF%A1%E3%81%AB%E5%AF%84%E3%81%9B%E5%88%87%E3%81%A3%E3%81%9F%E4%B8%80%E6%97%A5&author=Kei%20Komatsu&sig=d18c547fca7c6732",1784705297296]