Edited at

【CSS/JS】ファイルを圧縮する三大手法

More than 1 year has passed since last update.


自分の使い方

自分はフロントは個人の趣味で開発することが多いので、「2. Sublime Text使っているならならコレ」で紹介しているように、Sublime Text 3に、有名なYUI Compressorをいれて圧縮しちゃっています。

ただし、中規模以上の開発であったり、中長期的な開発であれば、個人の場合でもGruntを使用するので、「自動でやりたいならコレ」で紹介している手法を用います。ただし、Gruntは結構自分のPCのマシンパワーでフルに使うと重かったりするので、公開するプラグインを作成している場合や、ブログといった場合などには使いますが、チュートリアルや、ちょろっとしたティザーサイトなどはYUI Compressorで済ませちゃっています。


1. オンラインならコレ


Online JavaScript/CSS Compressor

ブックマークにしておいて損はないと思います。

自分はSublimeに入れているのであんまり使いませんが。。。


2. Sublime Text使っているならならコレ


YUI Compressor

Sublime使い & フロントコーダーならぜひいれましょう。

いれておいて損はないです。

参考リンク


3. 自動でやりたいならコレ


Grunt

Grunt、めちゃくちゃ便利ですよ。フロント開発者ならぜひ覚えておくべきです。

参考リンク


参考図書