Toolipedia 埋め込み
JA
← すべてのテキストツール

Mermaid図エディタ

フローチャート、シーケンス図、ガントチャートなどをテキストから作成し、SVGまたはPNGで保存します。

  • 無料
  • 登録不要
  • どの端末でも使える

約Mermaid図エディタ

A arrow Bのような簡単なテキストを書くだけで、フローチャート、シーケンス図、ガントチャート、クラス図などが描かれ、リアルタイムに表示されてSVGまたはPNGで書き出せます。テキストの図はGitでバージョン管理しやすく、あとから編集するのも簡単です。GitHub、GitLab、多くのwikiでもMermaidのコードブロックが表示されます。

Mermaid図エディタの使い方

  1. エディタに、Mermaidのテキストを入力または貼り付けてください。
  2. プレビューで、図が描画されるのを見てください。
  3. SVGまたはPNGとしてダウンロードしてください。

このツールを使う理由

別名

よくある質問

Mermaidでフローチャートを始めるにはどうしますか?

flowchartという言葉と、上から下を意味するTDのような方向で始め、その後、ラベル付きの2つのボックスを矢印でつなぐ行を追加します。たとえば、StartからNext stepへのようになります。

図に構文エラーが表示されるのはなぜですか?

最初の行に有効な図の種類が指定されていて、矢印とかっこが一致していることを確認してください。ラベル内の特殊文字は、テキストを引用符で囲む必要があることが多いです。

どの図の種類に対応していますか?

フローチャート、シーケンス図、ガントチャートが、ほかのMermaidタイプとともに含まれています。最初の例を試して、構文を確認してください。

Mermaid図エディタは無料ですか？

はい。ToolipediaのMermaid図エディタは無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

Mermaid図エディタ を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール