【Windows10】Graphvizのインストール

GraphvizはWindowsではコマンドでインストールできないため、手間だが以下のようにすることでインストールに成功しました。

この記事は2020年5月現在のものです。
公式サイトの構造などは変化する可能性があるので最新の情報を参照願います。

# プログラムのダウンロード

最新のプログラムは、公式サイト経由でAppVeyorからダウンロードする。

1. まず、公式サイトにアクセスし上部から「Download」を選択。
![Graphviz.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/ccd4b9dc-44c3-1118-f037-c62028cd8d2f.png)

2. ページ中程の「Stable X.X Windows install packages」を選択。
(X.Xは「Graphviz」のバージョン番号)
![Graphviz2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/602a07ad-b71f-e7e0-8ee6-5bac325aed8d.png)

3. 「Environment: build_system=msbuild; Configuration: Release」をクリック
![Graphviz3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/68adb8c2-4c26-d663-4273-59cd3ef3823b.png)

4. 「Artifacts」を選択。
![Graphviz4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/6520e3f6-7d9f-004a-6212-660adbbed29f.png)

5. 「graphviz-windows.zip」を選択するとダウンロードが行える。
適当なフォルダにダウンロードし解凍しておく。
![Graphviz5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/53581361-7bc3-e40a-8081-58269d2e6e18.png)

# パスの設定

解凍した「Graphviz」フォルダにパスを通す。
パスを通していない状態では「Graphviz」の関連コマンドが使用できない。

1. 具体的にはまず、スタートボタンを右クリックし、そのメニューから「システム」を選択する。
![Graphviz6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/3adcb275-7e1d-5c9d-d926-af279261d00f.png)

2. 右側の「システム情報」をクリック。
![Graphviz7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/25634b74-379e-ae2e-1a7a-ccc6181e96df.png)

3. 左側の「システムの詳細設定」をクリック。
![Graphviz8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/7966fcab-2a78-9f26-8865-0971ce412196.png)

4. 「システムのプロパティ」が表示されるので、下の方にある「環境変数」をクリック。
![Graphviz9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/eb116a6f-1ae3-e019-62b9-ea4b68cf8d26.png)

5. 「環境変数」のフォームが表示される。
このフォームの「(ユーザー名)のユーザー環境変数」のリスト中に「Path」という項目があるかどうかを確認する。
「Path」がある場合は「【手順A】「Path」の編集」へ。
「Path」がない場合は「【手順B】「Path」の追加」へ。

## 【手順A】「Path」の編集

1. 「(ユーザー名)のユーザー環境変数」の中から「Path」を選択し、「編集」をクリック。
![Graphviz10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/e65e34e3-e9af-3d55-3999-25c1f168187d.png)

2. 「環境変数名の編集」の表示になるので、「新規」をクリック。
![Graphviz11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/b80aea76-6866-243f-e27c-2156b2c6b83b.png)

3. 先程ダウンロード・解凍した「Graphviz」フォルダの中にある「bin」フォルダのパスを入力する。
これでパスの設定は完了となる。
![Graphviz14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/6d63bc36-2268-4778-85eb-7c65b41bdbec.png)

## 【手順B】「Path」の追加

「(ユーザー名)のユーザー環境変数」の下にある「新規」を選択し、「新しいユーザー変数」のダイアログボックスを表示させる。
このダイアログボックスの「変数名」の欄に「Path」を入力する。
次に「変数値」の欄に、先程ダウンロード・解凍した「Graphviz」フォルダの中にある「bin」フォルダのパスを入力する。
入力が終わったら「OK」を選択して終了する。
これでパスの設定は完了となる。
![Graphviz13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/8295a332-4d85-3e1b-c2c4-52119c03d728.png)

# インストールされたことの確認

**Git bash**またはコマンドプロンプトなどで、'dot -V'を実行し、バージョン番号が表示されていることを確認しよう。
バージョン番号が表示された場合、インストール完了となる。
![Graphviz12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/2582e5e0-f40d-a9c0-0d8b-f9fb84501c10.png)

# サンプルの実行

1. 下記のようなサンプルファイルを用意する。

```DOT:sample.dot
digraph g{
x
y
}
```

2. その後、ファイルを保存したディレクトリにcdし、下記コマンドを実行する。

```shell:bash
$ dot sample.dot -T png -o sample.png
```

3. コマンドを実行したディレクトリにグラフ画像が出力される。
![test.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/633415/d4c132ff-b162-ada4-e555-a53758a136c5.png)