FRONT 05 · A-7 + A-8 · DRAFT

図のタイプ — 5 種類

各エントリのメイン図は、内容に合った 5 つのタイプから 1 つを選びます。
YAML の figure_type で指定します。

structure
概念図
中心と周辺要素の関係を見せる
timeline
時系列
時間軸の変化や歴史を見せる
comparison
対比
2 つ以上の選択肢を並べる
before_after
前後
使う前/使った後の対比
workflow
手順
開始から終了までの流れ
擬人化ポンチ絵 別スロットで独立。
figure_type 指定対象外
2026.05 · Draft
A-7 · FRONT
12

色・記号の見本帳

本書で使うトーンと記号を、実寸の見本で並べました。
青系単色の濃淡で統一しています。

Color · 青のトーン

タグライン青 左ページの tagline 帯背景
dashed 青 擬人化ポンチ絵スロットの枠線
https://example.com
リンク青 参考 URL の文字色(彩度は抑え気味)

Badge · 6 種

☆ 違反修正必須と判定
⚠ 警告軽微超過・要目視
🙂
🙂 第一印象著者の最初の感想
👍
👍 良い点著者の評価
👎
👎 ダメな点著者の気になる点
👥
👥 誰向けか想定読者

Pill & Icon · 関連用語と 6 視点

Context Token MCP RAG
🎯
役割
💗
うれしさ
注意点
💡
どこで
🌱
はじめに
🔎
深掘り
A-8 · FRONT
📖 バイブコーディング図鑑
13