PlantUML Viewer
ブラウザ内で処理
PlantUML ソース
サンプル
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
@startuml title オンライン注文フロー skinparam shadowing false skinparam roundcorner 12 skinparam activity { BackgroundColor #F8FAFC BorderColor #475569 DiamondBackgroundColor #FEF3C7 DiamondBorderColor #B45309 StartColor #2563EB EndColor #16A34A } |#EAF2FF|利用者| start :商品をカートに入れる; :購入を確定する; |#ECFDF5|Webアプリ| :在庫を確認する; if (在庫がある？) then (はい) :注文を作成する; |#FFF7ED|決済サービス| :支払いを承認する; if (決済に成功？) then (はい) |#F5F3FF|倉庫| :商品を梱包する; :配送を開始する; |Webアプリ| :発送通知を送る; |利用者| :商品を受け取る; stop else (いいえ) |Webアプリ| :決済エラーを表示する; |利用者| :支払い方法を変更する; stop endif else (いいえ) |Webアプリ| :在庫切れを案内する; |利用者| :入荷通知を登録する; stop endif @enduml
プレビュー
図を広く
100%
全体表示
100%
全画面
PNG
SVG
PlantUMLを貼り付けて図を表示
大きな図も、ホイールで拡大縮小しながら
ドラッグして自由に確認できます。
サンプルを表示