Markdown の Mermaid 図を PDF に
```mermaid のコードブロックが図として描画され — フローチャート、シーケンス図、クラス図、状態図、ガントチャート — コードブロックではなく鮮明な画像として PDF、Word、画像、EPUB に入ります。
図がすべての形式に入る仕組み
Mermaid はブラウザがないと描画できないため、図はあなたのブラウザ内で描画され、どの形式を生成するより前に画像として文書に埋め込まれます。PDF と Word には鮮明な PNG、HTML・EPUB・画像出力にはベクター SVG が入ります。
Mermaid エンジンは文書に ```mermaid ブロックが実際にある場合だけ読み込まれるので、通常の文書は速いままです。
使い方
- ドロップまたは貼り付け — ```mermaid ブロックを含む Markdown — プレビューにレンダリングされた図が表示されます。
- 確認 — 構文エラーのある図はコードブロックのまま残るので修正できます。
- エクスポート — PDF へ、Word (DOCX) へ、画像 (PNG) へ、EPUB — 図はどれにも入ります。
対応する図の種類
- フローチャート / graph、シーケンス図、クラス図、状態図、ER 図、ガントチャート、円グラフ、マインドマップ、タイムラインなど Mermaid 11 の各種。
- 日本語・中国語・韓国語のラベルは端末のフォントで描画されます。
- 大きな図は印刷向けに 2 倍解像度で埋め込みます。
⬇ .md ファイルをここにドロップ — またはサンプルで試す
数秒で変換 · 保存なし · 登録不要
ファイルは変換のために一時的に処理され、保存されません。
```mermaid のフローチャート — 下のプレビューでレンダリングされます。
よくある質問
図がコードブロックのままなのはなぜ？
Mermaid が解析できなかったためです。構文を確認してください（mermaid.live が便利です）。解析エラーの場合はブロックをそのまま残し、エクスポート自体は失敗しません。
図だけを画像として取り出せますか？
文書を「画像 (PNG) へ」でエクスポートするか、レンダリングされたプレビューから図をコピーしてください。
Word でも図は表示されますか？
はい、印刷解像度の PNG 画像として埋め込まれます。
無料ですか？
無料・アカウント不要。図はブラウザ内でレンダリング、PDF と Word はメモリ上で変換して破棄します。