このエントリーをはてなブックマークに追加

読了: 約 3 分

ざっくりですが、ツールや環境構築で何が必要なのかまとめておきます。

はじめに

意図としては、現在マークアップエンジニアでSassと少しJSを触っているわけですが、メインのJSerとの作業分担が難しいと感じている今日このごろ。
単純なマークアップだけなのか、動的に変化するコンテンツの実装なのか、JSの方は得意だけど、CSSがあまり得意でない人との協業の時に
動的コンテンツのデザインのためにCSSをいじるとき理解が少ない人だとiPhoneとandroidで見え方が違ったり、バグを生んだりするわけなので、
コミュニケーションだけでなくしっかりとしたテストの必要性を感じつつメモ

JSのフレームワーク系

APIとか

Reveal.js使って画像のキャプチャを送って確認するというのが、マークアップとかデザインに携わる側の人としては
良いと思いました。結局デプロイ前の表示確認で工数を取られてしまうのはもったいないので、確認するような事項は自動化しておきたい。

DOM/XHRについて詳しい

  • JavaScriptのテストについて本気出して考えてみた(1)
  • ツール使用系

  • JenkinsでJavaScriptのテストをやってみる
  • PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト (1/3)
  • ブラウザを選ばずWebテストを自動化するSelenium
  • JavaScriptのテストツール「testem」が素晴らしいぞ
  • 他ファイルを使用するテスト

  • 98%のプログラマはjsのテストを自動化していない(俺調べ)
  • JavaScriptテストのチュートリアル

  • JsTestDriver (http://code.google.com/p/js-test-driver/)
  • JSTAPd (http://search.cpan.org/~yappo/JSTAPd-0.01/lib/JSTAPd/Tutorial/JA.pod)
  • TestSwarm (https://github.com/jeresig/testswarm/wiki)
  • テストの概要

  • JavaScriptテストの基礎知識と使えるフレームワーク6選 (2/3)
  • スライド資料

    ひとまずざっくりあげてみましたが、これからやり方など追記していきたいと思います。

    SNSでもご購読できます。

    運営メディア

    男性向けお役立ちメディア Coolhomme
    就職・転職、エンジニア転職向け求人サイト Rplay
    '