Mermaidプレビュー・自動修復
ChatGPTやClaudeが生成したMermaidコードのエラー（全角記号・フェンス混入・未クォート記号）を自動修復し、ブラウザ内で安全にプレビュー・画像保存できる無料ツール。
サンプル:
テーマ:
Mermaid コード
文字数: 112 字Markdownフェンスや前後の会話文も自動抽出されます
こんなお困りごと・シーンでお使いいただけます
1
ChatGPTやClaudeが出力したMermaidがエラーで表示されないとき、一発で修復してプレビューしたい
2
日本語ラベルや全角括弧・コロンが原因でMermaid Live Editorが動かないとき
3
社内設計図やシーケンス図を外部サーバーに送信せず、ブラウザ内だけでSVG/PNG画像化したい
使い方・手順
- 1エディタにMermaidコードまたはAIの回答テキストを貼り付けます（コードフェンスや前後の会話文も自動除去されます）。
- 2「日本語・AI修復」が有効な場合、構文エラーの原因となる全角記号や特殊文字が自動補正され、右側にプレビューが即時描画されます。
- 3「SVG保存」「PNG保存」ボタンから高画質画像としてダウンロードできます。
よくある質問 (FAQ)
- Q.入力した図のデータやテキストは外部サーバーに送信されますか？
- 一切送信されません。すべての構文解析・レンダリング・画像生成はユーザーのお手元のブラウザ内（完全クライアントサイド）で完結します。
- Q.なぜMermaid Live Editorで動かないコードが動くのですか？
- ChatGPT等のAI出力に含まれるMarkdownフェンス（```mermaid）や全角括弧・全角コロン・スマートクォートなどを、日本語ラベルの意味を壊さずに安全に検知・自動補正する独自修復エンジンを内蔵しているためです。
- Q.どの図種（ダイアグラム）に対応していますか？
- プレビュー表示はMermaidがサポートする主要な図種（フローチャート、シーケンス図、クラス図、ステート図、ER図、ガントチャート、マインドマップ、GitGraph等）に幅広く対応しています。AIコードや全角記号のエラー自動修復機能は、利用頻度の高い主要6図種（フローチャート、シーケンス図、クラス図、ステート図、ER図、ガントチャート）を中心に最適化されています。