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

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

## スコアのついた経路

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

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

![ユーザージャーニー図。Store というセクションに Browse shelf という 1 ステップがあり、5 を示す顔が、その横に Customer がいます。](/diagrams/journey/basic.svg)

## スコアは顔で表される

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

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

![ユーザージャーニー図。Store というセクションに 2 ステップあり、Browse shelf は 5 点、Pay at till は 1 点で、それぞれに顔が付いています。](/diagrams/journey/scores.svg)

## ひとり以上の人物

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

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

![ユーザージャーニー図。Ask staff という 1 ステップがあり、スコアは 5。Customer と Staff という 2 つのアクターの点があります。](/diagrams/journey/actors.svg)

## Mernyx で描いてみる

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