Web/DB プログラミング徹底解説

ホーム > JavaScript プログラミング > 無料で使える JavaScript/CSS の最小化ツール7選 ~ 2009年12月版

無料で使える JavaScript/CSS の最小化ツール7選 ~ 2009年12月版

スポンサーリンク

JavaScript や CSS の最小化とは、無駄なスペースを削除するなどして、ファイルサイズを小さくすることを言います。

JavaScript を公開する時には、無駄なトラフィックを減らし快適なブラウジングを可能とするために、 最小化を実施することが大変望ましいです。

ここでは、JavaScript の最小化ツールを7個紹介します。中には CSS も最小化可能であるツールもあります。

ぜひ参考にしてください。

#ツール
1 JSMin

JavaScript の Guru、ダグラス・クロックフォード氏の最小化ツールです。JavaScript のみの最小化を行います。

JSMin のサイトからは C 言語のソース、Windows 用のバイナリファイルがダウンロード可能です。また、PHP、Perl、C#、Java、Python、OCAML、Ruby へポートされた版へのリンクもあります。

Windows を使っている人は、パスの通っているディレクトリに jsmin.exe を配置して、 コマンドプロンプトから最小化を実施すればよいでしょう。

>jsmin < test.js > test-min.js

>

このコマンドでは、test.js というスクリプトを最小化して、test-min.js という名前で保存しています。

尚、ダグラス・クロックフォード氏は 『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』 の著者で JSON の生みの親です。

薄くて読みやすい良書です。

2 packer

JavaScript の最小化を行う、オンラインツールです。

変数名を短くするオプションもあります。Shrink variables というオプションをチェックすると、変数名が短く書き換えられます。

変数名のシュリンクを行う例は次の通りです。

入力がこのようなコードの場合...

function foo(thisisalongname){
    alert( thisisalongname );
}

結果が次のようになります。

function foo(a){alert(a)}

thisisalongname という長い変数名が、a という一文字に置き換えられています。

3 YUI Compressor

JavaScript、CSS 両方に対応した最小化ツールです。

安全に、圧縮率を高めることを目指して、米国 Yahoo! によって開発されています。

ツールの使い方については当サイトの YUI Compressor を使って Script と CSS を最小化する方法 を参考にしてください。

4 JSCompress (JavaScript Compression Tool)

JavaScript の最小化オンラインツールです。JSMin または Packer のいずれかの方法を選択可能です。

ファイルのアップロード、ダウンロードに対応しています。

5 JSO - JavaScript Optimizer

JavaScript 及び CSS の最適化ツールです。ファイルのマージ、最小化、リファクタリングを行います。

Java Servlet に組み込んで利用します。

6 Digitaloverload JavaScript Minifier

JavaScript のオンライン最小化ツールです。JSMin の PHP ポート版を利用しています。

JavaScript ファイルをアップロードして、テキストエリアに出力するか、ファイルのダウンロードが可能です。

7 ShrinkSafe

Dojo プロジェクトで使用されている最小化ツールです。

最小化以外の、ウェブサイトの最適化については 海外ホスティング入門 - サイトの最適化方法 にまとまっています。

スポンサーリンク