ツールへスキップ
JoeLucky

ツールの ★ をクリックして保存

ツールカテゴリ

Base64エンコード/デコードJSONビューアー人気JWT デコーダーUUIDジェネレーターURLエンコード/デコードJSON から CSVCSV から JSONJSON から YAMLYAML から JSONJSON から XMLXML から JSONCSV から YAMLYAML から CSVJSON フォーマッターYAML フォーマッターXML フォーマッターHTML フォーマッターCSS フォーマッター正規表現テスターハッシュジェネレーターCron 式パーサーHTML エンティティのエンコード/デコードツール基数変換ツールURL解析/クエリパラメータ確認CSV ビューアー/検証ツールMarkdown プレビューツールSQL フォーマッターMermaid ライブエディターLLM API 料金計算ツール新着LLM VRAM(GPU メモリ)計算ツール新着RAG チャンク分割ビジュアライザー新着クラウドストレージ料金計算ツール(S3・R2・B2)新着SLA 稼働率計算ツール新着
JoeLucky

実用的なオンラインツールをひとまとめに

プライバシーポリシー利用規約

© 2026 JoeLucky®. All rights reserved.

  1. JoeLucky
  2. /開発者向け
  3. /Mermaid ライブエディター

Mermaid ライブエディター

Mermaid 構文を編集しながら図をリアルタイムでプレビューし、SVG または PNG にエクスポートできます。

類似ツール:開発者向け

すべて見る
Base64エンコード/デコード

Base64文字列を手早くエンコード・デコードします

開く →
JSONビューアー

JSONの構造を視覚的に確認し、構文を検証します

開く →
JWT デコーダー

JWT をデコードして、ヘッダー、ペイロード、有効期限の状態を確認します。デコードのみで、署名の検証は行いません。

開く →

💬 コメント

?

まだコメントはありません。最初のコメントを書いてみましょう!

Mermaid ライブエディターとは?

Mermaid 構文をリアルタイムで編集し、フローチャート、シーケンス図、クラス図、ER図、ガントチャート、マインドマップなどをプレビューできます。テンプレートとテーマを内蔵し、拡大縮小・移動や SVG/PNG へのエクスポートにも対応しています。

使い方

  1. テンプレートから始めるか、Mermaid 構文を直接入力します。
  2. 右側でプレビューを確認し、必要に応じてテーマの切り替え、拡大縮小、移動を行います。
  3. SVG または PNG でエクスポートします。

よくある質問

編集した図の内容はサーバーに送信されますか?

いいえ。編集とレンダリングはすべてブラウザ内で完結します。このツールに対応する API ルートはなく、図のソースがお使いのデバイスの外に出ることはありません。

セキュリティレベルが「loose」ではなく「strict」なのはなぜですか?

このツールは Mermaid の securityLevel を常に strict に設定し、loose にはしません。これにより、図の構文に埋め込まれた任意のスクリプトやクリックハンドラーが実行されるのを防ぎ、他の人が提供した図のソースを貼り付けても安全です。

構文を間違えると、プレビューが空白になりますか?

いいえ。構文エラーが検出されると、このツールはソースエディターの下にエラーメッセージを表示し、プレビューには最後に正常にレンダリングされた図が表示され続けます(消去されません)。

テンプレート:
ソース
プレビュー
レンダリング中…