Mermaid アプリを使用すると、Miro 内でコードベースのダイアグラムを簡単に作成することができます。
アプリのインストール方法
Miro のマーケットプレイスから、またはリンクからアプリをインストールします。インストールを完了するには、Miro のチームを選択する必要があります。
⚠️ 管理者以外のユーザーは、チーム設定で許可されていない場合はアプリをインストールできません。
ダイアグラムを作成して Miro のボードに追加
インストールしたアプリはツールバーに表示されます。
アプリには、デフォルトのサンプルコードが備わっています。 ダイアグラムを作成するコードを変更すると、右側にあるプレビューエリアのダイアグラムが更新されます。
ダイアグラムコードの変更
Mermaid アプリには、左下にいくつかのサンプルダイアグラムが用意されています。ご自由にお使いください。
コードエディター ペインのサイズを右端からドラッグして変更します。
コードエディターのサイズ変更
Mermaid 構文の詳細については、公式のドキュメントを参照してください。アプリパネルの左下からドキュメントにアクセスすることもできます。
ダイアグラムの作成が完了したら、[ボードに追加] をクリックします。 ダイアグラムは画像としてボードに追加されます。 画像をダウンロードするか、ダイアグラム付きのボードをコラボレーターと共有することができます。
ボードにダイアグラムを追加