Black Lives Matter
GruntJavaScriptタスクランナー

タスクランナーを使用する理由

一言で言えば、自動化です。最小化、コンパイル、単体テスト、リンティングなどの反復的なタスクを実行する際の作業量が少ないほど、仕事は楽になります。Gruntfileによって設定した後は、タスクランナーは、ほとんど労力をかけることなく、そのほとんどの日常的な作業をあなたやチームの代わりに実行できます。

Gruntを使用する理由

Gruntエコシステムは巨額で、日ごとに拡大しています。文字通り何百ものプラグインから選択できるので、Gruntを使用して、最小限の労力でほとんどすべてのものを自動化できます。必要なものがまだ構築されていない場合は、Gruntプラグインを作成してnpmに発行するのは朝飯前です。はじめにを参照してください。

利用可能なGruntプラグイン

すでにGruntプラグインとして利用可能なタスクが多くあり、新しいプラグインは毎日公開されています。プラグインリストはより網羅的ですが、いくつか紹介しましょう。

CoffeeScriptHandlebarsJadeJSHintLessRequire.jsSassStylus

プレビューを以下に示します。

gruntのインストールは簡単ですが、プロジェクトで実行するまでには若干手間がかかります。Gruntを実行することで得られる労力を確認するには、サンプルプロジェクトで実行した結果の例をご覧ください。

grunt
Running "jshint:gruntfile" (jshint) task
>> 1 file lint free.

Running "jshint:src" (jshint) task
>> 1 file lint free.

Running "jshint:test" (jshint) task
>> 1 file lint free.

Running "qunit:files" (qunit) task
Testing test/tiny-pubsub.html....OK
>> 4 assertions passed (23ms)

Running "clean:files" (clean) task
Cleaning "dist"...OK

Running "concat:dist" (concat) task
File "dist/ba-tiny-pubsub.js" created.

Running "uglify:dist" (uglify) task
File "dist/ba-tiny-pubsub.min.js" created.
Uncompressed size: 389 bytes.
Compressed size: 119 bytes gzipped (185 bytes minified).

Done.

Gruntを使用している人は?

Gruntを使用している企業やプロジェクトをいくつか紹介します。詳細はこちら

TwitterjQueryAdobeModernizrBocoupFilament GroupSauce LabsBitovi

始め方

はじめにガイドをお読みいただき、プロジェクトでGruntを使用する方法について説明します。完了したら、サンプルGruntfileを確認し、タスクの設定の詳細を参照します。


GruntはOpenJS Foundationプロジェクトです。

OpenJS Foundation