Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

第2回フロントエンド開発環境勉強会

@社内

About me

Background

新人さん:
「IEとかChrome、複数のブラウザで簡単にJSのテスト走らせられないですかね?今度教えてください。」

Test Runner

Grunt - JavaScript Task Runner

  • JSHint/JSLint, concat, minify
  • watch, LiveReload
  • ...more

How to use Testem

$ npm install testem -g
$ mkdir project && cd project
$ testem

testem.json

{
    "test_page": "test/index.html",
    "launch_in_dev": [ "Chrome", "Firefox", "IE9" ],
    "launch_in_ci": [ "PhantomJS" ]
}

IE9をlaunch_in_devに指定してCan't set headers....が表示されて失敗する場合はnode.js v0.8.15くらいにダウングレードするとパスできる(けど...

How to use Testacular

$ npm install testacular -g
$ mkdir project && cd project
$ testacular init
$ testacular start

How to use Grunt

$ npm install grunt-cli -g
$ mkdir project && cd project
$ npm init
$ npm install grunt --save-dev
<Define Gruntfile.{js,coffee}>
$ grunt <task>

Gruntfile.{js,coffee}の定義めんどい...

grunt-initやYeomanあるよ

某事例

grunt-contrib-*

grunt-*

$ npm install grunt-mocha --save-dev

package.json

devDependencies": {
    "grunt-mocha": "~0.2.3",
    ...

$ npm install

.gitignore

node_modules/

「こんなのもあるよ」
「こうするとイイよ」
「こんなの公開してるよ」
という共有よろしくお願いします

Use a spacebar or arrow keys to navigate