LoginSignup
0

More than 1 year has passed since last update.

mermaid.js シーケンス図でループ処理を表現する

Posted at

目的

  • mermaid.jsのシーケンス図にてループ処理を表現する記載方法をメモ的にまとめる

情報

方法

  • 公式ドキュメントでは下記のように記載されている。

    sequenceDiagram
        Alice->John: Hello John, how are you?
        loop Every minute
            John-->Alice: Great!
        end
    
  • 下記のように表示される。

    Online_FlowChart___Diagrams_Editor_-_Mermaid_Live_Editor.png

  • 英文だと若干わかりにくいので下記のように書き直してみた。

    sequenceDiagram
        Alice->John: Hello John, how are you?
        loop 〇〇処理
            John-->Alice: ループで処理される部分
        end
    
  • 下記のように表示される。

    Online_FlowChart___Diagrams_Editor_-_Mermaid_Live_Editor.png

参考文献

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0