`> tech-memo.club Topへ <https://tech-memo.club/>`_

#################
0. PlantUMLとは
#################
PlantUMLは、クラス図やシーケンス図を簡単に作成できるツールです。

＜メリット＞
・「図」をテキストで定義するため、Git等で差分管理できる。

＜デメリット＞
・テキストを元に「図」を自動生成するため、「図」の微調整ができない。

正式な成果物でなければ、ドラフトとして簡単にすばやく作成できるため
とても有効なツールと思っています。

###############
1. インストール
###############

****************************
1-1. PlantUMLのインストール
****************************

1-1-1. VS Codeを開く
===============================
| PlantUMLはVS Code上で動作するため、
| VS Codeがインストールされていない場合は下記を参考にインストールする。
| https://tech-memo.club/vscode/01_install.html

1-1-2. PlantUMLのインストール
===============================

.. image:: ./images/01_install_001.png
    :alt: PlantUMLのインストール

| １．左の「拡張機能」アイコンをクリック
| ２．検索入力欄に「plantuml」と入力して検索
| ３．検索結果の「PlantUML」の「インストール」ボタン押下
| ４．数秒でインストール完了

1-1-2. Javaのインストール
===============================
| PlantUMLで「図」を生成する際に、Javaの実行環境が必要
| 下記URLを開く
| https://www.java.com/ja/

.. image:: ./images/01_install_002.png
    :alt: Javaのインストール

| 「Download Java」ボタン押下

----

.. image:: ./images/01_install_003.png
    :alt: Javaのインストール

| 「Javaのダウンロード」ボタン押下

----

.. image:: ./images/01_install_004.png
    :alt: Javaのインストール

| ダウンロードしたインストーラーを実行し、「インストール」ボタン押下

----

.. image:: ./images/01_install_005.png
    :alt: Javaのインストール中

| 数秒でインストールが完了します。

----

.. image:: ./images/01_install_006.png
    :alt: Javaのインストール完了

| 「閉じる」ボタン押下

1-1-3. Graphviz のインストール
===============================
| Graphviz は図の描画に必要なソフト
| 下記URLを開く
| http://www.graphviz.org/

.. image:: ./images/01_install_007.png
    :alt: Graphvizのダウンロード

| 上部の「Download」アイコンをクリック

----

.. image:: ./images/01_install_008.png
    :alt: Graphvizのインストーラー選択

| 環境に合ったインストーラーのリンクをクリック
| ※ここでは 64-bit で進めます。

----

.. image:: ./images/01_install_009.png
    :alt: Graphvizのインストール開始

| ダウンロードしたインストーラーを実行し、「次へ」ボタン押下

----

.. image:: ./images/01_install_010.png
    :alt: Graphvizのライセンスへの同意

| 「同意する」ボタン押下

----

.. image:: ./images/01_install_011.png
    :alt: Graphvizのインストールオプション

| 「次へ」ボタン押下
| ※デフォルトのまま進めます。

----

.. image:: ./images/01_install_012.png
    :alt: Graphvizのインストール先指定

| 「次へ」ボタン押下
| ※デフォルトのまま進めます。

----

.. image:: ./images/01_install_013.png
    :alt: Graphvizのインストール実行

| 「インストール」ボタン押下
| ※デフォルトのまま進めます。

----

.. image:: ./images/01_install_014.png
    :alt: Graphvizのインストール完了

| 「完了」ボタン押下

`> tech-memo.club Topへ <https://tech-memo.club/>`_