作業ログ 2026-07-03

06:04 - /handoff 実行（全テーマ）

このセッションで扱ったテーマ（全部）

1. 未来共創LP FVの見え方調整（iMacで大きすぎ）— システム作業 — FVのみ等倍化 ver120 で解決
2. クライアント共有用のダミー一掃（メタ/OGP）— システム作業 — ver121
3. プレビュー配信の恒久リンク化＆GitHub方式への正規化 — システム/インフラ — 完了（preview.client-miraikyousou.pages.dev）
4. TERASUオリジナル化の超厳格監査 — システム作業 — クリーン確認＋元サイト残留の電話番号を修正 ver122
5. favicon（タブアイコン）の初期化 — システム作業 — 透明化 ver123
6. Slackリンクプレビューにロゴが残る — 相談/対応中 — Slackキャッシュと判明・対処案内済み・実機確認待ち
7. 残課題対応（完全自動化＆hp-flowスキル更新）— システム作業 — new-hp-preview.sh 作成／hp-flow v2.1 push
8. 報告ルール（毎回リンク＋ver）— 大串FB — 恒久ルール化・memory保存

テーマ別の詳細

1. 未来共創LP FVの見え方調整

• 現象: iMacとMacBookでFVの見え方が違う。当初「iMacが間延び」と誤診→実機診断で zoomは正しく1.55倍効いており、実は「大きすぎ」 が正と判明（動画は録画解像度差で大小が逆に見えていた）。
• 対応: 全体zoom(iMac約1.55倍)は維持し、FV(.t-renfv)にだけ逆zoom(1/zv)を掛けて実効1.0=MacBook同等に（下層は不変）。ver120。
• 学び: 動画フレームの大小比較は録画解像度で逆転しうる→実機基準（hp-flow）。ローカルプレビュー(preview_*)で幅を変えてzoom実測が有効。

2. クライアント共有用のダミー一掃

• meta description / og:title / og:description / og:site_name / twitter: を全て「未来共創」に。実体なしの og:image / twitter:image(/og-image.jpg)はタグ削除。ver121*。

3. プレビュー配信の恒久リンク化＆GitHub方式正規化（最大の作業）

• 旧: cloudflared quick tunnel（URL変動）→ Cloudflare Pages 固定URL preview.client-{案件}.pages.dev。
• 環境構築: node/npm(nvm)、wrangler、gh CLI(~/.local/bin/gh) を導入。wrangler OAuth認証、gh認証(mugikuu-scale)。
• 正規化(hp-flow v2.0準拠): リポ scale-group-jp/client-miraikyousou 作成→ GitHub Actions(wrangler-action)で push自動デプロイ。
• 重要ハマり: Org(scale-group-jp)が Freeプランで private リポに Org secret が効かない→ リポ単位の secret 必須。gh に workflow/admin:org scope 追加要。
• 完全自動化: ~/hp-flow-work/bin/new-hp-preview.sh <slug> <site> [client|demo] で リポ作成〜secret設定〜push〜デプロイをワンコマンド化（token は ~/.config/scale/cloudflare_pages_token ●●●●●●）。
• 詳細は memory hp-preview-cloudflare-pages。

4. TERASUオリジナル化 超厳格監査

• 結果クリーン: CMS痕跡なし／トラッキングなし／外部接続はGoogle Fonts・w3.orgのみ／generatorなし／著作=© MIRAI KYOSO／画像オリジナルwebp／alt未来共創化。
• 発見＆修正: 元サイト残留の電話番号 0800-200-7700(フリーダイヤル表示)→「準備中」に置換。ver122。
• 軽微(著作権問題なし): 事例社名が「株式会社A/C」のダミーのまま。

5. favicon 初期化

• icon系link 5つ＋アイコン画像5ファイルを削除。ただし旧favicon.icoがCloudflareエッジに7日キャッシュ→透明(白紙)favicon.ico(70byte)で上書きデプロイしてエッジ更新。ver123。
• 注意: Chromeのローカルfaviconキャッシュは強く、実機はスーパーリロード/タブ開き直しが要る。

6. Slackリンクプレビューのロゴ残り（対応中）

• 配信HTMLは画像参照ゼロ(og:image等なし)を確認済み＝サーバは正しい。残るロゴは Slackのunfurlキャッシュ（旧favicon/OGP）。
• 対処案内: Slackに …pages.dev/?1 のようにクエリ付きURLを貼ると新規展開で消える／クエリなしはキャッシュ切れ待ち。大串の実機確認待ち（大きい画像か左横の小アイコンかで原因を最終特定）。

7. 残課題対応

• ①完全自動化 → new-hp-preview.sh（上記3）。②hp-flowスキル本体を v2.1 に更新（Free planはリポsecret必須・new-hp-preview.sh・workflow scope必須を明記）→ scale-brain push済み。

このセッション全体の大串FB（恒久）

• 報告は毎回「プレビューリンク＋現在ver」を必ず添える（memory hp-report-link-ver-rule）。
• プレビューは 固定リンク preview.client-{案件}.pages.dev（push自動デプロイ）。一時トンネルは廃止。
• ロゴ未入手時は 仮を入れず空白。
• クライアント共有前は ダミー/元サイト痕跡(電話番号等)を必ず消す。
• 見え方判断は 実機基準（headless/動画で断定しない）。

現在の到達点

• 正本が2か所: ~/hp-flow-work/sansan/site(旧) と git ~/dev/client-miraikyousou(現・配信元)。今後は ~/dev/client-miraikyousou で編集→git push に一本化推奨。
• 未来共創 現行 ver123（＋透明favicon）。クライアント共有URL: https://preview.client-miraikyousou.pages.dev