Mermaid シーケンス図の書き方・早見表

sequenceDiagram
  actor R as 読者
  participant S as 検索サービス
  R->>+S: 手引きを検索
  S-->>-R: 結果を返す

sequenceDiagram
  actor R as 読者
  participant B@{ "type": "boundary" }
  participant C@{ "type": "control" }
  participant E@{ "type": "entity" }
  participant D@{ "type": "database" }
  participant L@{ "type": "collections" }
  participant Q@{ "type": "queue" }
  R->>B: 要求
  B->>C: 検証
  C->>E: 読み取り
  E->>D: 問い合わせ
  D-->>L: 結果
  L-)Q: 通知

sequenceDiagram
  participant A as 送信者
  participant B as 受信者
  A->B: メッセージ
  A-->B: メッセージ
  A->>B: メッセージ
  A-->>B: メッセージ
  A<<->>B: メッセージ
  A<<-->>B: メッセージ
  A-xB: メッセージ
  A--xB: メッセージ
  A-)B: メッセージ
  A--)B: メッセージ
  A-|\B: メッセージ
  A--|\B: メッセージ
  A-|/B: メッセージ
  A--|/B: メッセージ
  A/|-B: メッセージ
  A/|--B: メッセージ
  A\\-B: メッセージ
  A\\--B: メッセージ
  A-\\B: メッセージ
  A--\\B: メッセージ
  A-//B: メッセージ
  A--//B: メッセージ
  A//-B: メッセージ
  A//--B: メッセージ
  A()->>()B: 中央への接続

sequenceDiagram
  participant C as 制御役
  create participant W as 作業役
  C->>+W: 作業を開始
  Note right of W: 一時的な処理
  W-->>-C: 作業完了
  destroy W
  C-xW: 処理を停止

sequenceDiagram
  participant C as クライアント
  participant S as サービス
  loop 再試行
    C->>S: 要求
    alt 受理
      S-->>C: 結果
    else 拒否
      S-->>C: エラー
    end
  end
  opt キャッシュあり
    S-->>C: 保存済みの結果
  end
  par 記録処理
    S->>S: 記録
  and 指標
    S->>S: 集計
  end
  critical 確定
    S->>S: 保存
  option 失敗
    S-->>C: 巻き戻し
  end
  break 時間切れ
    S-->>C: 停止
  end
  rect rgb(230,240,255)
    Note over C,S: レビューの境界
  end

sequenceDiagram
  autonumber 10 5
  box transparent 文書
    participant R as 読者
    participant G as 手引き
  end
  link G: リファレンス @ https://themarkdowner.com
  links R: {"ホーム":"https://themarkdowner.com"}
  R->>G: 開く
  Note over R,G: 共有する背景

---
config:
  sequence:
    mirrorActors: false
    wrap: true
    actorMargin: 60
---
sequenceDiagram
  participant R as 読者
  participant G as 手引き
  R->>G: リファレンスを読む