ブログに戻る
2025年11月16日日曜日

Mermaid 図を美しく書き出す

Mermaid 図を美しく書き出す

Mermaid を編集可能なまま公開

Mermaid は手軽ですが、表示できないツールも多いので画像化して配布します。

基本構文

  • graph TD で縦方向。
  • ノード名は意味のある言葉に。
  • sequenceDiagramgantt も同じ書き味。

Markdown2Image での手順

  1. 
    
  2. 背景や文字サイズを整える。
  3. 余白を広めに設定。
  4. PNG/SVG を出力。

注釈を忘れずに

  • どの意思決定を表すのか記載。
  • バージョンや日付を明記。
  • 編集元 Markdown へのリンクを添付。

これで開発者はコードを編集でき、他チームは同じ図を共有できます。

Mermaid 図を美しく書き出す | Markdown2Image | MarkdownToImage