Mermaid イベントモデリング図のチートシート

情報が時間とともにどう変わったか。

このページのすべての図は

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

時間フレーム

時間フレームは番号、種類、名前の 3 つです。種類は ui、cmd、evt、rmo、pcr のいずれかです。

eventmodeling
    tf 01 ui CartUI
    tf 02 cmd AddItem
    tf 03 evt ItemAdded

矢印は先に現れたフレームを指し、波括弧がペイロードを運びます。

eventmodeling
    tf 01 ui Shop.Cart
    tf 02 cmd Ordering.AddItem ->> 01 { sku: "S" }

イベントは、それを起こすコマンドを指します。

eventmodeling
    tf 01 ui Shop.Cart
    tf 02 cmd Ordering.AddItem ->> 01
    tf 03 evt Ordering.ItemAdded ->> 02 { sku: "S" }

read model は rmo で、それを作る元のイベントを指します。

eventmodeling
    tf 01 ui Shop.Cart
    tf 02 cmd Ordering.AddItem ->> 01
    tf 03 evt Ordering.ItemAdded ->> 02
    tf 04 rmo CartView ->> 03