実験くん(jsPlumbでAWSの構成を可視化)の記事でEC2まわりの構成の視覚化をしましたが、 今回はさらに発展させて、EC2まわりのサービスの結合をしてみました。 ・実施内容 EC2、SGに加え、ELB、EBSのサービスを追加しました サービスはDrag&Dropで移動できます 移動した位置はCookieで記憶しています 各サービスの中見出しはアコーディオンです 参照だけではなく、実際のサービス接続を操作できます EC2とELB,EBSの間は未使用端点からのDrag&Dropで結合ができます コネクタをダブルクリックするとサービス結合を切断します 今回は、ソースの量が多くなってしまったので割愛して、実際に操作したところを スクリーンキャストで紹介したいと思います。 vimeoのサイトで直接みるとHD画質で再生できます。 AWS Plug by jQuery http://vimeo.c
![cloudpackブログ - 実験くん(jQueryでグラフィカルEC2コンソール)](https://cdn-ak-scissors.b.st-hatena.com/image/square/377a9c51a86d20c871561f0ba1caf65409e4f7f2/height=288;version=1;width=512/https%3A%2F%2Firet.media%2Fwp-content%2Fthemes%2Fclp_media%2Fimg%2Fcommon%2Fogp-thumbnail_1200x630.png%3F135792468)