Grunt ハンズオン

1. Grunt とは

JavaScript 用のビルドツールです。

JavaScript を用いた開発における様々な作業を自動化することにより開発者をサポートします。

公式サイト

• http://gruntjs.com/

2. Grunt の特徴

• Gruntfile.js という設定ファイルにタスクの定義を行う
• 設定ファイル (Gruntfile.js) は JavaScript で記述する
• すぐに使える便利なプラグインが豊富に用意されている

3. どんなプラグインがある?

• JavaScript の minify (圧縮)
• 複数のJavaScriptファイルの結合
• JavaScript の構文チェック
• CoffeeScript や TypeScript のコンパイル (JavaScript変換)
• 自動テスト
• Webサーバになる
• その他にもたくさん...

4. セットアップ

1. node.js をインストールする

2. 社内LAN等プロキシサーバを使っている場合は、コマンドラインから以下のように設定を行う

   npm config set proxy http://ユーザー名:パスワード@サーバ名:ポート番号/
   npm config set registry http://registry.npmjs.org/

   • ユーザー名の中に @ が含まれる場合は %40 と書く (例：user@example.com ならば user%40example.com)。
   • 参考: Windows7,proxy環境下でのnpm config設定

3. Grunt のコマンドラインインターフェース(CLI) をインストールする

   npm install -g grunt-cli

5. 使ってみよう

• Gruntハンズオン (基礎編)
• Gruntハンズオン (活用編)
• Gruntハンズオン (テスト編)

『Grunt ハンズオン』 by Ototadana はクリエイティブ・コモンズ 表示 4.0 国際 ライセンスで提供されています。