「VisualStudioCode/Mermaid」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→クラス図) |
(→関連クラス) |
||
| 行31: | 行31: | ||
User --|> BaseUser | User --|> BaseUser | ||
| − | Car --|> BaseCar | + | Car --|> BaseCar: 継承 |
``` | ``` | ||
</pre> | </pre> | ||
2023年12月7日 (木) 07:50時点における版
インストール
https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid
プレビュー
VisualStudioCodeを、開いて、コードを入力して、右上の虫眼鏡をクリックすると、プレビューできる。
サンプル
クラス図
class.md
```mermaid
classDiagram
class User{
+Int id
+String name
+name()
}
```
関連クラス
relation.md
```mermaid
classDiagram
class User{
+Int id
+String name
+name()
}
User --|> BaseUser
Car --|> BaseCar: 継承
```
access.md
```mermaid
classDiagram
class User{
+String Public
-String Private
#String Protected
~String Packaged
```
その他関連
```mermaid
classDiagram
A --* B: コンポジット
C --o D: 集約
E --> F: 汎化
G -- H: 関連(実線)
I ..> J: 依存
K ..|> L: 実現
M .. N: 関連(点線)
O --|> P: 継承
```
