Redmine Mermaidマクロ¶

• 目次
• Redmine Mermaidマクロ
  • 各種図の書き方
    • 基本形
    • ER図
    • ブロック図
      • 簡単ガイド

各種図の書き方¶

基本形¶

Redmine Wikiのマクロ記述で記述します。

{{mermaid
図の名称 オプション
 図のコンテンツ
}}

図の名称は、次を記述。

ER図¶

IE記法のER図を記述することができます。

https://docs.mermaidchart.com/mermaid-oss/syntax/entityRelationshipDiagram.html

{{mermaid
erDiagram
  user ||--|{ item : userはitemを保持
  user {
    int id PK
    string name
  }
}}

カーディナリティの Mermaid マクロで使用できる記述方法は次の通りです。

|o

o|

||

}o

o{

}|

|{

関連線は、実線（--）、点線（..）

ブロック図¶

簡単ガイド¶

デフォルトでは横並びにブロックが配置されます。

ブロックの配置（デフォルトの横並び）¶

{{mermaid
block
  a b c["Charlie"] 
}}

• ブロック図はマクロの最初にblockを指定
• ブロックIDを空白区切りで列挙、デフォルトではIDがブロックの名称として適用、別名を指定する場合角括弧で記述

ブロック間を直線矢印¶

{{mermaid
block
  a space b c["Charlie"] 
}}

• spcaeを入れないとブロック同士の隙間が小さすぎて矢印が表現しきれません

ブロック間の矢印に文字¶

{{mermaid
block
  a space:2 b c["Charlie"] 
  a --"create"--> b
}}

• 文字が矢印の長さに収まらない場合、space:2 のようにブロック間の空白を増やします
  :数値 で、何カラム分を占めるかを指定

矢印を図形で¶

{{mermaid
block
  a blockArrow1<[" "]>(right) b c["Charlie"] 
}}

• ID名<["ラベル"]>(向き) でブロックの矢印を配置

ブロックの形状¶

{{mermaid
block
  a("角が丸い") b(["両端が丸い"]) c[["両端が二重線"]]
}}