Ajax Minifier実際に実行してみよう

それでは、実際にJavaScriptを縮小化してみましょう。対象のサンプルコードは次の通りです。

読み込むコード(sample.js)

//足し算
function Add(number1, member2)
{
    return number1 + member2;
}

//メッセージ表示
function ShowMessage(nouse)
{
    var msg = "over \"10!\"";
    alert(msg);
}

/* 数字を足した結果が10より大きい場合はメッセージ表示 */
var num1 = 5;
var num2 = 7;
var sum = Add(num1,num2);
if ( sum > 10 )
{
    ShowMessage();
}

まず、コマンドプロンプトでJavaScriptファイルが存在する場所に移動します。それから、AjaxMin.exeを実行します。

AjaxMin.exeを実行

c:\js>ajaxmin.exe sample.js -out sample.min.js

sample.jsが読み込まれ、sample.min.jsが出力されます。

出力されたコード(sample.min.js)　※実際は1行

function Add(b,a){return b+a}
function ShowMessage(){var a='over "10!"';alert(a)}
var num1=5,num2=7,sum=Add(num1,num2);sum>10&&ShowMessage()

Ajax Minifierによって、不要なコメント・空白・括弧の削除、関数の変更などが行われました。このサンプルの場合、370バイトから138バイトへと圧縮されました(約37%)。