横浜JSTDDハンズオン:ATND

横浜JSTDDハンズオンに参加してきました。 概要は、JavaScriptのテスト駆動開発についてのあれこれについてで、

会場の「タネマキ」は、なんかワクワクするカッコいいところでした! コワーキングスペースの「タネマキ」

当日のつぶやきまとめはこちら

横浜JSTDDハンズオン #JSTDD つぶやきまとめ - Yukarin’Note

@kyo_ago さん発表資料

@kyo_ago さん補足資料

@azu_re さん発表資料

@os0x さん発表資料


##@kyo_agoさん発表 ハンズオン風景 ###TDDって? まずは簡単なアンケート

今日のハンズオンが初TDDの人?

JavaScriptのテストをしたことがある人? ※初TDDの人を含まず。

JsTestDriverを使ったことがある人?

そもそもテストって?

###JsTestDriverについて JsTestDriverの説明

JsTestDriverについての説明と、テストをハンズオン形式で実施。

ハンズオンの手順、設定ファイル、プロダクトコード、テストコードは、

こちらに沿ってやりました。

テストコードの書き方、流れ、設定のTips、loggingなどなど

なかでもドキュメントやヘルプにもでてこないオプションがでてきて新鮮でしたw

Google ProjectのWikiを読むよりもコードを見たほうが色々わかるよ、って

###Sinon.jsについて JsTestDriverで非同期処理のテストを使用とすると、 (かなり)難しいことになるようなので、

Sinon.jsでやったほうがいいところも(多々)あるそうです。

この辺りは適材適所で使い分けるのがポイントのようです。

@azu_reさん発表

WebStormについて

私は使ったこと無かったのですが、シェアウェアのIDEなんだそうです。

有償なだけあり、豊富な機能が提供されていてとても便利そうな印象でした。@azu_reさんの資料がとても良くまとめられていらっしゃるので、詳細は こちら を見てもらったほうがいいと思います。

WebStorm指南書

@os0xさん発表

jasmine-headless-webkitについて

jasmine-headless-webkit -- The fastest way to run your Jasmine specs!

JasmineのspecをCUI環境でいい感じにテストできるツールなんだそうです

参考

 #JSTDDのTL上に特に資料のURLがなかったので、この記事ではここまでしかかけてません、すみません

##まとめ 全体を通して、なかなかコアな話が聞けてとてもためになりました。

テスト駆動JavaScript

を去年読みはじめてから、もっと勉強しよう、と思いつつなかなか手がつけられずにいたので、とてもいい機会になりました。

今回の内容を踏まえつつ、Jenkinsとからめてビルドパイプラインを構築するのが当面の目標ですね。