「Mermaidでシーケンス図を描く」の版間の差分
Administrator (トーク | 投稿記録) |
Administrator (トーク | 投稿記録) |
||
| (同じ利用者による、間の10版が非表示) | |||
| 83行目: | 83行目: | ||
== メッセージ == | == メッセージ == | ||
メッセージは以下のような構文です。 | |||
[Actor] [Arrow] [Actor]: 説明文 | |||
こんな感じです。 | |||
<syntaxhighlight lang="markdown"> | |||
```mermaid | ```mermaid | ||
sequenceDiagram | sequenceDiagram | ||
| 89行目: | 93行目: | ||
``` | ``` | ||
</syntaxhighlight> | </syntaxhighlight> | ||
メッセージの横線は、実線と点線、それに矢印の有無、矢印の形状があります。 | |||
{| class="wikitable" | {| class="wikitable" | ||
!Arrow | !Arrow | ||
| 194行目: | 200行目: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== | == このウィキでも使えます == | ||
<source lang= | このウィキでは「<nowiki>{{#mermaid: }}</nowiki>」の中にmermaidコードを記述することでレンダリングできます。 | ||
<source lang=mediawiki> | |||
{{#mermaid: | |||
sequenceDiagram | sequenceDiagram | ||
participant Alice | participant Alice | ||
| 208行目: | 215行目: | ||
John->Bob: How about you? | John->Bob: How about you? | ||
Bob-->John: Jolly good! | Bob-->John: Jolly good! | ||
}} | |||
</source> | </source> | ||
上記はこのように表示されます。 | |||
{{#mermaid:sequenceDiagram | {{#mermaid:sequenceDiagram | ||
participant Alice | participant Alice | ||
| 223行目: | 231行目: | ||
Bob-->John: Jolly good! | Bob-->John: Jolly good! | ||
}} | }} | ||
== 外部リンク == | |||
* 公式ドキュメント = https://mermaid.js.org/syntax/sequenceDiagram.html | |||
[[category: Mermaid]] | [[category: Mermaid]] | ||