Alibaba CloudでCADT(Cloud Architect Design Tools)を使ってみる #1

# CADTとは

Alibaba Cloudでクラウドアプリケーションのアーキテクチャをユーザーが自己管理するためのWebツールだ。これ自体は無償で提供されている。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/665f6250-5adb-ba46-b3a7-67a54e085de2.png)

[Cloud Architect Design Tools (CADT)](https://www.alibabacloud.com/ja/product/cadt)

アーキテクチャをWYSIWYG(見たままに)で扱えるというのが大きな特徴の1つだが、単に可視化・実体化できるだけではないらしい。クラウドの設計から構築、運用管理までもこのツール起点におこなえる。それによってクラウドの導入や移行が容易になり、学習コストひいては時間コストを削減できる、というのがメインコンセプトのようだ。

クラウド利用に課題を抱える中小企業などを主なターゲットユーザーとして据えていることが説明されている。自分も「クラウド導入にあまりお金をかけられない」だとか「詳しい人が社内にいない」といった嘆きはよく耳にするので、そういった顧客を取りこぼすまいという戦略から生まれたプロダクトなのだろうと想像した。

# CADTで何ができるか

ざっと挙げるなら、

- アーキテクチャの作成
- 構成の検証とデプロイ
- ライフサイクルの管理
- コスト算出
- テンプレート機能
- 既存リソースのインポート
- リソースのモニタリングと問題の特定

といったところ。
クラウドアプリケーションのアーキテクチャ設計〜構築〜運用管理までを統合的に扱える。
これらをコーディング不要で叶えられるのなら学習・時間コスト削減という説明には納得だ。

# さっそく使ってみる

CADTを使い始めるにあたっては **Alibaba Cloudのアカウント** が必要となる。

まずは[https://bpstudio.console.aliyun.com/](https://bpstudio.console.aliyun.com/)へアクセスするか、
Alibaba Cloudの管理コンソールから **Cloud Architect Design Tool** を探せばよい。

CADTの初期画面

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/9309bb5b-ec40-d915-57b6-7686d43d2b3b.png)


## Applicationを新規作成する

メニューバーの **Create** → **Application** を選んでいくとツール画面が表示される。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/65263b12-8dd6-bccc-0dbf-b24c3c0971ac.png)

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/96551915-3d32-4a22-3ec0-5e0f7bb9b759.png)

左側のペインから必要な項目を選んでキャンバスに並べていくのが基本の使い方となる。

使い方例のパネルを閉じてしまっても画面右下の **使用指南** をクリックすることで再表示できる。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/de1455e1-bed0-7d4e-6070-89d627328dd0.png)

**[Quick Start → Single Region, Single Zone]** を画面中央へドラッグした。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/ae634a0d-9c64-b89f-3cf2-cc387e675c11.png)

初期状態ではシンガポールリージョン

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/2766bd05-2624-a199-bd07-e207d52e8736.png)

各項目をダブルクリックすることで画面右側に詳細パネルが表示され、それぞれパラメーターを変更できる。
vswitchの詳細パネルについてもAvailability Zoneを選択済み。

※ コンソールの言語設定によってはTokyo (Japan)がap northeast 1表記になるので注意

続けて **[Elastic Compute Service(ECS)]** を配置してみた。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/dcef1f66-72f3-9ef3-6924-4c5df0e50a39.png)

一部ローカライズされていない部分はあるが、言語設定を英語表記へ切り替えれば理解しやすくなると思う。
※ vswitchのAZが未選択だとインスタンスサイズに項目が現れないので注意。

インスタンスのサイズやOSなどはお好みで。
c7a(AMD)インスタンスでFreeBSDを利用したかったのだが現時点でこの組み合わせは有効ではない。今回はc7(Intel)で利用することにした。

ECSの構成を終えて画面右上の **Save** をクリックする。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/ff7bf219-b30b-c50d-5ab6-63e09d49edf8.png)

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/b2ddbe6a-18a0-10e0-43f2-1c0f1efc03e3.png)

新規作成時はApplicationに任意の名前を付けることを求められる(あとから変更可能)。
ここではECSとした。

メニューバーの **Application** → **My Applications** で作成済みのApplicationを一覧できる。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/7650589f-f49a-2911-4d47-5645a9dccafc.png)

先ほど作成したApplicationが表示されている。

## Applicationをデプロイする

編集状態で画面右上の **Deploy Application** をクリックする。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/b8df72c6-7884-b9e9-9f6b-d9256692c163.png)

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/7f2e890d-1c21-c98d-d29a-f0afedaf56d3.png)

設定項目に不備があると教えてくれる。

ディスクのタイプを選びなおして再度**Save** → **Deploy Application**をクリック

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/7cb81e8c-f999-7a31-03af-2467e223493c.png)

構成の自動検証が開始された後、各リソースとそのステータスが一覧表示される。
security_groupは勝手に追加してくれるようだ。

次のステップはCADTで私が最も気に入った点。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/3e141c5f-8578-c251-9107-3bb41fba15f5.png)

時間あたりの価格をリソース別に表示してくれる。
「この構成ならおいくら？」をはっきり示してくれるのはとてもありがたい。

さらに **View Report** をクリックすることでPDF形式の資料が出力される。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/0950f36d-b345-d240-a320-3e89377ac7c4.png)

アーキテクチャ図はもちろん、各リソースとコストの一覧まで詳細な資料が出力される。
ビジネスユースであれば見積もりの補助資料を求められる場合に助かる機能かもしれない。これはナイス。

最終確認ではCloudMonitorの有効化や規約への同意などを求められる。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/608ff805-4675-4f62-59e4-3c1e787edcb3.png)

**Next Step: Pay and Create** → **OK** でデプロイが開始される

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/3668115a-2657-74ee-0d2a-d3ad9b98fdb2.png)

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/99f5158a-0a6f-2e51-858b-16b74309e533.png)

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/c027233d-f871-0397-7547-8b1bd9e20927.png)

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/cd051419-5ba4-ee44-dda8-4fea73ce95b1.png)

デプロイが完了した。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/9027f17c-1b90-8457-1fd7-32300f2dcf9a.png)

ページ下部のResourceから一覧できる。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/d5162ab7-e042-8ecc-5a72-007ed843a3e9.png)

各リソースの詳細もチェック可能だしコンソールへのアクセスも容易だ。

**Export Resource List** で以下のようなCSVも取得できる

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3804814/83441936-95e1-caad-a273-c87918ebad86.png)