PlantUMLエディタ

PlantUMLエディタは、ソフトウェアをインストールすることなくPlantUMLダイアグラムを作成・ プレビューできる無料のブラウザベースツールです。左パネルにPlantUML構文を入力すると、 右パネルにレンダリングされたダイアグラムが即座に表示されます。シーケンス図、クラス図、 アクティビティ図、ユースケース図、コンポーネント図、ステート図、デプロイメント図、 オブジェクト図など、最も一般的なダイアグラムタイプをサポートしています。

内蔵のテンプレートライブラリは各ダイアグラムタイプのスターターコードを提供し、 新しいダイアグラムを素早く作成して必要に応じて変更できます。エディタには行番号、 等幅フォント、構文クイックリファレンスパネルが含まれています。

ダイアグラムが完成したら、ドキュメント用にSVG形式、プレゼンテーション用にPNG形式で エクスポートできます。クリップボードコピーボタンでSVGマークアップを取得し、 HTMLページやデザインツールに貼り付けられます。

Mermaid構文を使用する場合は、同様のライブプレビュー体験を提供する Mermaid Diagram Editorをお試しください。 SVGパスの編集にはSVG Path Editorが便利です。

すべての処理はブラウザ内で完全に実行されます。ダイアグラムコードが外部サーバーに 送信されることはありません。社内のアーキテクチャ図や機密プロジェクト文書にも 安全にご利用いただけます。

1. ドロップダウンからダイアグラムテンプレートを選択してPlantUMLコードを読み込むか、エディタに直接コードを入力します。
2. 左パネルでPlantUMLソースを編集します。行番号は自動的に更新されます。
3. 右パネルがリアルタイムで更新され、レンダリングされたダイアグラムプレビューが表示されます。
4. 矢印タイプやキーワードを確認するには、エディタ下部の構文クイックリファレンスセクションを展開します。
5. Copy SVGをクリックするかCtrl+Shift+Cを押してSVGマークアップをクリップボードにコピーします。
6. SVGまたはPNGダウンロードボタンをクリックしてダイアグラムをファイルとして保存します。
7. Clearをクリックしてエディタをリセットし、新しいダイアグラムを最初から作成します。