Mac + Atom + PlantUMLの環境構築

MacでPlantUMLを使いたくなったので、環境構築をします！

PlantUMLとは？

テキストベースでUMLを描けるツールです。
例えば、ユースケース図を描きたい場合は、こんな感じになります。
テキストファイルの拡張子は「pu」です。

ユースケース図.pu

@startuml
left to right direction
skinparam packageStyle rectangle
actor 一般ユーザー
actor 管理者
rectangle 勤怠システム {
  一般ユーザー -- (勤怠入力・参照)
  (勤怠入力・参照) -- 管理者
  (ユーザー情報更新・参照) -- 管理者
  (勤怠一括エクセル出力) -- 管理者
}
@enduml

ユースケース図

環境

インストール項目

・Java
・Atom
・graphviz
・plantuml
・Atomパッケージ(plantuml-preview,language-plantuml)

JavaとAtomのインストール

ご自由にお願いします。

graphvizとplantumlのインストール

brew install graphviz
brew install plantuml

Atomパッケージのインストールと設定

Atom→Preferencesを選択。

Settings→Installを選択。

plantuml-preview、language-plantumlでそれぞれ検索し、インストールする。


puファイルを開き、Packages→PlantUML Preview→Toggleでプレビューを表示する。

「plantuml.jar is not a file.」のエラーが出ので、「Open Package Settings」を選択。

ターミナルで以下のplantuml.jarの場所「/usr/local/Cellar/plantuml/1.2021.0/libexec/plantuml.jar」をコピーする

ターミナル

$ which plantuml
/usr/local/bin/plantuml
$ cat /usr/local/bin/plantuml
# !/bin/bash
if [[ "$*" != *"-gui"* ]]; then
  VMARGS="-Djava.awt.headless=true"
fi
GRAPHVIZ_DOT="/usr/local/opt/graphviz/bin/dot" exec "/usr/local/opt/openjdk/bin/java" $VMARGS -jar /usr/local/Cellar/plantuml/1.2021.0/libexec/plantuml.jar "$@"

plantuml-previewのSettingsの「PlantUML Jar」の項目に貼り付ける。

もう一度実行すると、プレビューが表示されるようになります。

参考

https://qiita.com/aminevsky/items/c77b13e4ec6db230ea60
https://springwell.hatenablog.com/entry/2018/05/21/075829
PlantUMLの使い方