作業ログ 2026-06-30

17:56 - /handoff 実行（全テーマ）

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

1. HP制作デモ（koba-clinic → テラクリニック歯科） — システム作業（/hp-flow デモルート） — Step1〜ニュース差し替えまで完了・仕上げ(著作権監査/Lab還元)が残り
2. SCALE共通コマンド最新化（scale-brain） — システム作業 — hp-flow を v1.7→v1.9 に更新・自己学習マージ・install.sh 再リンク完了
3. hp-flow セルフ進化（koba学習の記録） — 相談/学習 — デモnav→top置換バグの恒久ルールを hp-flow.md/learning.md に追記

テーマ別の詳細

1. HP制作デモ（テラクリニック歯科）

• 作業ディレクトリ: ~/dev/demo-koba-clinic/site/（gitリポではない＝状態の正本はこのファイル群）
• 元サイト: https://koba-clinic.jp/（菊池市の耳鼻咽喉科・Astro製）→ デモ用に大人向け歯科「テラクリニック」へ変換
• プレビュー:
• 常駐（ユーザー閲覧用）: nohup python3 ~/dev/demo-koba-clinic/serve.py → http://localhost:8755/（現在UP）
• スクショ検証用: launch.json に demo-tera(port 8758, serve8758.py) を追加済み（preview_start で起動）
• ※launch.json の demo-koba(8755) は共有同期で旧 ~/dev/demo-koba を指すので使わない。検証は demo-tera(8758)
• 完了済み（Step順）:
• Step1-2: トップのみ完全mirror（Astro: 動的import JS/nav画像補完済み）＋デモ用に内部リンク全./化（<a>のみ・<link>は触らない＝崩壊バグ回避）
• Step3: 確認①
• Step4 オリジナル化(Stage A・密結合判定): /_astro/→/assets/、koba-clinic.jpドメイン全除去、コメント除去＋TERASUスタンプ。data-astro-cid/astro-island/CSS変数は維持（高リスク×koba非特定）
• Step5 流し込み: 全テキスト歯科化（テラクリニック/一般歯科・矯正歯科・インプラント）、配色 青#7DD3FC / 背景#E5F4FE、JSON-LD/構造化データ歯科化
• 画像: 大人歯科写真6枚（①大人診察②院長相談③子供④親子⑤院内⑥外観＝歯ロゴ付き）を ~/Downloads から取得しPillowで配置
• 歯の形(#5): ロゴ＝案2 円バッジ（青円＋白い歯＋テラクリニック/DENTAL CLINIC）、ナビ3ブロブのクリップパスを歯型に、診療マーク→歯型/タイトル→サービス名
• koba指紋スクラブ: Googleマップ埋め込み・住所・電話/FAX・©・SNS全てデモ値に（grep koba=0）
• セクション並べ替え＋Labスニペット差し替え（現在順）: FV → 3つの理由(t-kf 中央sticky写真クロスフェード) → サービス4診療(t-rn 扇状ファンスライダー) → お知らせ(t-pr 白カード枠内スクロール) → ACCESS/CONTACT(t-ac 地図プレースホルダ＋外観＋TEL＋診療時間＋WEB予約)
• メッセージは完全オリジナル化済み（元構文コピーを廃し予防重視へ）→ その後 t-kf「3つの理由」に置換
• 診療時間（ユーザー指定）: 月火水金 9:00〜12:30/14:30〜18:00・土 9:00〜13:00・休診 木日祝
• 全画面オーバーレイメニュー: ハンバーガークリックで黒背景スライドダウン・大セリフ縦並び＋英字サブ・ホバー右スライド・✕閉じるボタン（ヘッダーz9990のstacking回避でメニュー内配置）・X/Instagram常時表示
• メニューボタン: scale2.8（≈3倍）・top145px（≈3cm下）に拡大移動。3本線アイコンは維持
• 残り（次の一歩）:
• #8 著作権最終監査（grep指紋ゼロ＋アウトライン文字SVG走査＋目視）
• #9 TERASU Lab還元（デモの正式ゴール／push前に必ず大串プレビュー承認）→完了後 サイト管轄へプレビューリンク送付
• ニュース(t-pr)差し替えは入れたが最終スクショ確認は未（要reload確認）
• 保留中の依頼（ブロック中）:
• 「メニューバーの表記を動画(TERASU HP)と同じデザイン/アニメに」→ 動画がmacOS保護一時領域(screencaptureui)で読めない。TERASU HPのURL か Downloadsに保存した動画 をもらえれば実装可
• 既知の軽微issue: ヒーロー3ブロブのラベルが「の診療」のみ表示・サービス名(一般歯科等)が白文字でブロブ内に溶けて見えにくい（色を青等に直すと解決）
• 大串FB（このテーマ）:
• デモは「数を量産」用途・トップのみ／メニューはトップ遷移／公開系スキップ・Lab還元がゴール
• メッセージ等の「丸パクリ」は嫌う→ガラリと変える（事業に合わせオリジナル化）
• サービスは二転三転（What We Build→ファンスライダーに確定）。Labスニペットを順次送って差し替える進め方
• プレビューはタップできるURLで欲しい（localhost / 必要なら公開）

2. SCALE共通コマンド最新化（scale-brain）

• cd ~/dev/scale-brain && git pull → 当初 b810e09(v1.7) 取得後、さらに v1.8/v1.9 がpushされていたので追従 → 現行 v1.9（ac975b3）
• v1.8=一時トンネル概念廃止／v1.9=デモもGitHub接続・固定プレビューリンク(preview.demo-◯◯.pages.dev)に統一（違いは出口のみ＝デモはLab還元/demos公開がゴール）
• 自分の未コミット学習(hp-flow.md/learning.md)とコンフリクト → stash→pull→stash pop でコンフリクトなしマージ（自分の学習＋最新v1.9 両立）
• bash ~/Obsidian/SCALE-Brain/22_AI運用ルール/コマンド集/install.sh で ~/.claude/commands 再リンク完了
• ※learning.md/hp-flow.md に未コミットのローカル変更（私のkoba学習）が残っている可能性。必要なら別途 commit/push 判断

3. hp-flow セルフ進化（koba学習）

• 恒久ルール追記済み（hp-flow.md Step2デモ節＋learning.md）: 「デモのメニュー→トップhref置換は <a>タグ内のみ対象・<link>(stylesheet/modulepreload/icon/canonical)/SVG use/xlink:hrefは絶対に触らない・雑な一括regex禁止」＋置換後検証3点（link stylesheet href grep / scopedルール数>0・computed style / コンソール0）。発端=koba Astroデモで全CSSが./化しレイアウト全崩壊→「なんかバグってない？」で発覚

このセッション全体の大串FB（重要なやつ全部）

• 元の真似(丸パクリ)を嫌う・事業に合わせてガラリと変える
• Labスニペットを順次渡すので、その都度 歯科内容＋ブランド配色に適合して差し替える進め方
• メニューは全画面黒オーバーレイ型・大セリフ・スライドダウンが好み／メニューボタンは大きめ＋やや下
• 動画と同じ演出にしたい時は動画/URLの受け渡しが要（保護領域は不可）