Mermaid 図のレンダリングギャラリー

---
title: review-flow
---
flowchart LR
  A[ユーザー] --> B{ログイン済み?}
  B -- Yes --> C[ダッシュボード]
  B -- No --> D[ログイン画面]
  D --> E[認証API]
  E -->|成功| C
  E -->|失敗| D

---
title: API 呼び出しの時系列
---
sequenceDiagram
  autonumber
  participant U as User
  participant W as Web
  participant A as API
  participant DB as Database
  U->>W: ボタン押下
  W->>A: POST /jobs
  A->>DB: INSERT job
  DB-->>A: id
  A-->>W: 202 Accepted
  W-->>U: 受付完了表示
  Note over A,DB: 非同期ワーカが後続処理

---
title: テーブル関連
---
erDiagram
  USER ||--o{ ARTICLE : writes
  USER {
    string id PK
    string name
    string email
  }
  ARTICLE ||--o{ TAG_LINK : has
  ARTICLE {
    string id PK
    string title
    string author_id FK
    datetime published_at
  }
  TAG ||--o{ TAG_LINK : labels
  TAG {
    string id PK
    string name
  }
  TAG_LINK {
    string article_id FK
    string tag_id FK
  }

---
title: 記事のライフサイクル
---
stateDiagram-v2
  [*] --> Draft
  Draft --> Review : submit
  Review --> Draft : reject
  Review --> Published : approve
  Published --> Archived : archive
  Archived --> [*]

---
title: タグ分布のサンプル
---
pie showData
  "mcp" : 4
  "astro" : 3
  "cloudflare" : 2
  "sample" : 1