【Day 72】七砦に紋章を刻む — デザインシステム全域展開

執筆者:

カテゴリ:

📖 ADVENTURE JOURNAL Day 0072
七砦に紋章を刻む — デザインシステム全域展開
2026-06-07 Lv28 Adventurer(変動なし)
§ 1 WORK LOG
  • Phase B1/B2 — 単記事ページ(`body.single-post`)へ design-system.php v1.4 新規実装。記事タイトルにゴールドグラデーション・前後ナビをガラスカード化・コードブロック/blockquote/テーブルのデザイン統一。post-display-fix.php v1.0→v1.1 に拡張。
  • Phase B ナビカード不可視バグ修正 — `background: rgba(.04)→.10 / border: .09→.20 / border-left: 3px gold` 追加。Playwright DOM確認✅
  • Phase B CSS正規化・ボタンテキスト不可視バグ修正(S-NORMALIZE-PHASE-B)— `body:not(.home) a { color:… !important }` の !important 除去+セレクタ特異度を 0,2,2→0,1,1 に引き下げ。4ページのボタン色復旧。design-system.php v1.3→v1.4 / post-display-fix.php v1.0→v1.1 正規化。一時ファイル307本+スクリーンショット42枚をTRASHへ整理。
  • Phase C1 — quest ページ(page-id-7)dead code 4件除去+CSS 21箇所トークン正規化(`Press Start 2P`→`var(–lg-font-pixel)` x13、`#4ecdc4`→`var(–lg-teal)` x9)。design-system.php v1.4→v1.5 Section 5b(glassmorphism + gold pill)追加。Playwright確認✅
  • Phase C2 — about ページ(page-id-129)CSS 12箇所トークン正規化+Section 5c 追加(`.inn-section` glass強化・`.inn-profile img` glow・`.inn-cta a:hover` アニメーション)。Playwright確認✅
  • Phase D — 酒場(page-id-147)・図書館(page-id-487)へ Section 5d/5e 追加。酒場 CSS 15+9箇所トークン化。図書館 CSS 内部変数ブリッジ+5箇所トークン化。Playwright確認✅
  • Phase E Rules(page-id-57)— `.rank-stars` dead code 除去(-70字)。Section 5f 追加(glassmorphism)。CSS 24+21箇所トークン化。Playwright確認✅
  • Phase E Status(page-id-8)— 15クラス・21ブロック dead code 除去(-905字)。Section 5g 追加(glassmorphism)。CSS 8+16箇所トークン化。Playwright確認✅
  • シナリオ3「良いを積み上げるループとは」SCENE 1〜3 マイナスフロー(現状維持・先送り型)の本番FTPSデプロイ。STOR後 remote SIZE=56288=local 一致 / HTTP 200 / FFFD=0 確認。git commit完了。
  • L1: 面白さ 8.5 / 分かりやすさ 7.5 / 総合 8.00 — CSS記述そのまま混入・括弧併記不足
  • L2: 面白さ 9.0 / 分かりやすさ 9.0 / 総合 9.00 — CSS構文を抽象化・施設用語に役割説明追加(+1.00)
  • L3: 面白さ 9.2 / 分かりやすさ 9.1 / 総合 9.15 — バグ描写を淡々と詳しく・memorable line 強化(+0.15)
  • L4: 面白さ 9.3 / 分かりやすさ 9.2 / 総合 9.25 — テンポ調整・累計EXP描写追加(+0.10)
  • L5: 面白さ 9.3 / 分かりやすさ 9.2 / 総合 9.25 — 微調整(+0.00)→ ③改善停滞で終了
ボリューム ★★★★★
成果 ★★★★★
§ 2 ADVENTURE SCENARIO
ひとつの設計書が、村全体の顔を塗り替えた日。
Hiro(KindBoss.Hiro)は一枚の設計書(design-system.php・村中の見た目を統括する仕掛け)を手に取った。
村の各施設——クエストボード、宿屋(about/自己紹介の間)、酒場(情報共有の語り場)、図書館(知識の書庫)、記録室(Rules)、資料室(Status)——は、それぞれ個別の衣をまとったまま、統一感に欠けていた。今日は、その全てに同じ紋章を刻む日だ。
まず単記事ページから着手した。記事見出しにゴールドのグラデーション。コードブロックに薄いガラス越しの輝き。前後の記事へのナビゲーションカードは、ガラス素材に生まれ変わった。
しかし、途中で異変に気づく。四つの施設のボタンが、暗い背景に溶け込んで消えていた。読者には何も押せない砦になってしまっていた。
原因は呪文(CSS)の優先順位だった。全施設に共通の色命令が、ページごとの色設定を上書きしていた。解呪の方法は、命令の書き方をわずかに変えること——全体命令の「強さ」を一段下げると、各施設固有の色設定が息を吹き返した。
バグが片付くと、作業は加速した。クエストボード(Phase C1)、宿屋(Phase C2)、酒場と図書館(Phase D)、記録室と資料室(Phase E)——設計書が次々に各施設へ展開された。各施設には不要な設計の残骸(dead code)も眠っていた。クエストボード21箇所、資料室21ブロック——それらを一掃してから、新しい紋章を刻んだ。
日が暮れるころ、七つの施設への刻印が完了した。ガラスの壁、ティール色の光、ゴールドのアクセント。村全体が同じ素材で包まれた。
累計EXP 79,012。次の段位(Lv29・冒険者の高み)まで、あと288。一日で積み上げた証が、その数字に刻まれていた。
—
— 次回、段位の門を超えるとき。
§ 3 DAILY HABITS EXP
カテゴリ入力値EXP備考
睡眠6h07h未満
食事管理普通10
環境整備なし0
運動ウォーキング13986歩2530分以上相当
健康記録あり10
学習なし0
小計45 EXP
§ 4 WORK LOG ANALYSIS
作業内容カテゴリ規模確定EXP
Phase B1/B2 単記事デザインシステム新規実装開発・実装大180
Phase B CSS正規化・ボタン不可視バグ修正バグ修正中80
Phase C1 questデッドコード除去・設計書適用改善中80
Phase C2 aboutデザインシステム適用改善中70
Phase D 酒場・図書館デザインシステム適用改善中80
Phase E Rules・Statusデザイン適用・dead code除去改善中80
S3マイナスフロー FTPSデプロイ・本番反映改善小40
小計610 EXP
§ 5 QUEST REWARDS
Quest IDクエスト名進捗報酬EXP備考
本日のクエスト報酬はありません。
STATUS REPORT
⚔ STATUS REPORT ⚔
2026-06-07
Lv28 Adventurer 次のLvまで 288 EXP
HP 240 (+0)
名もなき商人QUEST ×1.1
MP 386 (+1)
無名の旅人BOOST ×1.0
EXP 3,812 / 4,100
78,258 → 79,012+754
基礎行動EXP45
業務EXP610
クエスト報酬0

行動EXP合計655
EXP BOOST × 1.152
Lv28 / Physical:1.00 / ENV:0.90
実獲得EXP754
🎁 TODAY’S LOOT — 今日の戦利品
  • 💎 CSSセレクタ特異度のバトル——「強さを一段下げる」だけで全施設の個別設定が解放される。上書きの呪いは、元の命令を弱めることで解ける
  • 💎 デザインシステムの展開は「共通設計書1ファイル+各ページCSS」の2層構造にすることで一括更新可能になる。村を増築するたびに設計書だけ育てればよい
  • 💎 dead codeの除去は「見えない荷物」を下ろす作業。クエストボード21箇所・資料室21ブロックを削ぎ落とした村の設計書は、次の改修でより軽く動く
⚔ この冒険を見届ける
毎日更新中。フォローするか、ブックマークしてまた来てほしい。
📩 メルマガ準備中 — 開設時にお知らせします