はじめに
こんにちは。技術三課の三木です。
何気ない発見って、ちょっとウキウキしますよね。
最近、近所を散歩してて初めて彼岸花を発見しました。
www.google.co.jp
赤くてきれいな花なのですが、葉が無いのです。
5分は道端に立って眺めていたと思います。
なんとも表現しがたい、不思議な魅力を感じました。
AWS Perspective
さて、今回はAWS Perspectiveについてです。
構築方法はこちらの記事を参照ください。
AWS Perspectiveとは
AWS Perspectiveはアーキテクチャ図を自動で作成してくれるものです
PowerPointやExcelで書くことに辟易としているあなたに、ぴったりかもしれません
特にクラウドは構成が変更されがちで、都度都度構成図を変更するのは中々手間がかかります
この点、Perspectiveは常に最新の情報を反映してくれるため、構成図にリソースを追加するときもほぼワンクリックで行うことが出来ます
aws.amazon.com
操作方法
今回の為に、Beanstalkで環境を作成してみました
標準的なVPC(InternetGatewayと2つのSubnetを持つVPC)を作成して、そこにBeanstalkでデプロイしています
リソースは以下の通り
- EC2…4台(Auto Scaling)
- ELB…1台
- RDS…1台
まず、PerspectiveでEC2インスタンスを指定します
今回構築しているインスタンスIDを選択してみる…
![f:id:swx-miki:20201007174936p:plain f:id:swx-miki:20201007174936p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007174936.png)
おっ、なんかいい感じ……と言えなくもないような図が出てきました
(欲を言えば線が重なってほしくないんですが、まあ見えない事は無いですね!)
- 中央にあるのがEC2とNIC
- 上にあるのがEBSボリューム
- 左にあるのがELB
- 下にあるのがSecurity Groupとタグ
![f:id:swx-miki:20201007175459p:plain f:id:swx-miki:20201007175459p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007175459.png)
同じように、このBeanstalk環境を構成している他のEC2とELB、それからRDSを選択してみましょう
ポチポチっとな
![f:id:swx-miki:20201007175701p:plain f:id:swx-miki:20201007175701p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007175701.png)
…おやおや。困りましたね。線が重なりすぎていて、とても見えづらいです
何が悪いかな?と下にスクロールしてみると、タグから伸びてる線が大量です
今回は構成図が欲しいので、タグは不要かな~
![f:id:swx-miki:20201007175811p:plain f:id:swx-miki:20201007175811p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007175811.png)
こんな時は左ペインにある"Filters"からフィルタしちゃいましょう
![f:id:swx-miki:20201007175912p:plain f:id:swx-miki:20201007175912p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007175912.png)
今回はタグを非表示にしたいので、"tag"で検索して、チェックを入れます
![f:id:swx-miki:20201007175957p:plain f:id:swx-miki:20201007175957p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007175957.png)
はい、線が割ときれいになりました!
![f:id:swx-miki:20201007180042p:plain f:id:swx-miki:20201007180042p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007180042.png)
ただ、全体的に縦長で見づらいので、位置を少し動かしてみます。
これらのリソースは、線で囲まれている単位で動かすことが出来ます。
![f:id:swx-miki:20201007180244p:plain f:id:swx-miki:20201007180244p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007180244.png)
![f:id:swx-miki:20201007180332p:plain f:id:swx-miki:20201007180332p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007180332.png)
画面には収まるようになってきましたが、まだごちゃごちゃしてますね
![f:id:swx-miki:20201007180839p:plain f:id:swx-miki:20201007180839p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007180839.png)
今回の構成図には、IAM RoleやSGはのせないことにします
特定のリソースだけを消す方法もあります。 右クリックでRemove!
枠ごとRemoveすることもできます
![f:id:swx-miki:20201007180955p:plain f:id:swx-miki:20201007180955p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007180955.png)
![f:id:swx-miki:20201007181059p:plain f:id:swx-miki:20201007181059p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007181059.png)
フィルタとリムーブの相違点は、以後追加するリソースに適用するかどうかです
フィルタをかけた場合、以後リソースを追加してもフィルタ対象のものは表示されなくなります
(一旦表示されてからフィルタがかかるので、妙な空白も生まれます)
![f:id:swx-miki:20201007181452p:plain f:id:swx-miki:20201007181452p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007181452.png)
こちらが整理後の構成図です
割と見やすくなりました
![f:id:swx-miki:20201007182351p:plain f:id:swx-miki:20201007182351p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007182351.png)
この構成図をファイルにエクスポートすることもできます
左ペインからExportを選択すると、出力形式を選択することが出来ます
![f:id:swx-miki:20201007185028p:plain f:id:swx-miki:20201007185028p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007185028.png)
実際にPNG形式で出力してみました
![f:id:swx-miki:20201007185807p:plain f:id:swx-miki:20201007185807p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007185807.png)
最後に、この構成を保存しておきましょう
左ペインのManageを押すと、保存することが出来ます
※デザインが綺麗に保存できる時と出来ないときがあるようです
出来るだけこまめに保存するようにしてみてください
![f:id:swx-miki:20201007182806p:plain f:id:swx-miki:20201007182806p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007182806.png)
![f:id:swx-miki:20201007182939p:plain f:id:swx-miki:20201007182939p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007182939.png)
料金
利用料金は環境によって変わると思いますが、私の環境では毎日数十ドル発生しました
検証目的で利用される方は、削除忘れにご注意を…
トラブルシューティング
原因はよく分からないのですが、私は以下のトラブルが発生しました こういう事象が発生した時は、"Raise an issue"から報告してくださいね!
![f:id:swx-miki:20201007184334p:plain f:id:swx-miki:20201007184334p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-miki/20201007/20201007184334.png)
- Tagフィルタをかけている状態で、EC2 Instanceを複数選択すると画面がホワイトアウトする
- F5更新で解決します ただ、(当然のことながら)保存されないことにご注意ください
- Architecture Diagramsを保存する際、正確に保存されない
- せっかくきれいに整えた線が、クロスしてたりリソースがぶっとんだ位置にあったり…
- こまめに保存することで回避可能です
いかがでしたでしょうか?
皆様のお役に立てれば幸いです
関連動画
また、Perspectiveについては下記動画でも紹介しております。よければ合わせてご確認ください!
【AWS UPDATE】AWS Perspectiveを発表 (2020/9/22 発表) #030
三木 宏昭 (執筆記事の一覧)
クラウドインテグレーション部 技術1課
紅茶と親子丼とAWSが好き
2021年の目標:毎日リングフィットアドベンチャーのコントローラーを持つ
2021 APN ALL AWS Certifications Engineers