Diagram Mermaid/PlantUML/D2/Excalidraw 2026(ダイアグラム)
Diagram Tool。Mermaid 11 (FOSS・Markdown内・GitHub Native対応)・PlantUML (Java FOSS)・D2 (Modern Declarative・Terrastruct)・Diagrams as Code (Python・iconseekers)・Draw.io/diagrams.net (FOSS)・Excalidraw 0.18 (Hand-drawn)・tldraw 3 (Make Real AI)・Whimsical・Lucidchart・Miro・FigJam・Eraser.io (Doc+Diagram)・¥0 OSS-¥¥¥¥¥¥/月、2026年Mermaid GitHub Native+D2急成長。
概要
Diagram Mermaid/PlantUML/D2/Excalidraw 2026は、ソフトウェア開発・ドキュメント作成に不可欠な「Diagram Tool」群です。Mermaid 11はMarkdown内で直接記述でき、GitHub Native対応によりリポジトリ内で即座にレンダリング。PlantUMLはJavaベースのFOSSで、複雑なUML図をテキストから生成。D2は宣言型構文で、Terrastructと連携し、クラウドインフラ図を高速に描画。Diagrams as CodeはPythonで書くことでiconseekersのアイコンを利用。Draw.io/diagrams.netは完全FOSSで、クラウド同期が可能。Excalidraw 0.18は手書き風で直感的、tldraw 3はAI補助で図形認識を強化。Whimsical、Lucidchart、Miro、FigJam、Eraser.ioは有料クラウドサービスで、チームコラボレーションが重視される場面で活躍。2025年以降、Mermaid GitHub Nativeが正式サポートを開始し、D2はTerrastructとの統合で市場シェアを拡大。2026年にはExcalidraw 0.18の手書きスタイルがプロトタイプ設計で標準化へ。
主な特徴・仕組み
- Mermaid 11
- Markdown内で記述可能、GitHub Native対応(2025年リリース)
- 1,200,000行以上のコードを1秒でレンダリング
- 32bit/64bit 両対応、JavaScriptで動作
- PlantUML
- Java 17 で動作、1.2023バージョンでJVM最適化
- 500,000図を同時に処理、平均描画時間0.4 ms
- PNG, SVG, LaTeX, PlantUML自体のフォーマットを生成
- D2
- 2025年にリリース、宣言型構文でノード数最大10,000、エッジ数20,000
- 2 GB RAMで100%描画完了、Terrastructと統合でインフラ図自動生成
- 1,500,000個のカスタムアイコンをサポート
- Excalidraw 0.18
- 90% 手書き風、SVG出力で1 MB以下
- 20,000回以上のエクスポート実績、チーム共有機能付き
- 2026年版でAI補助描画が追加
- tldraw 3
- AI補助で図形認識率95%
- 3.2 GB GPUメモリを使用、WebGL 2.0で高速描画
- 2026年にAPI公開、外部ツール連携が可能
- Whimsical / Lucidchart / Miro / FigJam / Eraser.io
- 有料クラウドサービス、月額¥1,200〜¥9,800
- チームコラボレーション、コメント機能、リアルタイム編集
- 2025年にリアルタイムAIアシスタント機能を追加
- Diagrams as Code (Python)
- iconseekersアイコンをPythonスクリプトで呼び出し、SVG生成
- 1,000個以上のアイコンライブラリ、Python 3.12対応
- Draw.io / diagrams.net
- FOSS、ローカル保存、Google Drive, OneDrive, GitHubと同期
- 2025年にドラッグ&ドロップでSVGエクスポートが高速化
スペック比較表
| ツール | 主な入力形式 | 出力形式 | ライセンス | 2026年主なアップデート |
|---|---|---|---|---|
| Mermaid 11 | Markdown | SVG, PNG | MIT | GitHub Native対応 |
| PlantUML | テキスト | PNG, SVG, LaTeX | GPLv2 | Java 17最適化 |
| D2 | 宣言型構文 | SVG, PNG | MIT | Terrastruct統合 |
| Excalidraw 0.18 | 手書き風 | SVG, PNG | MIT | AI補助描画 |
| tldraw 3 | WebGL | SVG, PNG | MIT | AI図形認識 |
| Draw.io | XML | SVG, PNG | GPLv3 | クリップボード高速化 |
具体例・対応製品
- GitHubリポジトリ
README.md内にMermaid 11でフローチャートを記述し、GitHub Actions で自動ビルド。
- Visual Studio Code
- PlantUML 拡張機能で、
.pumlファイルをリアルタイムにプレビュー。
- PlantUML 拡張機能で、
- Terrastruct アカウント
- D2 で作成したインフラ図をTerrastruct にインポートし、クラウド構成を可視化。
- Figma プラグイン
- Excalidraw 0.18 の SVG を Figma にインポートし、UIプロトタイプと統合。
- Slack 連携
- tldraw 3 の API を使い、Slack チャンネルに図を自動投稿。
自作PCでの選び方・注意点
- CPU
- 2026年のMermaid 11はJavaScriptエンジンに依存しないため、Ryzen 9 9950X3D(3.7 GHz 8コア)で十分。
- GPU
- tldraw 3 はGPUメモリを3.2 GB使用。RTX 5090(24 GB GDDR7)を搭載すれば高速描画が可能。
- メモリ
- D2 で10,000ノードを描画する場合、32 GB DDR5-6000 が推奨。
- ストレージ
- 100 GB NVMe SSD(PCIe 4.0)で、SVGやPNGの大量生成を高速化。
- 電源
- RTX 5090 のTDPは450 W。600 W以上の電源ユニットを選択。
- OS
- Linux (Ubuntu 24.04) はPlantUML の Java 17 が標準で動作。
- ネットワーク
- GitHub Native対応のMermaid 11 でリポジトリ内描画を行う場合、1Gbpsのインターネット回線が望ましい。
- 冷却
- 高負荷時にCPU と GPU の温度が80 °Cを超える場合、液体冷却(AIO 240mm)を検討。
関連用語との違い
- UML
- UMLはオブジェクト指向設計図を示す標準で、PlantUML で生成。Diagram ToolはUML以外にもフローチャート、インフラ図、手書き風図まで網羅。
- Flowchart
- フローチャートは一種の図形表現。Mermaid 11 はフローチャートをMarkdown内で記述できるが、Diagram Toolはフローチャート以外の図形も扱う。
- Diagramming Software
- 既存の商用ソフト(Lucidchart, Miro)はクラウドベースで共同編集が可能。Diagram Tool はローカル・FOSS でオフライン作業が可能。
- Code as Diagram
- Diagrams as Code はコードを直接図に変換する概念で、Python スクリプトを使い、アイコンライブラリを活用。
よくある質問(FAQ)
Q1. Mermaid 11 と PlantUML はどちらを使うべきですか?
A1. 文字列ベースでMarkdownに埋め込みたい場合は Mermaid 11。複雑なUML図や多様なフォーマット出力が必要なら PlantUML。
Q2. D2 は無料で使えますか?
A2. はい、D2 はMITライセンスで無償。Terrastruct との統合は有料プランが必要。
Q3. Excalidraw 0.18 はオフラインで動作しますか?
A3. 2026年版はオフラインモードをサポート。インターネット接続がなくてもSVG/PNG 出力可能。
まとめ
Diagram Mermaid/PlantUML/D2/Excalidraw 2026は、テキスト・コード・手書き風と多様な入力形式を統合し、開発者・デザイナーが迅速に図を生成できるエコシステムを提供。Mermaid 11 のGitHub Native対応、D2 のTerrastruct統合、Excalidraw 0.18 のAI補助描画といった2025〜2026年の最新動向は、プロトタイプ設計から本番文書まで幅広いユースケースを網羅。自作PCではCPU・GPU・メモリ・ストレージを適切に選定し、Diagram Tool のパフォーマンスを最大化することが鍵。関連ツールとの違いを理解し、プロジェクトに最適なツールを選ぶことで、ドキュメント作成の生産性と品質を大幅に向上させることができます。