メインコンテンツまでスキップ

ダイアグラム

ダイアグラムは、コードブロック内で Mermaid を使用してレンダリングできます。

使い方​

CMS は Mermaid ダイアグラムの編集を直接サポートしています。

  1. Mermaid アイコンをクリックします。
  2. ボックスに Markdown を入力します。

Preview をクリックしてダイアグラムを確認します。

例:​

注意

現在、zenUML ダイアグラムはサポートされておらず、マインドマップダイアグラムは予期しない動作が発生する場合があります。すべてのダイアグラムタイプが CMS でプレビューできるわけではありません。

詳細については、TinaCMS ドキュメントの Mermaid を参照してください。

Mermaid のテーマ設定については、Docusaurus ドキュメントの Diagrams を参照してください。

例​

アーキテクチャ図​

ブロック図​

C4コンテキスト図​

クラス図​

ER図​

フローチャート​

ガントチャート​

Gitグラフ​

かんばんボード​

マインドマップ​

パケット図​

円グラフ​

象限図​

レーダーチャート​

要求図​

サンキー図​

シーケンス図​

状態遷移図​

タイムライン​

ツリーマップ​

ユーザージャーニー​

XYチャート​