> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# テキスト作図の挿入方法

> テキスト作図は DingTalkドキュメントが提供する構文ベースの作図機能です。特定の構文を使用することで、フローチャートやガントチャートなどを素早く作成できます。現在対応しているのは以下のとおりです。

テキスト作図は DingTalkドキュメントが提供する構文ベースの作図機能です。特定の構文を使用することで、フローチャートやガントチャートなどを素早く作成できます。現在対応しているのは以下のとおりです。

* **PlantUML**

* **Mermaid**

## 一、挿入方法

ツールバーの挿入アイコンをクリック、または空白行の先頭にある「+」ボタンから「テキスト作図」を選択するか、「/テキスト作図」または「/wbht」のショートカットキーで挿入できます。中国語およびピンインに対応しています。

上部ツールバーから挿入

空白行先頭の【+】から挿入

「/wbht」で挿入

「/テキスト作図」で挿入

## 二、使用ガイド

## リアルタイムプレビュー：

挿入された入力ボックス内で必要な構文とテンプレートを選択し、左側に構文を入力すると、右側でリアルタイムにプレビューが表示されます。

## カード全体での作図表示：

中央のスライドボタンをクリックすると、カード全体に作図を表示できます。

## フルスクリーン表示：

右上のフルスクリーンボタンをクリックすると、全画面で閲覧できます。

***

## PlantUML

[PlantUML](http://plantuml.com/) はオープンソースプロジェクトで、シーケンス図、ユースケース図、クラス図、アクティビティ図、コンポーネント図、ステート図、オブジェクト図、デプロイ図などの作成に対応しています。また、UML 以外のガントチャートやアーキテクチャ図などにも対応しています。例えば、以下のユースケース図のような例があります。

## PlantUML 図形カードの挿入

1. ツールバーの挿入アイコンをクリック、または空白行の先頭にある「+」ボタンから「テキスト作図」を選択するか、「/テキスト作図」または「/wbht」のショートカットキーで挿入できます。中国語およびピンインに対応しています。

2. テキスト作図カードの右上で「PlantUML」を選択します。

3. カードの左側で PlantUML 構文を編集し、右側でテンプレートを選択するとリアルタイムに図形をプレビューできます。

## その他のサポート

詳細は [http://plantuml.com](http://plantuml.com/) をご覧ください。

より実用的な PlantUML の例は [https://real-world-plantuml.com](https://real-world-plantuml.com/) で検索できます。

***

## Mermaid

Mermaid は JavaScript ベースの作図ツールで、Markdown に似た構文を使用し、コードによって簡単かつ素早くチャートを作成できます。

## 構文

Flowcharts: [https://mermaid.js.org/syntax/flowchart.html](https://mermaid.js.org/syntax/flowchart.html)

Sequence diagrams: [https://mermaid.js.org/syntax/sequenceDiagram.html](https://mermaid.js.org/syntax/sequenceDiagram.html)

Gant diagrams: [https://mermaid.js.org/syntax/gantt.html](https://mermaid.js.org/syntax/gantt.html)

Pie Charts: [https://mermaid.js.org/syntax/pie.html](https://mermaid.js.org/syntax/pie.html)

## Mermaid 図形カードの挿入

1. ツールバーの挿入アイコンをクリック、または空白行の先頭にある「+」ボタンから「テキスト作図」を選択するか、「/テキスト作図」または「/wbht」のショートカットキーで挿入できます。中国語およびピンインに対応しています。

2. テキスト作図カードの右上で「Mermaid」を選択します。

3. カードの左側で Mermaid 構文を編集し、右側でテンプレートを選択するとリアルタイムに図形をプレビューできます。

## 例

### フローチャート

### シーケンス図

### クラス図

### ステート図

### ER 図

### ガントチャート

### 円チャート

### 要求図

### Gitgraph 図