このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン 両方とも次のリビジョン | ||
eclipse:plant-uml [2021/02/11 10:40] y2sunlight [EclipseでPlantUMLを使う] |
eclipse:plant-uml [2021/02/11 15:15] y2sunlight |
||
---|---|---|---|
行 1: | 行 1: | ||
- | > 編集中 | + | ====== EclipseでPlantUMLを使いER図を作成する |
- | + | ||
- | ----- | + | |
- | + | ||
- | ====== EclipseでPlantUMLを使う ====== | + | |
Eclipse Version 2019-12 \\ | Eclipse Version 2019-12 \\ | ||
- | PlantUML Plug-in Version | + | PlantUML Plug-in Version |
graphviz Version | graphviz Version | ||
行 18: | 行 14: | ||
* https:// | * https:// | ||
* https:// | * https:// | ||
+ | * https:// | ||
graphviz関連のリンク | graphviz関連のリンク | ||
行 36: | 行 33: | ||
* OfficeSuite 拡張機能 --- LibreOffice Writer, Microsoft Word | * OfficeSuite 拡張機能 --- LibreOffice Writer, Microsoft Word | ||
* その他 --- Google Docs(PlantUML Gizmo), LaTeX(PGF/ | * その他 --- Google Docs(PlantUML Gizmo), LaTeX(PGF/ | ||
+ | |||
+ | 本編では、EclipseでPlantUMLを使ってER図を書くことに主眼を置いていますが、勿論、クラス図、シーケンス図などの他のダイアグラムを書くこともできます。 | ||
----- | ----- | ||
行 66: | 行 65: | ||
stable_windows_10_cmake_Release_x64_graphviz-install-2.46.0-win64.exe | stable_windows_10_cmake_Release_x64_graphviz-install-2.46.0-win64.exe | ||
+ | [{{: | ||
+ | ■ [次へ]を押します。 | ||
+ | [{{: | ||
+ | ■ [同意する]を押します。 | ||
+ | |||
+ | [{{: | ||
+ | ■ GraphvizのPATH環境変数への追加を選択して下さい。(コマンドプロンプトから実行するの必要です)\\ | ||
+ | ■ また、デスクトップアイコンの作成の有無を聞かれるのでお好みで設定して下さい。\\ | ||
+ | ■ [次へ]ボタンを押します。 | ||
+ | |||
+ | [{{: | ||
+ | ■ インストールフォルダを聞かれるのでお好みで設定して下さい。(分からない場合はそのままで)\\ | ||
+ | ■ [次へ]ボタンを押します。。 | ||
+ | |||
+ | [{{: | ||
+ | ■ Graphvizのメニューへの追加について聞かれるのでお好みで設定して下さい。(分からない場合はそのままで)\\ | ||
+ | ■ [インストール]ボタンをを押します。 | ||
+ | ■ インストールが終わったら[完了]ボタンをクリックします。 | ||
+ | |||
+ | \\ | ||
+ | |||
+ | ==== Graphvizのテスト ==== | ||
+ | |||
+ | Graphvizは[[https:// | ||
+ | |||
+ | * http:// | ||
+ | |||
+ | また、Graphvizのコマンドに関する情報は以下をご覧下さい: | ||
+ | |||
+ | * http:// | ||
+ | |||
+ | 適当な場所に以下のDOT言語を '' | ||
+ | |||
+ | {{fa> | ||
+ | <code dot> | ||
+ | graph { | ||
+ | X -- Y | ||
+ | Y -- Z | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ファイルを保存したフォルダで以下のコマンドを実行します: | ||
+ | |||
+ | <code dos> | ||
+ | D:\temp> dot -Tsvg foo.dot -o foo.svg | ||
+ | </ | ||
+ | ■ '' | ||
+ | ■ '' | ||
+ | |||
+ | 結果は以下のようなsvgファイルが出力されます。 | ||
+ | |||
+ | [{{: | ||
\\ | \\ | ||
===== Eclipseプラグインのインストール ===== | ===== Eclipseプラグインのインストール ===== | ||
+ | |||
+ | Eclipseを起動し、[ヘルプ][新規ソフトウェアのインストール]を選択します。 | ||
+ | |||
+ | [{{: | ||
+ | ■ [追加]ボタンをクリックします。 | ||
+ | |||
+ | [{{: | ||
+ | ■ リポジトリの名前とロケーションを入力して[追加]を押します。 | ||
+ | |||
+ | * 名前 --- '' | ||
+ | * ロケーション --- '' | ||
+ | |||
+ | [{{: | ||
+ | ■ 全ての項目を選択し、[次へ]を押します。 | ||
+ | |||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | 以降は画面の指示に従ってインストールを完了して下さい。 | ||
+ | |||
+ | インストールが終了したら、メインメニューの[ウインドウ][設定]をクリックし、左ペインから[PlantUML]を選択します。 | ||
+ | |||
+ | [{{: | ||
+ | ■ graphviz が正しく認識できていれば「**Installation seems OK. File generation OK**」と表示されます。graphviz をデフォルトフォルダ以外にインストールした場合は、ここで指定して下さい。 | ||
\\ | \\ | ||
- | ===== Eclipseからの実行 | + | ===== EclipseでER図を作る |
+ | |||
+ | それでは、EclipseでER図を作ってみます。 | ||
+ | |||
+ | Eclipseで任意のプロジェクトを開き、以下のようなファイルを作ります。 | ||
+ | |||
+ | <code - sample1.txt> | ||
+ | @startuml | ||
+ | Entity01 }|..|| Entity02 | ||
+ | Entity03 }o..o| Entity04 | ||
+ | Entity05 ||--o{ Entity06 | ||
+ | Entity07 |o--|| Entity08 | ||
+ | @enduml | ||
+ | </ | ||
+ | |||
+ | メインメニューの[ウィンドウ][ビューの表示][その他]をクリックし [PlantUML][PlantUML]を選択します。入力したPlantUMLのテキストをアクティブにすると[PlantUML]のビューにER図がプレビューされます。 | ||
+ | |||
+ | [{{: | ||
+ | ■ [PlantUML]のビューの中でマウスを右クリックして[エクスポート]を選択するとファイル(svg/ | ||
+ | |||
+ | 以下は、もう少し複雑なER図の例です。 | ||
+ | |||
+ | <code - sample2.txt> | ||
+ | @startuml | ||
+ | |||
+ | ' hide the spot | ||
+ | hide circle | ||
+ | |||
+ | ' avoid problems with angled crows feet | ||
+ | skinparam linetype ortho | ||
+ | |||
+ | entity " | ||
+ | *e1_id : number << | ||
+ | -- | ||
+ | *name : text | ||
+ | description : text | ||
+ | } | ||
+ | |||
+ | entity " | ||
+ | *e2_id : number << | ||
+ | -- | ||
+ | *e1_id : number << | ||
+ | other_details : text | ||
+ | } | ||
+ | |||
+ | entity " | ||
+ | *e3_id : number << | ||
+ | -- | ||
+ | e1_id : number << | ||
+ | other_details : text | ||
+ | } | ||
+ | |||
+ | e01 ||..o{ e02 | ||
+ | e01 |o..o{ e03 | ||
+ | |||
+ | @enduml | ||
+ | </ | ||
+ | |||
+ | [{{: | ||
+ | |||
+ | PlantUMLによるER図の書き方については、以下を参照して下さい: | ||
+ | |||
+ | * https:// | ||
+ | |||
+ | PlantUMLのER図は、クラス図の派生物的な扱いなので、クラス図に関する書き方がそのまま利用できます。 | ||
+ | |||
+ | * https:// | ||
\\ | \\ | ||