[{"data":1,"prerenderedAt":330},["ShallowReactive",2],{"content-/og-image-redirect-loop-fix":3,"all-pages-for-dir":328,"og-image-/og-image-redirect-loop-fix":329},{"id":4,"title":5,"body":6,"category":309,"description":310,"extension":311,"meta":312,"navigation":313,"ogImage":314,"path":315,"project_name":316,"published":317,"publishedAt":318,"seo":319,"stem":320,"tags":321,"todo":314,"unpublished":317,"updatedAt":314,"__hash__":327},"pages/2026-05/2026-05-28/og-image-redirect-loop-fix.md","912件の自己ループリダイレクトとOG画像署名切れを一気に直した日 — 本番障害2件をAIに調査させて根本原因まで詰めた記録",{"type":7,"value":8,"toc":300},"minimark",[9,14,18,26,29,34,40,47,67,74,77,88,98,102,105,112,136,165,168,174,180,187,190,196,199,210,214,217,220,226,229,242,249,253,256,259,262,268,271,297],[10,11,13],"h1",{"id":12},"_912件の自己ループリダイレクトとog画像署名切れを一気に直した日","912件の自己ループリダイレクトとOG画像署名切れを一気に直した日",[15,16,17],"p",{},"本番障害が2件、ほぼ同時に発覚した。どちらも自動テストでは拾えていない領域で、私がブラウザの画面を見て「あれ？」と気付いた。",[15,19,20,21,25],{},"1件目は ",[22,23,24],"code",{},"log.eurekapu.com"," を開いて、公開したはずの記事ページが404で返ってきたこと。2件目はXに記事リンクを貼ってカードが favicon の謎図形に化けていたこと。",[15,27,28],{},"調査と修正のほぼ全てをClaude Codeに投げ、私は方針判断とセキュリティリスクの最終確認だけをやった。終わってみればデプロイ時間が473秒から293秒に短縮されて、副産物まで付いてきた。一日の流れを記録に残す。",[30,31,33],"h2",{"id":32},"障害1-912件の自己ループリダイレクトが本番を覆っていた","障害1: 912件の自己ループリダイレクトが本番を覆っていた",[15,35,36,37,39],{},"朝、自分のブログ ",[22,38,24],{}," で記事URLを踏んだら、ブラウザが404を返した。直前にデプロイした記事ではない。何ヶ月も前に書いたはずの記事が本番で表示されない。",[15,41,42,43,46],{},"Claude Codeに「公開済みの記事が本番で404になっている。原因を調査して」と頼んだ。リダイレクト設定を疑い ",[22,44,45],{},"apps/web/public/_redirects"," を読ませると、ファイルの行数が異常に膨らんでいた。",[15,48,49,50,53,54,57,58,61,62,66],{},"Claude Codeに ",[22,51,52],{},"scripts/generate-redirects.mjs"," の生成ロジックを追わせると、frontmatter の ",[22,55,56],{},"path"," がファイル名 slug と一致する記事に対して、",[22,59,60],{},"/foo → /foo"," という自己ループルールが機械的に生成されていた。その数、",[63,64,65],"strong",{},"912件","。",[15,68,69,70,73],{},"Cloudflare Pages の ",[22,71,72],{},"_redirects"," は上から順にマッチするので、自己ループに当たった記事はリダイレクトループ扱いで本番からアクセス不能になっていた。912件分の記事が機械的に水没していたことになる。",[15,75,76],{},"修正は単純だった。Claude Codeに「frontmatter の path がファイル名 slug と一致する場合は出力をスキップして」と指示。スクリプトに数行のガード句を足して、自己ループは0件になった。",[15,78,79,80,83,84,87],{},"そのままだと再発する。テストファースト派の同僚のフリをして「リグレッション防止のテストを書いて」と続けて頼んだ。",[22,81,82],{},"tests/redirects-no-loop.test.ts"," が5件、その場で生まれた。 ",[22,85,86],{},"pnpm test:run"," で全部 pass した。",[15,89,90,91,94,95,97],{},"副産物として、デプロイ時間が",[63,92,93],{},"473秒から293秒に縮んだ","。Cloudflareにアップロードする ",[22,96,72],{}," の行数が912行減ったので、upload phase が38%短くなった計算になる。「直したらビルドが速くなる」という体験を、初めて測定値で見た。",[30,99,101],{"id":100},"障害2-og画像が-faviconsvg-にフォールバックしていた","障害2: OG画像が favicon.svg にフォールバックしていた",[15,103,104],{},"午後、自分の記事リンクをXに貼って投稿プレビューを開いたら、カード画像の場所に小さな謎の図形が並んでいた。 favicon.svg がOG画像として読まれている。",[15,106,107,108,111],{},"OG画像はNuxtサイトとは別の Cloudflare Workers で生成している。Claude Codeに「OG画像がfaviconにフォールバックしている。 ",[22,109,110],{},"useOgSignature.ts"," のフォールバック条件を調査して」と振った。",[15,113,114,115,118,119,122,123,129,130,132,133,135],{},"数分後、犯人が報告された。 ",[22,116,117],{},"apps/web/.env"," の ",[22,120,121],{},"OG_SECRET"," が ",[63,124,125,128],{},[22,126,127],{},"dev-"," で始まる文字列","になっていて、 ",[22,131,110],{}," の「",[22,134,127],{}," 始まりなら署名なしでフォールバック」という条件にぶつかっていた。本番で署名が生成されず、Worker側の検証が落ち、Workerは favicon を返す経路へ逃げていた。",[15,137,138,139,141,142,145,146,149,150,152,153,156,157,160,161,164],{},"「いつから壊れたのか」を Claude Code に git blame で追わせた。 ",[22,140,117],{}," 自体は ",[22,143,144],{},".gitignore"," 配下だが、 ",[22,147,148],{},".env.example"," と ",[22,151,110],{}," の変更履歴をたぐると、",[63,154,155],{},"2026-03-17"," に ",[22,158,159],{},".env"," へダミー値の ",[22,162,163],{},"dev-***"," を入れたまま放置していたことが浮かび上がった。2ヶ月半、OG画像は壊れていた。Xで誰もカードを共有していない理由がやっと分かった。",[15,166,167],{},"私は途中で1つ確認したいことがあって、Claude Codeに手を止めさせた。",[169,170,171],"blockquote",{},[15,172,173],{},"ローカルでビルドしてからデプロイしているのに、なぜCloudflare側に環境変数を仕込む必要があるんだ？",[15,175,176,177,179],{},"Claude Codeが整理した答えはこうだった。「NuxtのSSGはローカルでビルドした静的HTMLをCloudflare Pagesにアップロードするので、Cloudflare側の環境変数は要らない。一方、OG画像生成は Cloudflare Workers 配下の動的ワーカーで動いているので、こちらは Cloudflare Workers の secret に ",[22,178,121],{}," を仕込む必要がある」。同じCloudflareでも、Pages と Workers の運用は別だった。納得して先に進んだ。",[15,181,182,183,186],{},"次のチェックポイントは secret rotation だった。Claude Code に ",[22,184,185],{},"wrangler secret put OG_SECRET"," を打たせるかどうか、ここは私が止まって考えた。AIに本番secretを扱わせるのは、リスクをどう見積もるか次第で判断が分かれる。",[15,188,189],{},"セキュリティリスクをClaude Code自身に整理させた。「値はランダム生成 → stdin パイプで wrangler に流す → ターミナルにもログにも値を出力しない設計にすれば、リスクは低〜中。緩和策として、生成と投入を同一コマンド内で完結させ、値を保持する変数も最後に上書きする」との回答が返ってきた。",[15,191,192,193,195],{},"私はこの設計に納得して「やっていい」と告げた。Claude Codeが secret rotation を代行し、値は最後まで私の目にも端末にも残らなかった。Nuxt側の ",[22,194,159],{}," も同じ値で更新させ、ローカルビルドと本番Workerで署名が一致する状態に揃えた。",[15,197,198],{},"ビルドして本番にデプロイした。Facebook の Sharing Debugger では新しいOG画像が表示された。Xはキャッシュが古くて反映に時間がかかったが、画像のURL自体は正しく生成されていた。",[15,200,201,202,205,206,209],{},"最後にClaude Codeに ",[22,203,204],{},"scripts/verify-og-images.mjs"," を書かせ、 ",[22,207,208],{},"measure-deploy.ps1"," の prerender 完了直後と deploy 直前にフックさせた。最新50記事のOG画像URLを叩いて、favicon にフォールバックしているものが1件でもあれば exit 1 で止める設計にした。これで2026-03-17のような事故は二度と気付かないままにはならない。",[30,211,213],{"id":212},"ユーザーの目視aiに調査させる根本原因デプロイの構図","「ユーザーの目視→AIに調査させる→根本原因→デプロイ」の構図",[15,215,216],{},"今日の2件は、どちらもブラウザを開いた私の目で気付いた。自動テストでは検知できていない領域だった。",[15,218,219],{},"自己ループは「設定ファイルが912行膨らんでいる」状態だったが、ビルドは通っていた。OG画像は「favicon にフォールバックしている」状態だったが、500エラーは出ない。どちらも「動いてはいるが間違った結果を出している」事例で、ここは目視レイヤーが守るしかない。",[15,221,222,223,225],{},"一方、原因の特定では私の出る幕がほとんどなかった。 git blame で「いつから壊れたか」を辿る作業、generate スクリプトを読み込んでロジックの欠陥を抜き出す作業、 ",[22,224,159],{}," の値が条件分岐のどこに引っかかっているかを見つける作業。全部Claude Codeに任せた。",[15,227,228],{},"私が動いたのは、",[230,231,232,236,239],"ul",{},[233,234,235],"li",{},"「OG画像をAIに secret rotation させるリスクをどう見るか」の判断",[233,237,238],{},"「Pages と Workers の運用が別である」事実の確認質問",[233,240,241],{},"「リグレッション防止のテストを書け」の指示",[15,243,244,245,248],{},"の3点だった。",[63,246,247],{},"人間は判断する係、AIは実行する係","の役割分担が、今日は特にきれいに出た。",[30,250,252],{"id":251},"税理士会計士フォロワー向けの応用","税理士・会計士フォロワー向けの応用",[15,254,255],{},"クライアント環境で「先月までできていた処理が今月できなくなった」と問い合わせが来る場面はよくある。先方の画面共有を見て「動いてはいるが結果が違う」状態を目視で拾うところまでは、AIには代行できない。",[15,257,258],{},"しかし、原因の特定はAIに振れる範囲が広い。会計ソフトの設定変更履歴を遡る、特定の科目だけ集計対象から外れている条件を探す、エクスポートCSVのスキーマがいつから変わったかを git blame 相当の手段で追う。こうした「いつから・なぜ」の調査は、人間が手で全件追うとしんどい部分で、AIに方針だけ伝えれば動く領域でもある。",[15,260,261],{},"そして、その判断結果に基づいてクライアントの環境を実際に書き換える時、API キーや顧問先パスワードの rotation のような神経を使う作業をAIに代行させるかどうかは、税理士の責任で判断する場面になる。「値を一切表示させない設計でなら任せる」「人間が手で打つ」「そもそも触らせない」の三択を案件のリスクに応じて切り分ける形になる。",[15,263,264,265,267],{},"私が今日Claude Codeに secret rotation を任せたのは、 ",[22,266,121],{}," の漏洩リスクが「OG画像の署名が偽造される」程度に留まり、金銭被害につながらない範囲だと判断したからだった。クライアントの会計データを触らせるかどうかは、別のリスク評価が要る。",[30,269,270],{"id":270},"今日のまとめ",[230,272,273,276,282,285,294],{},[233,274,275],{},"912件の自己ループリダイレクトを排除し、デプロイ時間が473秒から293秒に短縮した",[233,277,278,279,281],{},"OG画像のフォールバック条件にぶつかっていた ",[22,280,121],{}," を rotation で更新し、Facebookでカード表示を回復した",[233,283,284],{},"2026-03-17から2ヶ月半壊れていた事実をAIに git blame で特定させた",[233,286,287,288,290,291,293],{},"リグレッション防止に ",[22,289,82],{}," 5件と ",[22,292,204],{}," を追加した",[233,295,296],{},"本番secretをAIに代行させる判断は私が下し、実行はClaude Codeが担った",[15,298,299],{},"ユーザーの目視で発覚した本番障害を、根本原因の特定と修正までAIに振り、人間は判断とリスク評価だけに集中する。今日の運用パターンは、明日以降の他の障害対応にもそのまま使い回せそうだった。",{"title":301,"searchDepth":302,"depth":302,"links":303},"",2,[304,305,306,307,308],{"id":32,"depth":302,"text":33},{"id":100,"depth":302,"text":101},{"id":212,"depth":302,"text":213},{"id":251,"depth":302,"text":252},{"id":270,"depth":302,"text":270},"dev","ユーザーの目視で発覚した2件の本番障害を、Claude Codeに git blame と secret rotation を代行させて根本原因まで詰めた。デプロイは473秒から293秒に短縮。","md",{},true,null,"/og-image-redirect-loop-fix","mdx-playground",false,"2026-05-28T00:00:00.000Z",{"title":5,"description":310},"2026-05/2026-05-28/og-image-redirect-loop-fix",[322,323,324,325,326],"Cloudflare","OGP","リダイレクト","デプロイ","本番障害","CtmyU4suFIdTNuy43AACEML9MLGi5VAmyc7mWAKYuUg",[],"https://log.eurekapu.com/og/blog/og-image-redirect-loop-fix.png?v=2026-05-28T00%3A00%3A00.000Z&title=912%E4%BB%B6%E3%81%AE%E8%87%AA%E5%B7%B1%E3%83%AB%E3%83%BC%E3%83%97%E3%83%AA%E3%83%80%E3%82%A4%E3%83%AC%E3%82%AF%E3%83%88%E3%81%A8OG%E7%94%BB%E5%83%8F%E7%BD%B2%E5%90%8D%E5%88%87%E3%82%8C%E3%82%92%E4%B8%80%E6%B0%97%E3%81%AB%E7%9B%B4%E3%81%97%E3%81%9F%E6%97%A5%20%E2%80%94%20%E6%9C%AC%E7%95%AA%E9%9A%9C%E5%AE%B32%E4%BB%B6%E3%82%92AI%E3%81%AB%E8%AA%BF%E6%9F%BB%E3%81%95%E3%81%9B%E3%81%A6%E6%A0%B9%E6%9C%AC%E5%8E%9F%E5%9B%A0%E3%81%BE%E3%81%A7%E8%A9%B0%E3%82%81%E3%81%9F%E8%A8%98%E9%8C%B2&author=Kei%20Komatsu&sig=5dd1d6260e198a5b",1782528843768]