ソース: 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.jpgをDownloads/→public/images/vol-01/コピー、_meta.yamlのhero_image更新
② UI ポリッシュ Wave-1(8 課題)/Wave-2(6 課題)
0c464ed → b02b01d(main)。ターゲット:iPhone 16 Pro / 17 Pro(393×852px / 3x)。
Wave-1
| # | 課題 | 主な変更 |
|---|---|---|
| A | モバイル nav scroll hide/show + backdrop-blur | 8px 閾値、data-floating toggle |
| B | Wiki [mode] segmented control | CSS --seg-i var + thumb slide |
| C | 記事 TOC アコーディオン | <details> + grid-template-rows: 0fr→1fr |
| D | LP カウントダウン罫線廃止・ISSUE №N 並列 | 2 カラム、amber グラデ |
| E | LP スタッツ:read time → 総文字数 | Intl.NumberFormat('ja-JP') |
| F | 特集カード title サイズ均一化 | clamp(18px, 2.2vw, 24px) |
| G | SectionIndicator 再設計 | subject カラートークン + stagger seg-paint |
| H | NextSlotNav 前後記事化 | data-subject → --card-accent per article |
| I | Owl/Kanikuro Callout 意匠 | 🦉 帳簿余白メモ・🦀 号外速報旗 |
Wave-2
| # | 課題 | 根本原因 / 手法 |
|---|---|---|
| D2 | LP カウントダウン折返し再修正 | lp-issuepill の絶対位置 face → grid stacking(grid-area: 1/1)で親が幅確定 |
| J | LP モバイル CTA 最小化 | 「創刊号を読む」12px pill / 「バックナンバー」11px text-link |
| K | 編集会議 7 声推薦演出 | dramaByArticleId curated map + 🦉 朱印スタンプ keyframe |
| H2 | NextSlotNav 色変更(prev=ライム / next=オレンジ) | [data-subject="*"] → .nsn__card--prev/--next 固定色 |
| L | Wiki ページ右側白余白 | iOS Safari body{overflow-x:clip} 不伝播 → html:has(body.wiki-page){overflow-x:clip} + ConsoleNav minmax(0,auto) |
| M | Cover 写真フレーム破り | :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.css に word-break: keep-all 追加 |
| 2 | scroll 時 nav の GPU repaint ちらつき | ::before 疑似要素を独立 compositor layer に分離 |
| 3 | archive カードがアマチュア感 | kit.css editorial card スタイル(.iss-card)全面設計 |
| 4 | LP の drama 背景ブレンドが消える | var(--color-paper) 半透明オーバーレイに変更 |
| 5 | モバイル LP CTA 非表示 + meta 過剰パディング | pill 最小化 + 余白修正 |
| 6 | Callout アニメ・小文字・フォント崩れ | @keyframes 静止化 + font-size 修正 |
| 7 | iPhone 16/17 Pro(393px)レイアウト崩壊 | overflow-x: clip を body{} 直書き + 393px ブレークポイント新設 |
| 8 | Wiki 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-x:
overflow-x: clipはhtml: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.mdv5.3 ✅ - magazine
CLAUDE.mdv3.6 ✅ - 全 7 段 validator + refs validator + astro check すべて green ✅
検出・修正した drift(21 件)
| カテゴリ | 件数 | 代表例 |
|---|---|---|
| 退役パスへの参照 | 5 | docs/04-stock/00-wiki-item-spec.md・src/content/public-wiki/・freeze.yml・旧パス等 |
| deprecated 概念への暗黙依存 | 4 | 「凍結号」前提・「8000字 Wiki Item」・「permanent/」・「GitHub Release 自動生成」 |
| 用語混同 | 2 | Layer(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 不在 | 1 | umbrella には存在するが CI 独立 step に未展開の validator |
採用した新プロトコル(CLAUDE.md v5.2/5.3 に既反映)
| プロトコル | 要点 |
|---|---|
| PC Migration Protocol | vault 内 .claudedoc/memory-snapshot/ に auto-memory をミラー・git 追跡。PC 移転時 5 step で復元 |
| Archive Read-Skip Default | archive/ daily/ raw/ を .claude/settings.local.json の permissions.deny で機械的に除外 |
| Canon Coverage Validator | CLAUDE.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 軸成熟度フレームとシナリオ疑似実行が定常化すれば、今後の再編提案を迷いなく却下または採択できる。