「VisualStudioCode/Mermaid」の版間の差分

2023年12月7日 (木) 00:23時点における版

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
```

@@ 行2: / 行2: @@
 https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid
+==プレビュー==
+VisualStudioCodeを、開いて、コードを入力して、右上の虫眼鏡をクリックすると、プレビューできる。
 ==サンプル==
+===クラス図===
 class.md
 <pre>
 ```mermaid
-graph TD;
+classDiagram
-     A-->B;
+     class User{
-    A-->C;
+        +Int id
-    B-->D;
+        +String name
-     C-->D;
+        +name()
-```
+     }
+```
 </pre>
+===関連クラス===
+relation.md
+<pre>
+```mermaid
+classDiagram
+    class User{
+        +Int id
+        +String name
+        +name()
+    }
+    User --|> BaseUser
+    Car --|> BaseCar
+```
+</pre>
+参考：https://qiita.com/hirokiwa/items/1a490c75961efd1e1487