オフラインでも保存中

2026-04-26 (日)

2026-04-26(vol-01 本番発刊 Phase A〜4 完了 + UI ポリッシュ Wave 1-2)
ソース: 2026-04-25 深夜〜26 早朝の vol-01 発刊セッション + 26 日 UI ポリッシュ 14 課題セッション 関連: 副業・事業 りょうや まこ

ハイライト

ryoyamako-magazine 創刊号(vol-01)を「テスト痕跡完全消去 → ゼロから本番進行」へ切替。Phase A 消去〜Phase 4 Bullet Gate まで完走。並行で UI ポリッシュ 14 課題(Wave-1 / Wave-2)を全消化し、創刊直前の品質を高品質 Web アプリ水準まで引き上げた。


① vol-01 本番発刊パイプライン Phase A〜4(完了)

Phase A — 過去痕跡消去

  • ローカル/リモート vol-01 タグ削除・GitHub Release は不在のためスキップ
  • magazine 側 src/content/editions/vol-01/ 10 ファイル削除(581 line 削減)
  • vault 側 archive/2026/04/drafts-vol-01/(旧「千景、到来前夜」草稿)と archive/_cold/2026-04/vol-01-planning-v0/ 削除

Phase 0–1.5 — Preflight / Scan / Corner Metrics

  • is_first_issue: true 適用(継承率・前号重複・rejected_candidates のスキップ)
  • vault 全期間走査(直近7日縛りなし=創刊号特権)
  • 高スコア素材:daily 2026-04-22(10) / 04-20(10) / 04-18(9) / persons/千景(9)
  • §0.4 検知:千景(a/b) 配慮・初泣き(c) は着地済み構造論扱い
  • Ghost Whisper:Partner 40% / Sentiment 72 / special_mode null
  • Living Root:相談アジェンダ不一致(改訂フラグ true)
  • Dream Fog:エチオピア延長 vs キャリア転換(confidence 中)

Phase 2 — Theme Gate

  • 却下:案A「内製化、あるいは愛情の設計図」(ops/derivation.md に記録)
  • 採用:案B「千の風景の、その手前で」(叙情型・関係主軸)
  • 修正:Keshiki 歌詞引用追加 / 追加供給源 nyokomo_song_raw/Keshiki.md

Phase 3 — Structure Gate

新規確立ルール(このセッションで確定)

  • 全 7 テーマ(money / career / duo / family / craft / living / values)毎号必須カバー
  • 深掘りは同 order range 内で追加記事(例 121)。他 order への越境禁止

採用構成は 13 記事(010 cover〜990 colophon)。詳細は ops/drafts/vol-01/.decision-log.md 参照。

Phase 4 — Bullet Gate

全 13 ページ bullet 承認済み。タイトル変更が複数発生:

order変更内容
100「お金の喧嘩ゼロの設計図」
120「相談のつもりが、喧嘩になった夜」
150「同じ窓から、違う景色」
160「霧の中のキャリア、2026年春」
990「創刊編集後記 ── 観測の始まりに」

反省事項:No Backend Leak 違反(page 121)

  • bullet 生成時、vault 未確認で「Tinder」と推測補完してしまった
  • 正:出会い=エチオピア現地(2023年7月)、きっかけ=まこからのTelegram
  • 対策:bullet 生成前に必ず素材ファイルを実読する

次セッション開始地点

  • Phase 5 Integrity Review(Sonnet agent・7 指標:テーマ整合 / §0.4 配慮 / Hard Floor / 素材重複 / tone drift / 7 テーマカバー / 常設コーナー)
  • Phase 6 Draft Gate(本文生成・Layer 2-4 推敲)
  • Phase 7 Deploy(import → validate → astro check → build → tag vol-01 → freeze.yml)
  • Phase 7 追加:photo_2026-04-19_22-40-25.jpgDownloads/public/images/vol-01/ コピー、_meta.yamlhero_image 更新

② UI ポリッシュ Wave-1(8 課題)/Wave-2(6 課題)

0c464edb02b01d(main)。ターゲット:iPhone 16 Pro / 17 Pro(393×852px / 3x)。

Wave-1

#課題主な変更
Aモバイル nav scroll hide/show + backdrop-blur8px 閾値、data-floating toggle
BWiki [mode] segmented controlCSS --seg-i var + thumb slide
C記事 TOC アコーディオン<details> + grid-template-rows: 0fr→1fr
DLP カウントダウン罫線廃止・ISSUE №N 並列2 カラム、amber グラデ
ELP スタッツ:read time → 総文字数Intl.NumberFormat('ja-JP')
F特集カード title サイズ均一化clamp(18px, 2.2vw, 24px)
GSectionIndicator 再設計subject カラートークン + stagger seg-paint
HNextSlotNav 前後記事化data-subject--card-accent per article
IOwl/Kanikuro Callout 意匠🦉 帳簿余白メモ・🦀 号外速報旗

Wave-2

#課題根本原因 / 手法
D2LP カウントダウン折返し再修正lp-issuepill の絶対位置 face → grid stacking(grid-area: 1/1)で親が幅確定
JLP モバイル CTA 最小化「創刊号を読む」12px pill / 「バックナンバー」11px text-link
K編集会議 7 声推薦演出dramaByArticleId curated map + 🦉 朱印スタンプ keyframe
H2NextSlotNav 色変更(prev=ライム / next=オレンジ)[data-subject="*"].nsn__card--prev/--next 固定色
LWiki ページ右側白余白iOS Safari body{overflow-x:clip} 不伝播 → html:has(body.wiki-page){overflow-x:clip} + ConsoleNav minmax(0,auto)
MCover 写真フレーム破り:global(.cover-hero)max-width:100%; aspect-ratio:4/5; object-fit:cover 追加

③ 確立されたデザインパターン(再利用候補)

subject カラートークン(tokens.css

7 subject × light/dark 対応。SectionIndicator・NextSlotNav が参照。

token
--subject-money#2F6B5C
--subject-career#355C8A
--subject-duo#A85370
--subject-family#6E7B3D
--subject-craft#B5703F
--subject-living#5E6B7A
--subject-values#4A2F5C

dramaByArticleId

vol-01 features に対する curated 推薦ドラマ。article id をキーに recommender / pitch / approval 定義。schema 変更不要。今後の号で同ファイル追記 or data module 化を検討。

.lp-issuepill grid stacking パターン

2 つの絶対位置 face が親幅を決定できない問題への対応。display:inline-grid; grid-area:1/1 で両 face が layout 参加し max-content で pill 自動展開。横並び絶対配置で親が intrinsic 幅を欲しがる場面で再利用可


④ 技術的 TIPS(後で踏まないよう記録)

  • iOS Safari の overflow-x: clip は body→html へ伝播しない。html:has(body.wiki-page) でスコープ指定が必要
  • position: absolute で重ねた複数 face は親のインライン幅に寄与しない。grid stacking が正解
  • white-space: nowrap だけでは折返しは防げない。親の幅未確定なら子の max-content が切り捨てられる

⑤ 残課題・次回検討

  • Wave-2 後の目視確認は Cloudflare deploy 後
  • dramaByArticleId の vol-02 以降運用方針未定(front matter 拡張 or 同ファイル追記)
  • LP coverArticle 変数が未使用(warning)→ 活用 or 削除判断

⑥ UI ポリッシュ Issues 1–10(継続セッション)

commit a4e6f00 適用済み。Wave-1/2 以降の積み残し 10 課題をバッチ処理。iOS 対応・editorial 品質・パフォーマンスの 3 軸で magazine を Kinfolk/Monocle 水準に引き上げた。

#問題修正方法
1日本語見出しの不自然な改行(「エチオピア」→「エチ/オピア」)kit.cssword-break: keep-all 追加
2scroll 時 nav の GPU repaint ちらつき::before 疑似要素を独立 compositor layer に分離
3archive カードがアマチュア感kit.css editorial card スタイル(.iss-card)全面設計
4LP の drama 背景ブレンドが消えるvar(--color-paper) 半透明オーバーレイに変更
5モバイル LP CTA 非表示 + meta 過剰パディングpill 最小化 + 余白修正
6Callout アニメ・小文字・フォント崩れ@keyframes 静止化 + font-size 修正
7iPhone 16/17 Pro(393px)レイアウト崩壊overflow-x: clipbody{} 直書き + 393px ブレークポイント新設
8Wiki persona カード絵文字 ✦ が 🔹 に化けるWhoWeAre.astro の cyan 着色を除去
9/personas/ ページが均一すぎて家族感なしdata-persona 属性 + --_accent/--_tint per-persona CSS 変数で再設計
10記事タイトルカードが平凡border-top: 3px solid editorial rule + clamp(22px, 2.4vw, 28px) + hover translateY(-4px)

確立された追加技術パターン

  • sticky + backdrop-filter パフォーマンス::before を独立 compositor layer に分離すると scroll 時の GPU repaint が消える
  • iOS overflow-xoverflow-x: cliphtml:has(body.wiki-page) でスコープ指定が必要(body だけでは Safari に伝播しない)
  • iPhone 393px 論理幅:400px ブレークポイントから 7px 手前——専用 media query 必須
  • per-persona CSS 変数data-persona 属性セレクタ+カスタムプロパティでカード意匠を data-driven に

意義(解釈)

Issues 1–10 の完了により ryoyamako-magazine の iOS 完全対応が確立。editorial magazine としての視覚品質が創刊号基準を満たした状態へ到達。


⑦ ガバナンス整合セッション(vault v5.3 / magazine v3.6 達成)

外部提案(知識ベース再構築戦略)の評価を起点に、vault + magazine 全正典の再帰整合精査と issue-magazine スキル整合精査まで波及したセッションの蒸留。

→ 詳細方法論:self/methodology §Governance Maturity 8 軸評価 / §5 観点 × 反証検証

最終状態

  • vault CLAUDE.md v5.3 ✅
  • magazine CLAUDE.md v3.6 ✅
  • 全 7 段 validator + refs validator + astro check すべて green ✅

検出・修正した drift(21 件)

カテゴリ件数代表例
退役パスへの参照5docs/04-stock/00-wiki-item-spec.mdsrc/content/public-wiki/freeze.yml・旧パス等
deprecated 概念への暗黙依存4「凍結号」前提・「8000字 Wiki Item」・「permanent/」・「GitHub Release 自動生成」
用語混同2Layer(voice-spec)vs Metric(integrity-metrics)・anchor 名と内容の不整合
SSoT 二重化1号合計字数が slot-patterns.md §1.2(28k-42k)と magazine-spec.md §4.5(20k-35k)で乖離
CI step 不在1umbrella には存在するが CI 独立 step に未展開の validator

採用した新プロトコル(CLAUDE.md v5.2/5.3 に既反映)

プロトコル要点
PC Migration Protocolvault 内 .claudedoc/memory-snapshot/ に auto-memory をミラー・git 追跡。PC 移転時 5 step で復元
Archive Read-Skip Defaultarchive/ daily/ raw/.claude/settings.local.jsonpermissions.deny で機械的に除外
Canon Coverage ValidatorCLAUDE.md §Canon Map と docs/ 実体の整合を C1(coverage)/ C2(phantom)2 軸で自動検知

申し送り(次セッション以降)

  • vault 7 本 docs(00-vault-charter〜06-backflow-errata)内部の深掘りは今回未実施
  • magazine docs/02-design/ 配下 10 ファイルの token 引用整合は未検証
  • vault 5 skills(analyze-conflict / generate-content / ingest-diary / lint-wiki / update-wiki)の整合精査は残課題(今回は issue-magazine のみ実施)
  • [仮説] synthesis/ 空間の運用実績が現時点ゼロ——号跨ぎ統合原稿の最初の事例が入れば空間の実用性が確認できる

意義(解釈)

vault が「外部提案を自力評価し、drift を自己検知・修正する」フェーズに到達した。8 軸成熟度フレームとシナリオ疑似実行が定常化すれば、今後の再編提案を迷いなく却下または採択できる。