現在、このダイアグラムは提案段階です。将来的に変更されるかもしれません。新しいシンタックス案の提案を歓迎します！よりよい形を模索するのに、あなたからの意見や提案が役に立ちます！！ ライフラインは、 concise か robust で定義できます。 concise は状態ライフラインを、 robust は汎用値ライフラインを、それぞれ作成します。 @ と is を用いて、状態の変化を記述できます。 🎉 Copied!  | @startuml
robust "ウェブブラウザ" as WB
concise "ユーザ" as WU
@0
WU is アイドル
WB is アイドル
@100
WU is 待機
WB is 処理中
@300
WB is 待機
@enduml
|
It's also possible to have binary and clock signal, using the following keywords: 🎉 Copied! | @startuml
clock clk with period 1
binary "Enable" as EN
@0
EN is low
@5
EN is high
@10
EN is low
@enduml
|
メッセージは、矢印構文を使います。 🎉 Copied! | @startuml
robust "ウェブブラウザ" as WB
concise "ユーザ" as WU
@0
WU is アイドル
WB is アイドル
@100
WU -> WB : URL
WU is 待機
WB is 処理中
@300
WB is 待機
@enduml
|
@ で時間を指定するとき、相対的な時間の指定の仕方ができます。 🎉 Copied! | @startuml
robust "DNS Resolver" as DNS
robust "ウェブブラウザ" as WB
concise "ユーザ" as WU
@0
WU is アイドル
WB is アイドル
DNS is アイドル
@+100
WU -> WB : URL
WU is 待機
WB is 処理中
@+200
WB is 待機
WB -> DNS@+50 : URL から IPアドレス を解決
@+100
DNS is 処理中
@+300
DNS is アイドル
@enduml
|
Instead of using absolute or relative time on an absolute time you can define a time as an anchor point by using the as keyword and starting the name with a :.
@XX as :<anchor point name>
🎉 Copied! | @startuml
clock clk with period 1
binary "enable" as EN
concise "dataBus" as db
@0 as :start
@5 as :en_high
@10 as :en_low
@:en_high-2 as :en_highMinus2
@:start
EN is low
db is "0x0000"
@:en_high
EN is high
@:en_low
EN is low
@:en_highMinus2
db is "0xf23a"
@:en_high+6
db is "0x0000"
@enduml
|
時系列順での定義ではなく、インスタンス毎（≒ライフライン毎）に定義できます。 🎉 Copied! | @startuml
robust "ウェブブラウザ" as WB
concise "ユーザ" as WU
@WB
0 is アイドル
+200 is 処理中
+100 is 待機
@WU
0 is 待機
+500 is ok
@enduml
|
スケール（メモリの数値の表示）を指定できます。 以下の例では、「メモリを 100ずつ 表示、1メモリの幅を 50px にする」設定になります。 🎉 Copied! | @startuml
concise "ユーザ" as WU
scale 100 as 50 pixels
@WU
0 is 待機
+500 is ok
@enduml
|
「初期状態」を設定できます。 🎉 Copied! | @startuml
robust "ウェブブラウザ" as WB
concise "ユーザ" as WU
WB is 初期化中
WU is 不在
@WB
0 is アイドル
+200 is 処理中
+100 is 待機
@WU
0 is 待機
+500 is ok
@enduml
|
信号をいくつかの不定状態とすることができます。 🎉 Copied! | @startuml
robust "Signal1" as S1
robust "Signal2" as S2
S1 has 0,1,2,hello
S2 has 0,1,2
@0
S1 is 0
S2 is 0
@100
S1 is {0,1} #SlateGrey
S2 is {0,1}
@200
S1 is 1
S2 is 0
@300
S1 is hello
S2 is {0,2}
@enduml
|
いくつかの状態を非表示にすることもできます。 🎉 Copied! | @startuml
concise "Web User" as WU
@0
WU is {-}
@100
WU is A1
@200
WU is {-}
@300
WU is {hidden}
@400
WU is A3
@500
WU is {-}
@enduml
|
It is possible to hide time axis. 🎉 Copied! | @startuml
hide time-axis
concise "Web User" as WU
WU is Absent
@WU
0 is Waiting
+500 is ok
@enduml
|
It is possible to use time or date. 🎉 Copied! | @startuml
robust "Web Browser" as WB
concise "Web User" as WU
@2019/07/02
WU is Idle
WB is Idle
@2019/07/04
WU is Waiting : some note
WB is Processing : some other note
@2019/07/05
WB is Waiting
@enduml
|
🎉 Copied! | @startuml
robust "Web Browser" as WB
concise "Web User" as WU
@1:15:00
WU is Idle
WB is Idle
@1:16:30
WU is Waiting : some note
WB is Processing : some other note
@1:17:30
WB is Waiting
@enduml
|
タイムラインのメモリとは別に、時間の尺度を示す矢印を表示することができます。 🎉 Copied! | @startuml
robust "ウェブブラウザ" as WB
concise "ユーザ" as WU
WB is 初期化中
WU is 不在
@WB
0 is アイドル
+200 is 処理中
+100 is 待機
WB@0 <-> @50 : {50 ms lag}
@WU
0 is 待機
+500 is ok
@200 <-> @+150 : {150 ms}
@enduml
|
You can higlight a part of diagram. 🎉 Copied! | @startuml
robust "Web Browser" as WB
concise "Web User" as WU
@0
WU is Idle
WB is Idle
@100
WU -> WB : URL
WU is Waiting #LightCyan;line:Aqua
@200
WB is Proc.
@300
WU -> WB@350 : URL2
WB is Waiting
@+200
WU is ok
@+200
WB is Idle
highlight 200 to 450 #Gold;line:DimGrey : This is my caption
@enduml
|
（他の UML ダイアグラムと同様に）タイトル、ヘッダー／フッター、説明文、キャプション を書くことができます。 🎉 Copied! | @startuml
Title これはタイトル
header: ここにヘッダーを書く
footer: ここにフッターを書く
legend
図の説明は、ここに書きます。
複数行かけますよ。
end legend
caption 一行の説明は、caption に書きましょう。
robust "Web ブラウザ" as WB
concise "ユーザ" as WU
@0
WU is アイドル
WB is アイドル
@100
WU is 待機
WB is 処理中
@300
WB is 待機
@enduml
|
Thanks to Adam Rosien for this example. 🎉 Copied! | @startuml
concise "Client" as Client
concise "Server" as Server
concise "Response freshness" as Cache
Server is idle
Client is idle
@Client
0 is send
Client -> Server@+25 : GET
+25 is await
+75 is recv
+25 is idle
+25 is send
Client -> Server@+25 : GET\nIf-Modified-Since: 150
+25 is await
+50 is recv
+25 is idle
@100 <-> @275 : no need to re-request from server
@Server
25 is recv
+25 is work
+25 is send
Server -> Client@+25 : 200 OK\nExpires: 275
+25 is idle
+75 is recv
+25 is send
Server -> Client@+25 : 304 Not Modified
+25 is idle
@Cache
75 is fresh
+200 is stale
@enduml
|
🎉 Copied! | @startuml
scale 5 as 150 pixels
clock clk with period 1
binary "enable" as en
binary "R/W" as rw
binary "data Valid" as dv
concise "dataBus" as db
concise "address bus" as addr
@6 as :write_beg
@10 as :write_end
@15 as :read_beg
@19 as :read_end
@0
en is low
db is "0x0"
addr is "0x03f"
rw is low
dv is 0
@:write_beg-3
en is high
@:write_beg-2
db is "0xDEADBEEF"
@:write_beg-1
dv is 1
@:write_beg
rw is high
@:write_end
rw is low
dv is low
@:write_end+1
rw is low
db is "0x0"
addr is "0x23"
@12
dv is high
@13
db is "0xFFFF"
@20
en is low
dv is low
@21
db is "0x0"
highlight :write_beg to :write_end #Gold:Write
highlight :read_beg to :read_end #lightBlue:Read
db@:write_beg-1 <-> @:write_end : setup time
db@:write_beg-1 -> addr@:write_end+1 : hold
@enduml
|
You can add color. 🎉 Copied! | @startuml
concise "LR" as LR
concise "ST" as ST
LR is AtPlace #palegreen
ST is AtLoad #gray
@LR
0 is Lowering
100 is Lowered #pink
350 is Releasing
@ST
200 is Moving
@enduml
|
[Ref. QA-5776] | |
Binary and Clock
Theme
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
