Mermaid ユーザージャーニー図のチートシート

すべてのステップにスコアがついた経路。

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

スコアのついた経路

タスクは「何が起きたか」、コロン、スコア、コロン、そして誰に起きたかです。

journey
    title Shopping trip
    section Store
        Browse shelf: 5: Customer

コロンあとの数字が、その人がどれだけ満足したかです。1 から 5 まで。

journey
    title Shopping trip
    section Store
        Browse shelf: 5: Customer
        Pay at till: 1: Customer

スコアのあとの名前がアクターで、カンマで区切ります。

journey
    title Shopping trip
    section Store
        Ask staff: 5: Customer, Staff

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