読了: 約 3 分
ざっくりですが、ツールや環境構築で何が必要なのかまとめておきます。
概要
はじめに
意図としては、現在マークアップエンジニアでSassと少しJSを触っているわけですが、メインのJSerとの作業分担が難しいと感じている今日このごろ。
単純なマークアップだけなのか、動的に変化するコンテンツの実装なのか、JSの方は得意だけど、CSSがあまり得意でない人との協業の時に
動的コンテンツのデザインのためにCSSをいじるとき理解が少ない人だとiPhoneとandroidで見え方が違ったり、バグを生んだりするわけなので、
コミュニケーションだけでなくしっかりとしたテストの必要性を感じつつメモ
JSのフレームワーク系
- 「フロントエンドJavaScript開発におけるテスト駆動開発のススメと自動テストフレームワーク利用の勘所」という勉強会に行ってきた。
- JsUnit を使った JavaScript のユニットテスト
- JavaScript のユニット・テストを効率よく行う
さまざまなブラウザーに対する JavaScript コードのテストを自動化する
APIとか
- 続・PhantomJSで遊ぶヽ|・∀・|ノ Static HTMLの生成
- Reveal.jsのスクリーンショットをPhantomJSでガンガン撮る
- Gruntによる継続的なビルド環境を求めて 〜 package.jsonと0.4.0のこと
- 目標はgrunt + phantomjs + jasmineの自動テスト環境
- Phantom.js+QUnitでjavascriptの自動テスト環境を作りたい(かせいさんとこ)
Reveal.js使って画像のキャプチャを送って確認するというのが、マークアップとかデザインに携わる側の人としては
良いと思いました。結局デプロイ前の表示確認で工数を取られてしまうのはもったいないので、確認するような事項は自動化しておきたい。
DOM/XHRについて詳しい
ツール使用系
他ファイルを使用するテスト
JavaScriptテストのチュートリアル
テストの概要
スライド資料
ひとまずざっくりあげてみましたが、これからやり方など追記していきたいと思います。