実験くん（jsPlumbでAWSの構成を可視化）の記事でEC2まわりの構成の視覚化をしましたが、
今回はさらに発展させて、EC2まわりのサービスの結合をしてみました。
・実施内容
- EC2、SGに加え、ELB、EBSのサービスを追加しました
- サービスはDrag&Dropで移動できます
- 移動した位置はCookieで記憶しています
- 各サービスの中見出しはアコーディオンです
- 参照だけではなく、実際のサービス接続を操作できます
- EC2とELB,EBSの間は未使用端点からのDrag&Dropで結合ができます
- コネクタをダブルクリックするとサービス結合を切断します
今回は、ソースの量が多くなってしまったので割愛して、実際に操作したところを
スクリーンキャストで紹介したいと思います。
vimeoのサイトで直接みるとHD画質で再生できます。
AWS Plug by jQuery
http://vimeo.com/32302745
思った以上に構成がわかりやすくなり、操作も直感的にできたかと思います。
さらに調整してみたら面白い事になりそうです。
こちらの記事はなかの人（memorycraft）監修のもと掲載しています。
元記事は、こちら
