Mermaid Editor Tool

Mermaidとは

Mermaidは、テキストとコードを使ってダイアグラムを作成するためのJavaScriptベースのツールです。 Markdownのような簡単な構文で、フローチャート、シーケンス図、ガントチャートなどの様々な図を作成できます。

使い方

• 左側のテキストエディタにMermaidの構文でコードを入力します
• 右側にリアルタイムでプレビューが表示されます
• 上部のテンプレートボタンをクリックすると、様々な図の基本的なコードが挿入されます
• 「SVGとしてダウンロード」または「PNGとしてダウンロード」ボタンをクリックして図を保存できます

主な図の種類

• フローチャート - ビジネスロジックやワークフローを表現
• シーケンス図 - システム間の相互作用や通信を表現
• クラス図 - オブジェクト指向設計のクラス構造を表現
• ER図 - データベースのエンティティと関係を表現
• ガントチャート - プロジェクトスケジュールを表現
• ユースケース図 - システムとユーザーの関係を表現