VSCode PlantUML

目次

FrontPage
・Windows11
・Chromebook
・Random
・機械学習
・さくらVPS
・Fedora13
・SuSe10
・Docker
・Ansible
・Java
・Scala
・Python
・Ruby
・Lisp
・Computer
・GIS
・HTML
・Culture
・Link

訪問者

total: 6482
today: 3
yesterday: 3
now: 10

更新

最新の10件

人気の10件

MenuBar

PlantUML のインストール †

• VSCode 1.11
• PlantUML 1.4.0 (VSCode plugin)
• JavaとGraphvizが必要

  $ sudo apt install default-jdk-headless graphviz

作ることができるUML †

• シーケンス図 / Sequence diagram
• ユースケース図 / Usecase diagram
• クラス図 / Class diagram
• アクティビティ図 / Activity diagram
• コンポーネント図 / Component diagram
• 状態遷移図 / State diagram
• オブジェクト図 / Object diagram

UMLの作成方法 †

• UMLの拡張子は *.pu

  @startuml
  title シーケンス図
  アリス -> ボブ: リクエスト
  ボブ --> アリス: レスポンス
  @enduml
  

• プレビュー Alt+D
• 画像化 [右クリック]-[Export Current Diagram]

各ダイアグラム †

http://plantuml.com/ja/index

シーケンス図 †

@startuml
Title Sequence Diagram
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
@enduml

ユースケース図 †

@startuml
left to right direction
skinparam packageStyle rectangle
actor customer
actor clerk
rectangle checkout {
  customer -- (checkout)
  (checkout) .> (payment) : include
  (help) .> (checkout) : extends
  (checkout) -- clerk
}
@enduml

クラス図 †

@startuml
class Student {
  Name
}
Student "0..*" - "1..*" Course
(Student, Course) .. Enrollment

class Enrollment {
  drop()
  cancel()
}
@enduml

アクティビティ図 †

@startuml
(*) --> "Initialization"

if "Some Test" then
  -->[true] "Some Activity"
  --> "Another activity"
  -right-> (*)
else
  ->[false] "Something else"
  -->[Ending process] (*)
endif

@enduml

ステートチャート図 †

@startuml

[*] --> NotShooting

state "Not Shooting State" as NotShooting {
  state "Idle mode" as Idle
  state "Configuring mode" as Configuring
  [*] --> Idle
  Idle --> Configuring : EvConfig
  Configuring --> Idle : EvConfig
}

note right of NotShooting : This is a note on a composite state

@enduml

VSCode