概要
処理を説明するシーケンスをサクッと作れたらいいなぁと思って探したら見つけました。
使用するサービス
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
を押します。
一覧が表示されるので、開きたいシーケンス図をダブルクリックすれば開けます。
その他
図のスタイルがたくさん
色々あるので自分に合ったものを選ぶと良いです。