Web上でシーケンス図を作成する

概要

処理を説明するシーケンスをサクッと作れたらいいなぁと思って探したら見つけました。

使用するサービス

WebSequenceDiagramsというサービスを使用します。

基本的な使い方

• 左からテンプレートを選択する
• 中身を書き換える

だけです。これだけでOKです。

タイトルを変更する

title Authentication Sequence

のタイトル部分を変更します。Confession（告白）とでもしてみます。

title Confession

以下のようにタイトルが変わります。

メッセージを変更する

Alice->Bob: Authentication Request
note right of Bob: Bob thinks about it
Bob->Alice: Authentication Response

の部分を変更します。告白なのでI love youとでもしましょう。

Alice->Bob: I love you.
note right of Bob: Bob thinks about it
Bob->Alice: I'm sorry.

オブジェクトを変更する

Alice->Bob: I love you.
note right of Bob: Bob thinks about it
Bob->Alice: I'm sorry.

の部分を変更します。Alice -> Chrisとでもしましょう。

Chris->Bob: I love you.
note right of Bob: Bob thinks about it
Bob->Chris: I'm sorry.

こんな感じで直感的に作れます。

Exportする

左上のハンバーガーメニューからできます。

Exportをクリック

出力タイプを選んで

Exportをクリックすればダウンロードしてくれます。

作った図を保存したい

保存

右上メニューCreate accountをクリックしてアカウントを作ってください。

アカウント登録すると左メニューにSaveが追加されます。

名前をつけてSaveをおせば保存してくれます。

また下部にもSaveボタンが表示されるようになります。どちらでもOKです。

開く

左メニューのOpenを押します。

一覧が表示されるので、開きたいシーケンス図をダブルクリックすれば開けます。

その他

図のスタイルがたくさん

色々あるので自分に合ったものを選ぶと良いです。