Mermaid カンバン図のチートシート

カードが並ぶ列。作業の 1 段階が 1 列です。

このページのすべての図はMernyx（macOS 向けネイティブ Mermaid エディタ）が描いたものです。ブラウザで動く Mermaid.js ではなく、App のキャンバスで使うのと同じレンダラーです。

列

列は id と、角括弧の中のタイトルです。この列が作業の各段階になります。

kanban
  todo[Todo]
  doing[In progress]
  done[Done]

カードは id と角括弧の中の説明で、属する列の下にインデントして書きます。

kanban
  todo[Todo]
    docs[Write the docs]
    fix[Fix the bug]
  doing[In progress]
    ship[Ship the release]

カードのあとの波括弧が、追加の情報を運びます。担当者、チケット、緊急度。

kanban
  todo[Todo]
    id3[Update database function]@{ ticket: MC-2037, assigned: 'knsv', priority: 'High' }

.mmd ファイルを開いて、キャンバスでノードを動かしてみてください。ソースコードもついてきます。macOS ネイティブで、ブラウザは介在しません。