HANDOFF · GUIDE SITE v3 · DESIGN REDO
施設ご利用案内サイト v3 — 現在地と、これから
4施設(館山・京都・渋谷・南房総)の会員向けガイド。構造は確定、デザインを作り直す段階。
現在地
NOW
v3 構造は確定、デザインが破綻して却下された
8章構成(BEFORE/DURING/DEPARTURE/AFTER)+ Quick Ref帯 でローカル生成済み
- 出力先:
H:\マイドライブ\Claude_WorkFolder\output\guides\_drafts\{slug}_member\
- slug:
tateyama / kyoto / shibuya / minamiboso
- 各施設 =
index.html + shared.css + chapters/{8章}.html + assets/
- 退避済み旧バージョン:
_drafts/_archive_2026-05-23/ (v1単ページ)、_drafts/_archive_2026-05-23_v2_6chapter/ (v2 6章)
- ジェネレータ:
scripts/build_member_guides.py
- 大竹さんの判定: 「全然ダメ」「もうちょっとどうにかしてから持ってきて」
↓
直近やったこと(2026-05-23セッション)
JUST NOW
v1 → v2 → v3 と3回作り直し、デザイン破綻で停止
セッション中に Agent クラッシュ・フック不発火など複数の事故も発生
- v1: 1ページ長尺で生成 → 「晴海の構成を尊重して」と差し戻し
- v2: 晴海と同じ6章 multi-page構造で4施設生成 → 構造OKだが情報不足
- v3: IA刷新(8章 + Quick Ref帯)→ デザイン破綻で却下
- Agent 経由生成物がフックで捕捉されない問題を発見 →
settings.json に Agent matcher 追加、~/.claude/hooks/track_generated_files.py に Agent 分岐追加(修正済み)
- Agent フォアグラウンド起動で 437秒走った後 APIエラーで落ちた事故あり。アーカイブだけ動いて新生成前に停止 → 手動で復元
↓
次の一歩(最優先)
NEXT
渋谷スクショで露呈した5つのデザイン欠陥を、自分の手で直す
- ① ⚐ TBDマーカーが「P」として文字化け — U+2310/2690 がフォント代替で表示できず。
⚐ を ※ か [要記入] テキストに置換
- ② カードラベルが画像に重なって読めない(「ご利早」「客室をしつらえん」「取休」状態)— テキストを画像overlayでなく、画像の下に独立ブロック配置に変える
- ③ DEPARTURE と AFTER が単独章のため横長バナーに引き伸ばされて貧相 — 1枚カードを画面幅いっぱいに伸ばす設計を破棄。3カラムグリッドに左寄せ/中央寄せ、正方形か縦長カードに統一
- ④ Quick Ref 絵文字 — コード上
📶 が表示で 📊 になっている疑い。要検証
- ⑤ カードラベルの文字切れ — padding/font-size/min-width を見直し、ellipsisを使うなら段組み変更も検討
- 進め方: Agent 丸投げ禁止。
build_member_guides.py を直接エディット → 4施設一括再生成 → 渋谷で目視確認 → 全施設展開
- 並べ見比べ:
output/guides/_deploy/harumi/index.html + shared.css と並べて、質感が落ちた箇所を1つずつ潰す
↓
遠い未来
FAR
4施設 × 会員/OTA版 = 8サイトが Cloudflare で運用、フィードバックがシートに溜まる
- フィードバックフォームの GAS Web App 実装 → スプレッドシート 1枚で全施設横断、カラム:
timestamp / facility / rating / comment / contact_email / want_reply
- options / facility 内容を
SoT/facilities/{slug}.md に切り出して、SoT 一箇所更新で全ページ再生成
- OTA 版を別ビルド(施設名差し替え・会員限定価格削除・キー情報の出し分け)
- Cloudflare Pages デプロイ(
yamato-{slug}-guide、wrangler pages deploy)
- 南房総は運営移管完了後に SoT を充実 → ガイドの TBD(現在42件)を解消
- オーナーMTGでの語り口: 「ホームページ作りました」ではなく「ゲスト動線に YAMATO 接点を埋め込み、物販・体験販売・改善フィードバックの土台を作った」
引き継ぎ情報
ファイル・URL・コマンド
| 種別 | パス / URL | 用途 |
| ジェネレータ | H:\マイドライブ\Claude_WorkFolder\scripts\build_member_guides.py | 4施設一括生成。直接エディット → 再実行 |
| 出力先 | output/guides/_drafts/{slug}_member/ | tateyama / kyoto / shibuya / minamiboso |
| 参考デザイン | output/guides/_deploy/harumi/index.html + shared.css | 晴海版(本番品質)。並べて差分潰し |
| SoT 命名 | SoT/brand/name_resolution.md | 会員名 / OTA名 / Collection 対照表 |
| SoT 施設 | SoT/facilities/{slug}.md | tateyama.md / kyoto.md / shibuya.md / minamiboso.md(minamibosoは準備中) |
| 写真 | FACILITY_PHOTOS.md | OTA本番写真フォルダのパス一覧 |
| デザイン規約 | DESIGN_GUIDELINES.md S6 | T2想定。AI Slop パターン回避 |
| デプロイ規約 | DEPLOY_TARGETS.md | Cloudflare Pages の wrangler 経路 |
| 退避旧版 | _drafts/_archive_2026-05-23_v2_6chapter/ | v2 6章版。比較・復元用 |
| 過去 handoff | output/handoff/guide-self-serve-ops/2026-05-21.html | 晴海版完成時の引き継ぎ |
確定済み構造(変更不可・デザインだけ直す)
- HERO TABLEAU(施設名・一枚絵)
- QUICK REF 帯(🔑 鍵番号 / 📶 WiFi / ☎ コンシェルジュ)
- BEFORE(到着 / 施設・備品 / オプション)
- DURING(室内操作 / ハウスルール / コンシェルジュ)
- DEPARTURE(チェックアウト)
- AFTER(フィードバック・送信ボタン disabled placeholder・hidden facility値仕込み済み)
- Welcome章は廃止 — コンセプトはHERO直下に1段落で吸収
命名(name_resolution.md)
| Slug | 会員名 | OTA名 |
| tateyama | Atelier 館山 | The TRAVELERS Chateau Tateyama |
| kyoto | Atelier 京都 | The 禅 SPA Kyoto Suite |
| shibuya | Harbor 渋谷 | The SAUNA Escape Shibuya |
| minamiboso | Harbor 南房総 | Sun Terrace Cove |
残課題・既知の論点
- デザイン: 上記 ①〜⑤ の欠陥。Agent 丸投げ禁止、手で直す
- options/facility のハードコード問題: 現状ジェネレータ内のdictに各施設のオプション・備品を書いてある。SoT 切り出しが理想だが今回はスコープ外
- 南房総 TBD=42: 運営移管中で住所・OTA名・スペックすべて未確定。ガイド改修と並行でSoT充実を待つ
- フィードバックフォーム: HTMLとhidden facility値は配線済み、GAS endpointは未実装。送信ボタン disabled + 注釈で事故防止中
- OTA版未着手: 会員版が固まってから別ビルド。OTA公開URLにキー番号やWiFiを置かない情報出し分け設計が必要
- Cloudflareデプロイ未着手: 中身が固まってから。プロジェクト命名は
yamato-{slug}-guide 規約
- フック動作: settings.json の PostToolUse matcher に Agent を追加、track_generated_files.py に Agent 分岐を追加済み。次セッションで Agent 経由生成物が
file_links_state/ に蓄積されるか観察ポイント
- 大竹さんからの「2回連続ネガティブで手を止める」原則: v3 で2回目のネガが来た。次は手を動かす前に晴海と並べる設計確認を取ること
予約確定の翌日、会員のスマホに一通のリンクが届く。開くと施設の一枚絵が広がり、画面下には鍵番号・WiFi・コンシェルジュが常に見える。到着前は3枚のカードで持ち物と手配可能なオプションが分かり、滞在中は操作で迷わず、帰る時にはお気づきの点をひと言だけ送れる。その一言がスプレッドシートに溜まり、次の会員の体験を良くする。 — ガイドサイトは「ホームページ」ではなく、会員体験の動線そのものになる。