PlantUML
先日、Swim Lane を使用した PlantUML Activity で悩んだ。 oboe2uran.hatenablog.comこの時のもう１つの解としてサブダイアグラムで前のレーンで実行することを 表現したらどうであろう。 @startuml |User| start :新規作成; |システム| repeat backward:{{…
PlantUML いろんな場面で、名称、ワードの書き込みで、OpenIconic を使う。 https://plantuml.com/ja/openiconic @startuml listopeniconic @enduml で、使用できるアイコンの一覧を参照できる。 アイコンのサイズを指定しないデフォルトの描画は小さい @sta…
PlantUML アクティビティ図で描画する業務フローは、差戻しの処理を前のレーンで描画するケース repeat の backward を前のレーンで書くと @startuml |A| start :新規作成; |B| repeat |A| backward :修正; |B| repeat while (検証?) is (差戻し) :登録; end…
処理の導線に短い説明を付けるのに note で書きたくない場合、 if 文や、repeat 文は、以下のように、( ) 内に簡単なワードで表現することが多い if (条件) then (Yes) else (No) repeat repeat while (条件) is (戻る) while while (条件1) is (Yes) :処理B…
VScode PlantUML の画像エクスポートファイル名は、PlantUML ファイル名でなく @startuml 行で付けた文字列＋”."＋画像拡張子 になる。 VScodeでは、 PNG形式出力は aaa.pu ⇒ aaa.png にはならない。 @startuml aaa と書いて aaa.png になる。しかも、最新の…
アクティビティ図で書く業務フローは、repeate 、while を書く時にレーンを書く時に気をつけないと 崩れてしまう。 片側のレーンだけに寄せた描画の例 repeat @startuml |A| start :処理A; |B| repeat:処理B; :処理C; backward :処理D; repeat while(条件1) …
C4モデル ・コンテキスト（context） ・コンテナ（containers） ・コンポーネント（components） ・コード（code） これらソフトウェアアーキテクチャを記述する方法としてのUMLを書く、 plantUML で書くためのツール github.com使用方法は、 https://raw.gi…
PlantUML アクティビティ図で業務フローを書く。 @startuml title 業務フロー |__顧客__| :注文; |#mintcream|__営業__| :在庫を確認; :出荷を要求; |__配送__| :出荷; note right:（注）ノート\n(1)AAA\n(2)BBB fork :出荷通知; |#papayawhip|__経理__| :請…
ER図作成というと、ちょっと前は、draw.ioや、古いけど Eclpse プラグインERMaster あるいは、DBeaber を使っているなら、その中のER図作成ツールなど、、、 あるけど、エンティティを表現するスクリプトをインクルード文法で使い回せるというので PlantUML …
長めのサンプル @startuml actor ユーザ as User participant main as Main <<Main>> participant Alpha #87CEFA User -> Main : 注文Request activate Main Main -> Alpha : start() activate Alpha #87CEFA Alpha -> Beta : req() activate Beta Beta -> Beta: p</main>…
境界線は、== で題目を囲んだ１行を任意の場所に記述することで表現する。 @startuml participant 処理A as a participant 処理B as b participant 処理C as c a -> b activate b b --> a deactivate b == Initialized == b -> b create c activate b b -> c…
if文 then のみ @startuml participant 処理A as a participant 処理B as b participant 処理C as c ||| activate a a -> b activate b b --> a deactivate b opt value > 0 a -> c activate c c --> a deactivate c end ||| @enduml if～else文 @startuml p…
ループの書き方 @startuml participant 処理A as a participant 処理B as b activate a ||| loop 1～20 a -> b :call A activate b b --> a deactivate b end ||| deactivate a @enduml シーケンス図における Tips ||| を書くと、間隔を伸ばすことができる。…
PlantUML シーケンス図の簡単なサンプルを改めて書いておく。 マニュアルは、 plantuml.com を参照 @startuml skin rose skinparam shadowing false actor ユーザー as user participant Main as main <<メイン>> participant 処理A as A <<func>> database Databa</func>…
シンプルな例 @startuml skin rose state A state B [*]--> A :開始 A->B :call B B->A :back B-->[*] :終了 @enduml 影(shadow)を取り除き、セルを簡易表示 @startuml skin rose skinparam shadowing false hide empty description state A state B [*]--> …
PlantUML statement diagram を書く時の注意として、 state の宣言を書かず、start [*] からの開始を書かないと @startuml skin rose skinparam shadowing false hide empty description A -> B:call B B -[dashed]> A:call A @enduml 想定する状態遷移図で…
１行のコメントは、シングルクォートを先頭に書く ' １行コメント 複数行のコメントは、/' ～ '/ で囲んで書く /' コメント１ コメント２ ’/
PlantUMLのサブプロジェクトSalt で https://plantuml.com/ja/salt ファイルTree図を書きます。 通常は @startsalt～@endsalt で書く約束ですが、@startumlの中で、salt と１行書いた後に、 { } で書きます。 ツリー図のアイコンは、 PlantUML Openiconic ht…
全てのPlantUML図において、デフォルトでついている影（shadow) を消す方法 skin （スキン）のパラメータで、shadowing を false に設定する。 記憶では、最初デフォルトでは影がついていた。 @startuml 状態遷移図 skin rose skinparam shadowing true hide…
while文 @startuml start :処理A; while (条件1) is (Yes) :処理B; endwhile (No) :処理C; end @enduml while文でbreak @startuml start :処理A; while (条件1) is (Yes) :処理B; if (条件2) then (no) break endif endwhile (No) :処理C; end @enduml repea…
RGB 16進数の記述方法でも良いが、HTML の色名を使った方が馴染みやすいと考える。 table で、良く使いそうな色の書き方、サンプルです。 @startuml title color name |<#pink> pink |<#lightblue> lightblue |<#lightgreen> lightgreen |<#magenta><color:white> magenta</color:white>…
PlantUML アクティビティ図の新しい構文は、 Graphviz に依存しない。 メンテナンス性が良い？ 新しい構文は、start, end , stop で開始、終端を記述する。 @startuml start title 新しい構文 end title :処理A; :処理B; if (条件1) then (Yes) :処理C; else…
ひと昔前は、ATOM エディタで PlantUML を書いていた。 今や圧倒的に VScode プラグインで書くプロジェクトが大半であろう。 Eclipse のプラグインでは、どうか？ Eclipse の環境で使うための設定をまとめた。Eclipseマーケットプレイスから、PlantUML をイ…
先日、Windows の BAT ファイルとして書いた oboe2uran.hatenablog.comこれを、Python で書いてみる。wxPython を使ってファイル選択ダイアログを表示するので pip でwxPython インストールしておく。 #---------------------------------------------------…
PlantUML ダウンロードした jar ファイルで、 java -jar plantuml.jar ファイル -charset UTF-8 を実行するのは、結構面倒くさい。。。 oboe2uran.hatenablog.com そこで、ファイル選択ダイアログで選択する bat ファイルを用意することにする。まずは、ファ…
PlantUML で作成するPNG画像サイズを調整する スケールを記述する 0.5 倍に縮小する時 @startuml scale 0.5シーケンス図での文字サイズ調整 @startuml skinparam sequence { ActorFontSize 24 ParticipantFontSize 24 GroupFontSize 24 ArrowFontSize 24 tit…
PLantUML を使ってATOM 等で作成した Markdownファイルからシーケンス図、 図形を画像ファイルとして出力するのに、通常 Markdownファイルは UTF-8 で書いて いるが、PLantUML から plantuml.jar をダウンロードして PNG ファイルを作成すると 日本語は文字…
以下のパッケージ markdown-preview-enhanced plantuml-viewer language-plantuml .md ファイルでもプレビューさせる為に、 markdown-preview-enhanced をインストールして ```plantuml が必要 サンプル ```plantuml @startuml actor ユーザ as User partici…
