最終更新日: 2018-01-21 日 17:57
ホーム | 文書トップ | 目次

IntelliJ IDEA PlantUMLの図を描く

Table of Contents

プロジェクトの作成

IntelliJ IDEA を起動する

"Create New Project" をクリック

use_puml01.png

空のプロジェクトを作成する

"Empty Project"を選び、"Next"

use_puml02.png

プロジェクト名を入力

プロジェクト位置(ディレクトリ)と名前を入力して"Finish"

use_puml13.png

ディレクトリの作成

ディレクトリが存在しなければ作成される

use_puml14.png

Project Structure

IntelliJの"Project"はワークスペース的なものであり、 作業する際には、もう一つ下層の単位として"Module"を作成する必要がある。

"+"(Add)をクリックし、"Import Module"を選ぶ。

("New module"を選びたいところだが、SDKが無いので空ディレクトリをImportする形で作成する)

use_puml17.png

フォルダを作成

フォルダアイコン"New Folder"をクリックし、プロジェクトディレクトリの下にディレクトリを作成し、 このディレクトリを選択して、"OK"

use_puml18.png

ここでは"diagrams"ディレクトリを作成し、これを選択する。

use_puml19.png

このまま Next

use_puml20.png

このまま Next

use_puml21.png

Finish

use_puml22.png

OK

use_puml23.png

図(Diagram)の作成

テンプレートの呼び出し

Module を右クリックして"New"からDiagramのテンプレートを選択できる。

クラス図を選択する場合

use_puml24.png

ソースファイルが表示されない場合の対処方法

※ちょっとしたバグなのか、下のように、ソースファイルが表示されずに画像(図)だけ表示される状態になることがある。 ソースファイルのウィンドウは隠れているだけなので、左側の縦棒を右側にドラッグするか、 右上の"Hide"をクリックして再度開くことでソースファイルと画像を同時に表示できる。

use_puml25.png

図のサンプル

クラス図

use_puml26.png

アクティビティ図

use_puml27.png

コンポーネント図

use_puml28.png

シーケンス図

use_puml29.png

ステートマシン図

use_puml30.png

ユースケース図

use_puml31.png

Salt Wireframe図

※これってUML?

use_puml32.png

ホーム | 文書トップ | 目次
Created by Emacs 27.1 (Org mode 9.3)