こんにちは。CUPA荒井です。
巷では正月休みということですが、こちらはようやく仕事納め？という感じです。

今日はCloudStack Advent Calendarネタ(かなり遅れてますが、、)も兼ねてCloudStack GUIをカスタマイズする上で、知っておいて損のないツールを説明します。
Cloudstackをサービスとして使い始めると特定のメニューを消したい、追加したい、操作を制限したいなど思うことがあります。この場合にはCloudStackのJavaScriptファイルをいじることになります。

CloudStackのGUIを編集するにあたりこれから紹介するようなツールを使うか使わないかで大きく生産性が変わるので、最低限知っておきたいツールを紹介します。

Firebug

Web開発者であれば押さえて置かないと行けないツール(だと自分は思っている）のですが、インフラエンジニアも入れておくと非常に便利なツールです。

インストール方法：
FirebugはFirefoxのaddonなので簡単にインストールすることが可能です。
以下のサイトからダウンロードを選択し、手順通りクリックするだけでインストールできます。
https://addons.mozilla.org/ja/firefox/addon/firebug/

インストールするとFixfoxの右上に「虫」のアイコンが現れるので、こちらをクリックするだけで起動できます。

CloudStackでの主な使い方：

「スクリプト」タブにて各JavaScript(js)ファイルの内容を確認し、デバッグを行うことができます。
「ネット」タブにてブラウザとMSサーバのAPI発行とそのリクエスト／レスポンンス内容を確認することができます。
エラー応答やCloudStackの応答が遅いなどの問題の切り分けに非常に重宝します。

ここで紹介するのはほんの一部でFirebugには非常に豊富な機能があります。是非インストールしておくことを奨励します。

Charles Proxy

HTTP Proxyとして動作し、その通信内容を表示できる他、
指定したファイルを書き換える等の機能ももっています。

インストール方法：
こちらも各OS毎のパッケージが提供されているのでインストールは非常に簡単です。以下のHPよりDownloadを選択し、利用しているOSに併せたパッケージをインストールしましょう。
http://www.charlesproxy.com/

インストールしたら Charles Proxy を起動します。
起動後、ブラウザのProxy設定にて Charles Proxy のポート(デフォルトでは 8888)を指定します。

この状態でブラウザで通常どおりアクセスを行うだけで、通信内容がCharles Proxyによって解析され表示されるようになります。

さらに特定のファイルを置換えることも可能です、
以下の例では CloudStack のロゴをローカルのものと置換えています。

ロゴが変換され、僕と契約して（以下略

上記は画像ファイルですが、同様に JavaSciprtファイルも指定することも可能です。こうすることで、サーバ上のファイルを変更することなく、JavaScriptファイルの改変内容をチェックし、動的にデバッグすることが可能になります。

是非皆さんも ~~僕と契約してCloudStackユーザに~~ これらのツールを利用して環境に適した CloudStackを作りましょう！