実験くん(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