• 2026年10月11日

  Mermaid図をSVG・PNGに書き出すと文字が消える・切れる原因と対処法｜foreignObjectとフォント

  Mermaidの図をSVGやPNGに書き出すと、ラベルの文字が消える・途中で切れる・図が小さくなる。原因はラベルがHTML（foreignObject）で描かれることと、画像として描くとWebフォントが使えないこと。htmlLabelsの正しい設定、フォントの埋め込み、サイズ指定まで、実際に試した結果と実装例で解説します。

  続きを読む→
• 2026年7月19日

  Mermaid図入りMarkdownをPDFにする方法｜フローチャートをきれいに収めるコツ

  MermaidのフローチャートをMarkdownに書き、プレビューで確認してPDFへ出力する手順と、はみ出し・文字サイズへの対処を解説します。

  続きを読む→
• 2026年4月3日

  Markdown と Mermaid でドキュメントを書くメリット（テキスト中心の設計書・仕様書）

  本文をMarkdown、図をMermaidのテキストで管理するメリットを整理。Git差分レビュー・Single Source of Truth・チーム共同作業の利点と、典型的なドキュメントサイクルをMermaid図で例示します。

  続きを読む→