🎉

Mermaid js gitgraphで簡単な行動シナリオ

2023/10/27に公開

Mermaid jsを眺めてたら(いつからか)gitgraphがきていたので、行動シナリオに流用できないかやってみたのでメモ

  • https://mermaid.js.org/syntax/gitgraph.html
  • branch: だれが
  • commit: なにをするか
  • mergeによって「モノ」が渡される。タグを使う
  • mainブランチは名前を変えて時系からの入力元にでも使う感じが良さそう
%%{init: {'gitGraph': {'mainBranchName': '時系(?)'}} }%%

gitGraph:
    commit id:"発注シナリオ" type: HIGHLIGHT
    branch "購入先"
    branch "購買部門"
    branch "新システム"

    checkout "購買部門"
    commit id:"発注決定"
    commit id:"発注情報を入力"

    checkout "新システム"
    merge "購買部門" tag:"発注情報"
    commit id:"発注書生成"

    checkout "購買部門"
    merge "新システム" tag:"発注書"
    commit id:"発注書確認/発注"

    checkout "購入先"
    merge "購買部門" tag:"発注書"
    commit id:"発注書を確認"
    commit id:"発注請書を作成"

    checkout "購買部門"
    merge "購入先" tag:"発注請書"

    checkout "購入先"
    commit id:"納期決定/回答"

    checkout "購買部門"
    merge "購入先" tag:"納期"
    commit id:"納期を入力"

    checkout "新システム"
    merge "購買部門" tag:"納期情報"

Discussion