PlantUMLとMermaidでシステム構成図を書く
code:uml
@startuml
actor user as u
cloud AWS {
node LoadBalancer as lb
node Application as app1
node Application as app2
database DB as db
}
u -down-> lb
lb -down-> app1
lb -down-> app2
app1 -down-> db
app2 -down-> db
@enduml
https://gyazo.com/9524e49139ff38168c70869b7c8d7147
PlantUMLではa -down-> bという風に矢印に方向を記述するが、MermaidではTD (Top to Down)で方向を定義すると全てその方向性になる
PlantUMLほど図形の種類が豊富ではない
code:mermaid
flowchart TD
uUser --> lb{LoadBalancer} subgraph AWS
app2 --> db
end
https://scrapbox.io/files/620ba3d5cbfdd9001fbed81b.svg