シーケンス図作成
シーケンス図作成. 参加者とメッセージを編集してシーケンス図を保存。 ファイルは端末内に留まり、ブラウザーで処理されます。
ツールを使うには JavaScript を有効にしてください。ファイルはブラウザー内で処理されます。
誰が何をどの順番で行うかを示す
シーケンス図は、判断の分岐よりも参加者とメッセージの順序に注目します。ブラウザー内変換のサンプルを使うか、処理に関わる人やシステムを追加してください。参加者のタイトルは短く、識別しやすいものにします。水平位置はドラッグまたは X 座標で調整できます。各参加者にはライフラインがあり、メッセージは一覧の順序に従って上から下へ表示されます。送信元と送信先を選んで内容を入力し、実線か破線を指定します。同じ参加者へのメッセージも、自分へ戻る折り返し線として表示されます。
全体を書き直さずに順序を調整する
一覧の「前へ」「後へ」でメッセージ順序を変更すると、図の垂直位置と Mermaid の出力順序も変わります。実線の要求と破線の応答はよく使う表現ですが、実際の意味をメッセージの文字で明示してください。選択したメッセージの端点や文言を変更できます。対応する Mermaid は sequenceDiagram、participant または actor、別名、->> と -->> です。actor は名前付きの参加者ボックスとして表示します。ループ、条件分岐、注釈、アクティベーション、設定指令は対象外です。対応外の入力は現在の作業を置き換える前に拒否します。より複雑な仕様が必要なら、完全な設計資料も別に保存してください。
画像と編集用データの両方を保存する
このエディターはブラウザー内で動作し、図の内容を変換サーバーへ送信しません。アカウントも不要です。変更は、このブラウザーとツールに対応する localStorage に保存されます。ただし、自動保存はバックアップではありません。プライベートブラウジング、サイトデータの削除、端末の変更によって下書きを復元できなくなることがあります。作業の区切りで Mermaid ファイルをダウンロードしてください。図の構造と、ノードの座標を記録するコメントが含まれます。SVG は文書や拡大印刷、PNG はスライドやメッセージに適しています。画像には編集ボタンは入りません。共有前にファイルを開いて文字と接続を確認してください。PNG が大きすぎる場合はエラーを表示するため、ノードを近づけるか SVG を使用します。 ZIP 一括書き出しでは、同じ状態の PNG、SVG、Mermaid、JSON モデルを一つのファイルにまとめます。このエディターへ戻す際は Mermaid の内容を読み込んでください。
よくある質問
実際にシステムを実行しますか？
いいえ。メッセージは処理を説明する図です。サービスの呼び出し、API の実行、要求の成功確認は行いません。観測した動作や提案する順序の説明に使えます。
同僚には何を共有すればよいですか？
文書には SVG または PNG を使用し、参加者や順序を変更する必要がある場合は Mermaid も付けます。送信前に画像を開き、長いメッセージが読めることを確認してください。