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

エクセルでUMLを頑張るのはもう辞めよう!テキストベースでUMLが書ける♪

More than 3 years have passed since last update.

概要

エクセルでUML図やフロー図を書くのがもー嫌で嫌で代替え案を探していました。
http://hige-sun.net/plantuml-on-atom/
こちらの記事を参考に(というかまるっと)追ってやった時のメモです。

前提

  • Mac
  • Atomがインストールされていること
  • javaがインストールされていること

plantUMLインストール

ココからPlantUML compiled Jarをダウンロードする
ダウンロードしたファイルplantuml.jarは、PlantUMLファイルを画像化する時に使います。

Atom pluginインストールと設定

atom pluginインストール

  • plantuml-viewer
  • language-plantuml

plantuml-viewer plugin設定

  • Charsetutf8にすること
  • 再起動(自分は再起動しないとViewが表示されませんでした)

サンプルコード

sample.pu
@startuml{you&i.png} 
you -> I : hello
I -> you : hello
|||
loop 1, 3
  you -> I : shall we dance?
end
|||
you <- I : sure, my pleasure♡
note right: oh! handsome guy♪
@enduml

ビューを表示する

Control+option+pでViewを表示する
スクリーンショット 2016-11-30 午後0.03.59.png

platUMLファイルを画像化する

java -jar plantuml.jar file/sample.pu

you&i.png画像ファイルができる

Why do not you register as a user and use Qiita more conveniently?
  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
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  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