Help us understand the problem. What is going on with this article?

PlantUMLをMac OS Xで使う

PlantUML Preview - Creator 2017-02-15 15-12-30.png

PlantUMLとは?

PlantUMLは「ぷらんとうまる」と読み(1)、UMLのテキスト記述のフォーマット&画像化するツールのことです。

こんな感じのUML画像が、テキストから生成できます。
UMLモデリングとか、エクセルのワードシェイプでなんかやりたくないですよね!
テキストなので、git上で管理もできます。

インストール

brewから出来ます。

brew install graphviz
brew install plantuml

完了です。

適当なエディタでUMLファイルを作ります。

architecture.uml
@startuml 

actor User
participant "First Class" as A
participant "Second Class" as B
participant "Last Class" as C
User -> A: DoWork
activate A
A -> B: Create Request
activate B
B -> C: DoWork
activate C
@enduml

これを・・・
↓↓↓こうして・・・↓↓↓

$ plantuml architecture.uml

↓↓↓こうなる!!!↓↓↓

architecture.uml - Creator 2017-02-15 15-17-09.png

やったー! architecture.png てファイルで出力されました!
これでUMLモデリングができますね!

書き方

アクティビティ図とかシーケンス図とか色々書けます。
このチートシートが一覧できてわかりやすいです。

これで満足しないときは公式の日本語化マニュアル(PDF) に全部載ってるので、詳細な機能も日本語でわかりますな!

その他、PlantUMLを便利に見る方法

以下のあたりでライブプレビューとかができちゃいます。

ほかにもherokuやapacheなんかでも使えます。
これで図が大量生産できる!

スキン変更

見た目が茶色っていうか赤っていうかなので、スキン変更できます。

PlantUML言語リファレンスガイド 2017-02-15 15-03-26.png

詳しく書いてくれている人がいるから 好みの見た目にも変更できますね!

PlantUML Preview - Creator 2017-02-15 15-12-30.png

冒頭に貼ったように、私はピンクで手書き風にしてみました!
この設定は・・・

@startuml 
skinparam backgroundColor pink
skinparam handwritten true

actor User
/' 以下省略... '/

かんたんですねぇ!


  1. 「ぷらんとうまる」ではなく、ほんとうは「ぷらんと・ゆーえむえる」と読むと思います。 

kohashi
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away