- PlantUML
- Mermaid
一、挿入方法
ツールバーの挿入アイコンをクリック、または空白行の先頭にある「+」ボタンから「テキスト作図」を選択するか、「/テキスト作図」または「/wbht」のショートカットキーで挿入できます。中国語およびピンインに対応しています。 上部ツールバーから挿入 空白行先頭の【+】から挿入 「/wbht」で挿入 「/テキスト作図」で挿入二、使用ガイド
リアルタイムプレビュー:
挿入された入力ボックス内で必要な構文とテンプレートを選択し、左側に構文を入力すると、右側でリアルタイムにプレビューが表示されます。カード全体での作図表示:
中央のスライドボタンをクリックすると、カード全体に作図を表示できます。フルスクリーン表示:
右上のフルスクリーンボタンをクリックすると、全画面で閲覧できます。PlantUML
PlantUML はオープンソースプロジェクトで、シーケンス図、ユースケース図、クラス図、アクティビティ図、コンポーネント図、ステート図、オブジェクト図、デプロイ図などの作成に対応しています。また、UML 以外のガントチャートやアーキテクチャ図などにも対応しています。例えば、以下のユースケース図のような例があります。PlantUML 図形カードの挿入
- ツールバーの挿入アイコンをクリック、または空白行の先頭にある「+」ボタンから「テキスト作図」を選択するか、「/テキスト作図」または「/wbht」のショートカットキーで挿入できます。中国語およびピンインに対応しています。
- テキスト作図カードの右上で「PlantUML」を選択します。
- カードの左側で PlantUML 構文を編集し、右側でテンプレートを選択するとリアルタイムに図形をプレビューできます。
その他のサポート
詳細は http://plantuml.com をご覧ください。 より実用的な PlantUML の例は https://real-world-plantuml.com で検索できます。Mermaid
Mermaid は JavaScript ベースの作図ツールで、Markdown に似た構文を使用し、コードによって簡単かつ素早くチャートを作成できます。構文
Flowcharts: https://mermaid.js.org/syntax/flowchart.html Sequence diagrams: https://mermaid.js.org/syntax/sequenceDiagram.html Gant diagrams: https://mermaid.js.org/syntax/gantt.html Pie Charts: https://mermaid.js.org/syntax/pie.htmlMermaid 図形カードの挿入
- ツールバーの挿入アイコンをクリック、または空白行の先頭にある「+」ボタンから「テキスト作図」を選択するか、「/テキスト作図」または「/wbht」のショートカットキーで挿入できます。中国語およびピンインに対応しています。
- テキスト作図カードの右上で「Mermaid」を選択します。
- カードの左側で Mermaid 構文を編集し、右側でテンプレートを選択するとリアルタイムに図形をプレビューできます。