濃いマスほど、このテーマでその指標が高いことを示します。
明瞭82
説得52
密度58
制作コスト36
課題適合75
仕事適合90
低高
短い答え
シーケンス図のパターンはいつ選ぶ?
次の条件に合う。API フロー、サポート エスカレーション、ラボ プロトコル、チェックアウト手順
いつ避ける?
次の場合は別の形にする。単純な順序のないチェックリストでも同じことが言えます
誰が作り、広めた?
UML シーケンス図。 PlantUML や Mermaid などのテキスト ツール
何を符号化する?
アクター間のライフラインと順序付けられたメッセージ
広告に使ってよいか?
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか?
実験レポートとポスターで軸・単位・出典があれば通る。
シーケンス図のパターンはアクター間のライフラインと順序付けられたメッセージとして値を載せます。UML シーケンス図。 PlantUML や Mermaid などのテキスト ツール。
業務報告・広告・課題では「API フロー、サポート エスカレーション、ラボ プロトコル、チェックアウト手順」に向く。「単純な順序のないチェックリストでも同じことが言えます」のときは別の形を選ぶ。
ソフト
- PlantUML — シーケンスを含む成熟したテキストから UML への変換 - 配布する場合は GPL 義務を確認してください。 · GPL-3.0 · github.com/plantuml/plantuml
- Mermaid sequence — ドキュメントと GitHub 用の軽量シーケンス構文。 · MIT · github.com/mermaid-js/mermaid
- nomnoml — わかりやすい構文を使用したテキストからの UML 風の図。 · MIT · github.com/skanaar/nomnoml
- D2 — 強力なレイアウトを備えた最新の宣言型図。 · MPL-2.0 · github.com/terrastruct/d2
- Timeline demo — このサイトの順序付きイベント教育 SVG。 · CC0 examples · github.com/Tool-Lifes/viz-atlas
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG(スクリーンショット禁止)
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
シーケンス図のパターン: アクター間のライフラインと順序付けられたメッセージを守り、「単純な順序のないチェックリストでも同じことが言えます」のときは別の図を選ぶ。