PlantUMLとAtomで バージョン管理可能な UMLを書いてみよう

Transcript

1. PlantUMLとAtomで バージョン管理可能な UMLを書いてみよう 2017/08/27 Symfony Meetup #17 th1209
3. ちゃんと設計やっていますか?
4. ちゃんと設計やっていますか? 普段からUML書いてますか?
5. 今日のテーマ ☓ PlantUML Atom
6. 環境構築 Java plantuml.jar Atom plantuml-viewer Graphviz 　　
9. @startuml{class_example.png} … title クラス図(Mediatorパターン) ... @enduml
11. @startuml{class_example.png} ... class Chatroom { - colleagues: ArrayList + void addColleague(colleague:Colleague) } ... @enduml
13. @startuml{class_example.png} ... Mediator <|.. Chatroom Colleague <|.. User Chatroom *-- User User *-- Chatroom ... @enduml
16. @startuml{class_example.png} ... actor client participant "chatroom:Chatroom" as chatroom participant "alice:User" as alice participant "bob:User" as bob ... @enduml
18. @startuml{class_example.png} ... client -> chatroom : construct() activate chatroom ... @enduml
20. @startuml{class_example.png} ... loop Userインスタンスの数だけ繰り返す ... end group メッセージの通知 ... end ... @enduml
21. プルリク上での共有 1. 以下コマンドで画像化して... 2. プルリクページ上に貼り付け！ java -jar (jar_file_path)/plantuml.jar (plant_uml_file)
22. 参考 [Qiita AtomとPlantUMLで爆速UMLモデリング](http://qiita.com/nakahashi/items/3d88655f055ca6a2617c) ・ Windows環境での導入記事。 [Qiita テキスト入力でUMLをライブプレビューしてくれるツール（ plantuml-viewer:Atomプラグイ ン）](http://qiita.com/mas821/items/7932c983783ffc4f9c83) ・ Mac環境での導入記事。 [Qiita PlantUML Cheat Sheet](http://qiita.com/ogomr/items/0b5c4de7f38fd1482a48) ・ 各UMLでの基本的な書き方について説明されています。 [PlantUML Language specification](http://plantuml.com/sitemap-language-specification) ・ 公式ドキュメント。詳細な書き方はここを参照されると良いかと思います。 [IT専科 UML入門](http://www.itsenka.com/contents/development/uml/) ・UML自体の書き方は、こちらのページの解説が丁寧です。
23. まとめ GOOD ・簡単に使える(環境構築・DSL記述の敷居が低い) ・github etc でバージョン管理できる! BAD ・可視化・共同編集に一手間(修正毎に画像化する必要があるため)。