PlantUML エディタ

Bee Tools の無料オンライン PlantUML エディタ。テキストからフローチャート、シーケンス図、ユースケース図、クラス図、ステート図、コンポーネント図などを描き、ライブプレビューと SVG / 高解像度 PNG 書き出しに対応。レンダリングサーバーは設定可能。

テキストから本格的な UML 図を描き、ライブプレビューで確認。 PlantUML なら簡潔な宣言型構文で UML やアーキテクチャ図を記述でき、右側に鮮明なベクター画像として描画されます。既定では公開 PlantUML サーバーを使用しますが、上の欄に自分のセルフホスト / プライベートサーバー URL を入力することもできます。内容はローカルで編集され、必要に応じて描画されます。

PlantUML 文法早見表

PlantUML とは

PlantUML は Arnaud Roques が作成した、図を生成するオープンソースのテキスト言語です。ドラッグ&ドロップの描画と異なり、テキスト化することで図をバージョン管理でき、一括生成も可能です。

よく使う図

  • @startuml / @enduml —— すべての図はこのペアで囲む必要があります。
  • アクティビティ —— :手順; はアクティビティ、if (条件) then (yes) ... else (no) ... endif は分岐、start/stop は開始/終了。
  • シーケンス —— actor は参加者、A -> B: メッセージ はメッセージ、--> は応答、activate/deactivate はライフライン。
  • ユースケース —— usecase "名前" as UCactor --> UC は関連、<.. は包含/汎化。
  • クラス —— class Animal { +String name +eat() }Animal <|-- Dog は継承、: +bark() はメソッド。
  • ステート —— [*] --> 状態状態 --> [*] は開始/終了、状態 --> 他 : トリガ は遷移。
  • コンポーネント —— package でグループ化、[A] --> [B] は依存。

ヒント

  1. titlelegend を使って読みやすく。
  2. 複雑な図は package / rectangle で分割し、交差を減らす。
  3. skinparam で色やフォント、角丸を調整。
  4. 左のサンプルを編集すると、右にライブプレビューが反映されます。

オープンソースライセンス:図の描画は PlantUML を利用、ライセンスは MPL 2.0 / LGPL 3.0 / ASL 2.0。Copyright (c) 2009-2024 Arnaud Roques。

よくある質問

PlantUML とは?
PlantUML は Arnaud Roques が作成したオープンソースのツールで、シンプルなテキスト記述からフローチャート、シーケンス図、ユースケース図、クラス図、ステート図、コンポーネント図などを生成します。
図は保存またはアップロードされますか?
エディタの内容はブラウザのローカルキャッシュに保存され(更新しても失われません)、描画には設定したサーバーへテキストを送信する必要があります。既定の公開サーバーを使う場合、図のテキストは plantuml.com に送信されます。
プライベート / セルフホストのサーバーを使えますか?
はい。「レンダリングサーバー URL」に自分の PlantUML サーバーのルート URL(例: https://your-host/plantuml)を入力してください。書き出しとコピーには、そのサーバーがクロスオリジン(CORS)を許可している必要があります。
どの図種に対応していますか?
PlantUML のすべての種類:アクティビティ、シーケンス、ユースケース、クラス、オブジェクト、ステート、コンポーネント、デプロイ、タイミング、ガント、マインドマップなど。
SVG / PNG 書き出しは劣化しますか?
SVG はベクター形式なので拡大してもぼやけません。PNG はサーバーが選択した倍率(1x–4x)で生成し、多くの文書に適しています。