TERASU公式HP ver20大規模改修+復旧

30秒で全体像

セッション背景

本番HPが「めっちゃ崩れた」報告で開始→本番が外部経路でver15に巻き戻っていたと判明。ver19復旧後、ファビコン・デモ刷新・SEOブロック削除・OGP/ファビコンのキャッシュ対応まで一気通貫。

完了タスク

1. ver15巻き戻り→ver19復旧

• 本番TOPがver15.0(6/1)に巻き戻り(CSS崩壊)
• ローカル正本はver19.0のまま→prod再deployで復旧
• 原因: Cloudflare履歴に深夜2:44-3:35の私以外のProduction deploy3回(scale_deploy非経由=backup無し直wrangler)
• monitor(terasu_prod_monitor.sh/launchd10分)は2不具合で機能せず:
• 新HPマーカーのみ判定でver番号見ず巻き戻り見逃し
• npx not foundで自動復旧deploy失敗

2. ver20.0

• ファビコン透過化
• 公開デモ5更新(匠工房/ライフリンク/TIME+/LINXを最新preview版wgetミラー→/demos/内部ホスト+shared流用、INK&PIXELは特殊スクロールJSで内部不可→外部リンク化・本体ver16.0復元)
• 運営会社seo-block2section削除
• about seo-block3section削除→FAQ→contact直結(黒背景アニメ維持)

3. ver20.1

OGP画像v13化(中身v12=正しい版。本番は元々正しくSNS旧キャッシュが原因)

4. ver20.2

ファビコン透過版を新名c2化(本番透過済、Chrome強キャッシュが原因)→大串シークレットで透過確認OK

編集ファイル

index.html / about / company / works / demos/{construction-kobo,realestate-lifelink,saas-timeplus,corporate-linx-hd-v2} / demos/ink-pixel-studio(ver16.0復元) / favicon-c2.* / og-terasu-hp-v13.jpg

デプロイ・バックアップ

• prod: ver19復旧(0356)→ver20.0(1144)→ver20.1(1307)→ver20.2(1314)
• 最新backup: scale-hp-showcase_2026-06-04_1314.tar.gz
• 本番URL: 全項目curl検証OK

学び

• screenshot wait不足でinkpixel/TOPを真っ白と誤判定(複数回)→大串指摘で再確認し正常と判明。wait8秒+スクロールで確認すべき
• OGP/ファビコンの「古いまま」=ほぼSNS/ブラウザキャッシュ。本番ファイルは正しいことが多い。確実な破棄=ファイル名変更(v13/c2)
• デモ内部ホスト=相対パス+shared本番既存流用可。特殊スクロールJS(mousewheel擬似フルスクリーン)はサブパス不可→外部リンク(BRANCH方式)
• inkpixel mv.js svg.t-mv null は本家でも出る無害エラー

ユーザーFB

• 「ver19に戻して/丁寧に」→honest scoping(原因特定して正直報告)を高評価
• ファビコン「黒背景なくして」→透過化→「まだ黒」→Chromeキャッシュ→c2新名で解決
• OGP「過去verに戻ってる」→SNSキャッシュ
• inkpixel「壊れてないよ」→私のscreenshot誤判定の指摘
• デモ「既存いじるとHP壊すからpreviewで作った最新を上書きして」

注意ポイント・退化リスク

• 本番が外部からver15巻き戻る根本原因(深夜の別端末/Codex/cron等の直wrangler deploy)が未特定。再発リスク大
• monitor(terasu_prod_monitor.sh)機能不全→修正要: npxフルパス化(launchd PATH無)+判定にTERASU-VER番号チェック追加
• about=ver16.3ベース(黒背景アニメ ismw36/p-ism__bg2維持)。Splide null軽微エラー残(無害)
• 黒背景アニメ・ver13.2著作権ゼロ化・ver12 FV は退化禁止
• contact.js SLACK_TOKENハードコード公開注意
• 公開ドメインは原則preview→prod

次アクション候補

1. 本番ver15巻き戻りの根本原因特定(Cloudflare deployment履歴詳査・別端末/Codexデプロイ経路)→再発防止
2. monitor修正(npxフルパス+ver番号チェック)で自動復旧を機能させる
3. SNS各種でOGP/ファビコン再スクレイプ(FB Sharing Debugger等)
4. inkpixel のスクロールJS調整→内部ホスト化(現状外部リンク)
5. 保留タスク(titleB/業種別LP等)