【フリーツール】使用したソフト ~ UML編 ~

■ はじめに

クラス図を書くためにUMLetを使い始めたのでメモ

目次

【1】UML Sequence Diagram Online Tool
【2】UMLet
【3】Draw.io
【4】Miro

【1】UML Sequence Diagram Online Tool

* 以下のサイトにアクセスするとシーケンス図を作成できる

https://sequencediagram.org/

1)使い方

* まずは、以下を読むのがいいかも。

https://qiita.com/yucatio/items/507549bb3c48d73cbdab

* 更に、細かいことは以下のHelpを参照してもいいかも。

https://sequencediagram.org/instructions.html

2)サンプル

https://sequencediagram.org/

title This is a Sample

participant Github Actions
participant AWS ECR
participant AWS Inspector
participant AWS S3
participant AWS EKS
participant AWS MWAA

activate Github Actions
Github Actions->Github Actions:build
Github Actions->Github Actions:docker image build
Github Actions->AWS ECR:docker image push <image>:<tag>
activate AWS ECR
AWS ECR-->*AWS Inspector:<<create>>
activate AWS Inspector
loop wait until scan complete
Github Actions->AWS Inspector:aws ecr wait image-scan-complete 
end
Github Actions->AWS Inspector:aws ecr describe-image-scan-findings
Github Actions<--AWS Inspector:Result of image scanning
Github Actions->Github Actions:count of errors

note left of Github Actions:T.B.D: Abort? If error counts > 0 
Github Actions->AWS ECR:docker image push <image>:latest
Github Actions->AWS S3:aws s3 cp

opt other interaction
AWS EKS->AWS ECR:docke image pull <image>:latest
AWS EKS<--AWS ECR:docke image
AWS EKS-->*AWS EC2:<<create>>
end

Github Actions->AWS EC2:Upload JAR file

Github Actions->AWS MWAA:aws mwaa create-cli-token
Github Actions<--AWS MWAA:Token
Github Actions->AWS MWAA:airfow cli variables set

【2】UMLet

* 以下がある
 + Web版
 + クライアントアプリ版
 + VS Codeのプラグイン版

https://www.umlet.com/
その他

* ファイル拡張子は、*.uxf
* ファイルの中身は、XML

1)使い方

* 始め分からなかったが、以下の動画を軽くみると分かる
=> 右のペインからドラッグ&ドロップでもってきて要素を配置する

https://marketplace.visualstudio.com/items?itemName=TheUMLetTeam.umlet

【3】Draw.io

* 以下の関連記事を参照のこと

図作成ツール / サイト ~ Draw.io(Desktop) / LucidChart ~
https://dk521123.hatenablog.com/entry/2019/11/21/223833

【4】Miro

* 詳細は、以下の関連記事を参照のこと

Miro
https://dk521123.hatenablog.com/entry/2023/01/31/124749

参考文献

https://dev.classmethod.jp/articles/drawing_tools/

関連記事

図作成ツール / サイト ~ Draw.io(Desktop) / LucidChart ~
https://dk521123.hatenablog.com/entry/2019/11/21/223833
ER図生成ツール ~ SchemaSpy ~
https://dk521123.hatenablog.com/entry/2023/06/29/234745
クラス図
https://dk521123.hatenablog.com/entry/2010/02/08/012637
Miro
https://dk521123.hatenablog.com/entry/2023/01/31/124749