マーメイド記法（Mermaid）は、テキストベースで様々な図を生成できる記法です。AIでフロー等を作成してもらって、Mermaid Editorで作図します。
フローチャート (Flowchart)
プロセスの流れや手順を視覚的に表現します。
例:
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
シーケンス図 (Sequence Diagram)
オブジェクト間の相互作用やメッセージの流れを時系列で示します。
例:
sequenceDiagram
participant A
participant B
A->>B: メッセージ
B-->>A: 応答
クラス図 (Class Diagram):
オブジェクト指向プログラミングのクラス構造を視覚化します。
例:
classDiagram
class A {
+String name
+int age
+void display()
}
状態遷移図 (State Diagram)
システムやプロセスの状態の変遷を示します。
例:
stateDiagram
[*] --> S1
S1 --> S2
S2 --> [*]
ガントチャート (Gantt Chart)
プロジェクト管理におけるスケジュールを視覚化します。
例:
gantt
title ガントチャートの例
section セクション1
タスク1 :a1, 2023-05-01, 30d
section セクション2
タスク2 :a2, 2023-06-01, 20d
ER図 (Entity Relationship Diagram)
データベース設計のエンティティとその関係を示します。
例:
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER {
string name
string address
}
