ここにプレビューが表示されます
```mermaid で囲んだ形でコピーします。GitHubやNotion、Wikiなど、Mermaid対応のMarkdownにそのまま貼り付けられます。.md ファイルへ埋め込んで保存します。.md(```mermaidブロックを自動検出)や .mmd などの生コードファイル → 上の「GUIに取り込む」と同じ処理を試みますビルダーで表現できない記述が1つでもあれば、取り込み自体を中止し、何行目の何が原因かを一覧で表示します。その場合はコードのみの読み込み(「コードを直接編集する」がONの状態)になります。
中途半端に取り込むと、解釈できなかった記述が次にGUIを編集した瞬間、コード再生成で黙って消えます。それは利用者から見れば「ツールが図を壊した」ことに他ならないため、読めないものは読まない方針にしています。
取り込めない代表的な記述は次のとおりです。
click、%%{init:…}%%、フロントマター(---)classDef / class / :::(クラス定義)classDef と class の組で色を出力しているため、この形(1つの状態に1つのクラスを割り当て、中身は塗りと枠線のみ)に限って取り込めます。A & B --> C のまとめ書き、subgraph の入れ子、subgraphごとの directionautonumber / activate / box / rect / A->>+B の活性化指定note / direction / <<fork>>・<<join>>・<<choice>> / 並行処理の区切り(--)
逆に、A --> B --> C の連鎖、A -- ラベル --> B の書き方、---> のような長さ違いの矢印、graph 始まりの旧表記は、意味が同じなので正規の形に直して取り込みます。コメント行(%%)は保持できないため、取り込む前に確認を出します。
状態遷移図では、state X { } の中に書いた遷移も取り込めますが、再生成時はブロックの外にまとめて出力されます(Mermaidとしての意味は同じです)。
取り込みは一方向です。取り込んだ後はGUI側が正となり、コードはGUIから再生成されます。
Mermaidのフローチャート・シーケンス図・状態遷移図をGUIで組み立てられるツールです。既存のMermaidコードをGUIへ取り込む機能を備えています。ブラウザ単体で動作し、外部サーバーへの通信は行いません。
The MIT License (MIT) Copyright (c) 2014 - 2022 Knut Sveidqvist Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
OS標準搭載のフォント(Segoe UI / Yu Gothic UI / Meiryo など)を使用しており、外部のフォント配信サービスへの通信は行っていません。