「VisualStudioCode/Mermaid」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→関連クラス) |
(→関連クラス) |
||
| 行47: | 行47: | ||
</pre> | </pre> | ||
| + | ===その他関連=== | ||
| + | ```mermaid | ||
| + | classDiagram | ||
| + | class User{ | ||
| + | +String Public | ||
| + | -String private | ||
| + | #String protected | ||
| + | ~String protected | ||
| + | } | ||
| + | |||
| + | User --|> BaseUser | ||
| + | Car --|> BaseCar | ||
| + | |||
| + | A --* B: コンポジット | ||
| + | C --o D: 集約 | ||
| + | E --> F: 汎化 | ||
| + | G -- H: 関連(実線() | ||
| + | I ..> J: 依存 | ||
| + | K ..|> L: 実現 | ||
| + | M .. N: 関連(点線) | ||
| + | ``` | ||
参考：https://qiita.com/hirokiwa/items/1a490c75961efd1e1487 | 参考：https://qiita.com/hirokiwa/items/1a490c75961efd1e1487 | ||
2023年12月7日 (木) 00:31時点における版
インストール
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
class User{
+String Public
-String private
#String protected
~String protected
}
User --|> BaseUser Car --|> BaseCar
A --* B: コンポジット C --o D: 集約 E --> F: 汎化 G -- H: 関連(実線() I ..> J: 依存 K ..|> L: 実現 M .. N: 関連(点線)
``` 参考：https://qiita.com/hirokiwa/items/1a490c75961efd1e1487
