Markdown to PDF

学ぶ

Mermaid図をPDFに書き出す方法

Markdown内のMermaid図を、共有後も読みやすいPDFとして書き出すためのコツをまとめました。

公開 2026-04-20 · 更新 2026-04-20

Mermaid図をPDFでも見やすく保つ

Mermaidはフローチャート、シーケンス図、構成図の共有に便利ですが、ツールをまたぐと崩れやすいことがあります。Markdown中心の書き出し手順にしておくと、図と説明文を近い位置で保ちやすくなります。

安全なのは、図の前後に説明段落を置いたまま一つの文書として仕上げることです。そうすると、あとで画像を貼り合わせた資料ではなく、最初から一体感のあるPDFとして読んでもらえます。

図を見やすく保つコツ

  • ノードのラベルは短くする。
  • 横に広すぎる図はできるだけ避ける。
  • 1つの図には1つの主題だけを入れる。
  • 図の前後に短い説明文を置いて文脈を補う。

おすすめテンプレート

Mermaidを多く使う文書ではCreativeが扱いやすく、図が脇役ではなく文書の一部として自然に見えやすくなります。