■ はじめに
クラス図を書くためにUMLetを使い始めたのでメモ
目次
【1】UML Sequence Diagram Online Tool 【2】UMLet 【3】Draw.io 【4】Miro
【1】UML Sequence Diagram Online Tool
* 以下のサイトにアクセスするとシーケンス図を作成できる
1)使い方
* まずは、以下を読むのがいいかも。
https://qiita.com/yucatio/items/507549bb3c48d73cbdab
* 更に、細かいことは以下のHelpを参照してもいいかも。
https://sequencediagram.org/instructions.html
2)サンプル
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のプラグイン版
* ファイル拡張子は、*.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