[AWS]構成図からAWS環境を自動構築するツール「VisualOps」を触ってみた


こんにちは。
今回は、**「VisualOps」**という、書いた構成図から自動で構築してくれるツールを触ってみようと思います！
これぞクラウド！という感じがして、とてもテンションが上がるツールです。
昔は「Madeiracloud」という名前だったようです。

#1.概要
さくっと概要ですが、VisualOpsでは、こんなことができます！！！

**構成図描いて...**
![013_png.png](https://qiita-image-store.s3.amazonaws.com/0/95380/c2f96498-8226-fee6-3e10-cd7354658231.png)

**ローンチすると...**
![015 2.png](https://qiita-image-store.s3.amazonaws.com/0/95380/46ea5b53-6f34-4c74-ef88-cd9045ffc873.png)

**AWS環境が自動で構築される！！！**
![017 2.png](https://qiita-image-store.s3.amazonaws.com/0/95380/17ba42a1-3748-cb5c-c5a2-cd98ec3dc60f.png)


さらに...
**作成した構成図をPNG、JSON、CloudFormation用フォーマットで出力**することもできます！！

AWSやエンジニア経験が浅い私にとっては夢のようなツールです！

#2.セットアップ
それでは、実際に使っていきます！
VisualOpsのアカウントの登録からAWSのアカウントの紐付けまでやっていきます。

1.[VisualOps公式サイト](https://www.visualops.io/)に接続し、[SignUpFree]をクリックします。
![001.png](https://qiita-image-store.s3.amazonaws.com/0/95380/62da5d3d-bedb-7806-4ff8-7dfd1943c5a1.png)

2.ユーザー名やメールアドレス等必要事項を入力し、[Create Account]をクリックします。
![002.png](https://qiita-image-store.s3.amazonaws.com/0/95380/b2b4257b-74d3-3366-5a9f-2621af0083cc.png)

3.アカウントができましたので、[Get Started]をクリックします。
![003.png](https://qiita-image-store.s3.amazonaws.com/0/95380/a4d62169-0b3f-5179-af9b-377941732ff9.png)

4.ダッシュボード画面が表示されるので、[Create Stack]をクリックします。
![004.png](https://qiita-image-store.s3.amazonaws.com/0/95380/597e37bd-d49d-313a-c07b-67e0f3a1cfca.png)

5.利用するリージョンを選択します。今回は、[Tokyo(ap-northeast-1)]を選択します。
![005.png](https://qiita-image-store.s3.amazonaws.com/0/95380/59ac351f-b997-4949-50b2-162909b439cf.png)

6.[Create Stack]をクリックします。
![006.png](https://qiita-image-store.s3.amazonaws.com/0/95380/01d4f9ec-f806-e805-cd26-7da66775e740.png)

7.構成図が表示されますが、まずは、AWSアカウントとの紐付けを行います。
![007.png](https://qiita-image-store.s3.amazonaws.com/0/95380/a378d4a9-f686-7cbc-d2b3-294ec8bd2fdd.png)

8.画面左上の[My Workspace]-[歯車マーク]をクリックします。
![008.png](https://qiita-image-store.s3.amazonaws.com/0/95380/376f22fe-aa39-0f77-84ee-4e58ce6e54c8.png)

9.[Create Access Credential]をクリックします。
![009.png](https://qiita-image-store.s3.amazonaws.com/0/95380/b45509d8-4509-b80f-8016-24c99c3d30a6.png)

10.[Set up Cloud Access Credential]をクリックします。
![010.png](https://qiita-image-store.s3.amazonaws.com/0/95380/95c743d4-79d8-509d-93fe-97f46ae0b3ef.png)

11.AWSアカウントのクレデンシャル情報を入力し、[Add]を入力します。なるべくルートではなく、IAMで権限を絞った情報の方が望ましいです。今回検証なので、[Power User Access]を付与しています。実環境で利用する場合は、もっと権限絞った方が良いと思います。
![011.png](https://qiita-image-store.s3.amazonaws.com/0/95380/88c8049e-6624-43c1-d0d8-543121f14284.png)

12.これでAWSアカウントの紐付けも完了です。
![012.png](https://qiita-image-store.s3.amazonaws.com/0/95380/4b301e01-059e-d14c-3fed-55d4d3081ff0.png)

#3.構成図作成からAWS自動構成
それでは、構成図を作成していきます。

1.左にあるアイコンを真ん中のスペースにドラック&ドロップして構成図を作成していきます。詳細なパラメータは、右側に表示される部分で設定できます。IPアドレスの設定、SGの設定やルーティングの設定など色々なことが設定することができます。
![022.png](https://qiita-image-store.s3.amazonaws.com/0/95380/5a679f3a-3de9-cfcc-eecc-c6691a256700.png)

2.簡単な構成作ってみました！
![013_png.png](https://qiita-image-store.s3.amazonaws.com/0/95380/8c6dcb90-9aad-d8da-4ad5-d975e6b01164.png)

3.構成図ができたら、[Run Stack]をクリックします。
![023.png](https://qiita-image-store.s3.amazonaws.com/0/95380/d271bdb8-cd44-5a1b-a7fd-db7c6d5e8b56.png)

4.作った構成の見積もり金額が表示されます。特に問題なければ、[Run Stack]をクリックします。
![014.png](https://qiita-image-store.s3.amazonaws.com/0/95380/452f072f-4ee1-5839-1679-e3eeb51d0487.png)

5.AWSへ自動で構成を作成してくれます。
![015 2.png](https://qiita-image-store.s3.amazonaws.com/0/95380/2c843382-dd20-6498-41dc-660a76137661.png)

6.無事完了しました。
![016.png](https://qiita-image-store.s3.amazonaws.com/0/95380/3fc9aaf3-5e9d-223f-902e-c3fd0783f0e0.png)

#4.確認
問題なく、AWS上に構築されていますね。

![017 2.png](https://qiita-image-store.s3.amazonaws.com/0/95380/f3833d24-4b14-bb68-48c4-b889a4527cbb.png)
![018.png](https://qiita-image-store.s3.amazonaws.com/0/95380/456da61b-17d8-553d-cd98-7bb9a8f77a64.png)


#5.その他
作成した構成をPNG、JSON、CloudFormation用フォーマットで出力できます。

![020.png](https://qiita-image-store.s3.amazonaws.com/0/95380/8d9b77cc-f9dd-763d-8c21-c31c1a316442.png)
![019.png](https://qiita-image-store.s3.amazonaws.com/0/95380/c239d486-1112-8486-e032-44640c16308d.png)

以上となります。
ご指摘事項などありましたら、ご連絡お願いします。


#参考

http://dev.classmethod.jp/cloud/aws/visualops-aws/
http://tomyankuns.hatenablog.jp/entry/2013/12/21/212723
http://thebridge.jp/2012/05/china-madeiracloud-cloud-architecture-service

参考にさせていただきました。
ありがとうございます。