2012-09-16のJS:フロントエンドのワークフローツールYeomanリリース、CSS Lint v0.9.9

JSer.info #88 - 以前から話されていたフロントエンドのツールやライブラリでの開発のワークフローを補助するCLIツールのYeomanがリリースされました。

Yaomanで使われてるツールやライブラリなどはTools Used · yeoman/yeoman Wikiにも書かれていますが、
Twitter Bower のパッケージ管理やGruntのタスク(CoffeeScriptやSassのコンパイルやローカルサーバ等)やLiveReloadによるリロードやYeoman Generatorsのテンプレート生成等が含まれています。

等を見ると分かると思いますが、Yaoman自体が新しいことをやるというよりはモダンな感じのツール等のセットアップを補助したり、
開発中のプレビューローカルサーバやデプロイ用の最適化ビルド等、準備が面倒な所を覆ってワークフローを改善する感じのCLIツールです。
一応Windowsでも動かせるようです

Installing Yeoman Front-end development stack in Windows | Decodize

YeomanのメインContributerは最近色々なツールな場所で見かける(ツール/ライブラリ自体にもContributeしてる)気がするので、今後も色々な拡充が図られる感じはします。

ヘッドライン

twada/qunit-tap
https://github.com/twada/qunit-tap

QunitにTAP出力を加えるプラグインQunit-TAP 1.2.0リリース
https://github.com/twada/qunit-tap/compare/1.1.1…1.2.0

Yeoman - Modern workflows for modern webapps
http://yeoman.io/

JavaScriptのフロントエンドツール/ライブラリのセットアップ/管理を簡単に行えるようにするツールセット。
パッケージ管理はTwitter Bower、コンパイルやローカルサーバ等はGruntのタスクが動いてる。
有名所のMVCフレームワークやテスト等はYeoman Generatorsで生成できるようになってる。

主に使われてるツールは Tools Used · yeoman/yeoman Wiki を参照

jQuery Mobile 1.2.0 Release Candidate 1 Released | jQuery Mobile
http://jquerymobile.com/blog/2012/09/14/jquery-mobile-release-candidate-1-released/

jQuery Mobile 1.2.0 RC1リリース

Version 0.8.9 (Stable)
http://blog.nodejs.org/2012/09/11/node-v0-8-9-stable/

Node.js v0.8.9リリース

CSS Lint v0.9.9 now available | NCZOnline
http://www.nczonline.net/blog/2012/09/12/css-lint-v0-9-9/

CSS Lint v0.9.9リリース.
ignoreルールを指定できるようになった

SIE 4の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ
http://d.hatena.ne.jp/dhrname/20120910/p1

SVGをクロスブラウザで表示するライブラリ SIE 4リリース

アーティクル

Better TDD Workflow via Exclusive Tests in Jasmine and Mocha
http://tobyho.com/2012/09/12/better-tdd-workflow-via-exclusive-tests-in-jasmine-and-mocha/

開発中に特定のテストだけ実行対象にして実行時間を短くすることについて。
Jasmineのiitやddescripbe、Mochaのonlyなどについて

Clearing Browser Data | High Performance Web Sites
http://www.stevesouders.com/blog/2012/09/10/clearing-browser-data/

ブラウザのキャッシュクリアのまとめ。
クッキー、ディスクキャッシュ、App Cache、ローカルストレージ

Typed Arrays: Binary Data in the Browser - HTML5 Rocks
http://www.html5rocks.com/ja/tutorials/webgl/typed_arrays/

型付き配列(Typed Array)について翻訳記事
型付き配列ビューと異なる型データを持てるDataViewについて、エンディアンについて、またTyped Arrayを使うAPIについて

コードで一言: CoffeeScriptで学ぶ Underscore.js 01（Collection編）
http://codedehitokoto.blogspot.com/2012/06/coffeescript-undersorejs-01collection.html

CoffeeScriptでUnderscoreのメソッド解説(全15回)

Academic research on browsers, frontend development, and debugging « Paul Irish
http://paulirish.com/2012/academic-research-on-browsers-frontend-development-and-debugging/

大学レベルのブラウザやフロントエンド、セキュリティなどについての研究/論文のまとめ