JSer.info #163 - Maintainable Gruntfile.js - from scratchという記事ではGruntの設定ファイルであるGruntfile.jsの管理やタスクの実行速度の改善についてまとめられています。
最近は責務が大きすぎるGruntをどうにかする的な記事が増えてきた気がしますし、PintのようにGrunt自体をラップしてより効率的に管理/実行できるようにする試みや、Broccoliのように高速なビルドに主眼を置いた新しいビルドツール等も出てきています。
Broccoliはまだαのαな感じですがBroccoli: First Beta Releaseに書かれているファイルではなくTreeをベースにしたアーキテクチャ等は面白い感じです。
Promise Anti-patternsという記事では、Promisesを使ってコード書いた時によくありそうなミスやアンチパターンについて書かれています。
最近書かれたES6のPromisesについての記事をあなたが読むべきJavaScript Promises | JSer.infoでまとめて紹介してあるので、こちらも一緒に読むといいかと思います。
ES6 Fiddleというサービスでは、JSFiddleよりかなり簡易ですが、ECMAScript6の文法で書かれたコードを実行/共有することが出来ます。
Traceurを使って変換されたものが実行されるため、ブラウザがまだサポートされてない場合でもある程度実行出来ます。(PromisesとかもTraceurでサポートされてるので実行出来ます)
なので、ES6 FiddleというよりはTraceur Fiddleという感じですが、ES6のコードがどんな結果になるのかが見えて便利です。
ヘッドライン
React | React v0.9
React v0.9リリース
Test Utilitiesの追加、JSXのwhite spaceの扱いの変更
Koa 0.5.0 — Code adventures — Medium
Koa 0.5.0リリース。
Node v0.10.26 (Stable)
Node v0.10.26リリース。
アーティクル
Maintainable Gruntfile.js - from scratch
Gruntの設定ファイルのメンテナンスについての記事
load-grunt-configを使ったタスクのファイル分割、time-gruntを使った実行時間の計測、タスクにキャッシュ機構の追加や並列実行などを利用して実行時間の改善などについて
Why “use strict” in JavaScript can save you hours
strict modeにすることで、コーディングミスした時にエラー(構文エラーor実行時エラー)として検出しやすくなったりすることについて。
A modern JavaScript router in 100 lines - Tech.Pro
JavaScriptでシンプルなルーティングライブラリを書いてみるチュートリアル
Working with ES5 JavaScript array functions in modern and legacy browsers - Tech.Pro
ES5で追加されたmapやeach等の配列の拡張メソッドについて。
使い方とpolyfillの実装について書かれている。
Introduction to the Component JavaScript Package Manager | Flippin’ Awesome
JavaScriptパッケージ管理ツールのComponentについてのチュートリアル。
Parse data files using Node.js streams - Nicolas Hery
node streamを使ってCSVをJSONに変換するTransform streamのチュートリアル。
Stop Being Afraid Of Promises And Be Awesome Instead - XB Software
Promisesを使った非同期処理のコード例とpromiseのライブラリの紹介。
Promise Anti-patterns
Promisesのアンチパターンについて。
ネストしたpromise、 例外をcatchできないpromise、配列の中身に対してそれぞれ非同期処理するケース、分岐とpromise、過剰なエラーハンドリング、無駄なpromise
スライド、動画関係
Task.js
カウントベースのフローコントロールライブラリ
https://github.com/uupaa/Task.js についてのスライド
CSS Animation Events Explained! - All The Right Moves Screencast on Vimeo
CSS animation eventについてのスクリーンキャスト
サイト、サービス
ES6 Fiddle
ECMAScript6のコードを実行出来るJSFiddle的なサービス。
Traceurを使ったコンパイル、JSHintを使ったLint等が行われるのでブラウザが直接サポートされて無くても実行が出来る
ソフトウェア、ツール、ライブラリ関係
Pint
Gruntラッパーなコマンドラインツール。
タスクの設定ファイル分割、タスクの依存関係を元に可能ならタスクの並列実行を行えるようにする。
sindresorhus/pageres
PhantomJSを使った指定サイズのスクリーンショットをまとめて取るツール
https://github.com/juliangruber/review と似た感じ
joliss/broccoli
高速なインクリメンタルビルドを目的としてGrunt等のようなビルドツール。
ビルド対象をファイルではなく tree として扱う、pluginもtreeとして扱う。キャッシュの仕組みなども入っている。
angular/di.js
AngularのDIライブラリ。
ライブラリのコード自体もES6で書かれていてTraceurで変換してる。
nicjansma/usertiming.js
UserTiming APIのpolyfillライブラリ
CyberAgent/boombox.js
HTMLVideo, HTMLAudio, WebAudioのAPIを同じインターフェースで扱えるライブラリ
saadtazi/firefox-profile-js · GitHub
Firefoxのプロファイルを作ったり、既存のプロファイルを利用したり、アドオンを追加等プロファイルを扱えるNodeモジュール。WebDriverと合わせて使う感じ
書籍関係
DartLanguageGuide.pdf
Dart言語について詳しく書かれたマニュアル。
基本的な文法から幅広く解説されてる
AngularJS Design Patterns | Packt Publishing
AngularJSでのデザインパターンについての書籍
Building Polyfills - O’Reilly Media
Web Platform APIsのPolyfillについての書籍。
Amazon: HTML5+JavaScriptによる画像・動画像処理入門 [単行本]: 松田 晃一
2014年3月10日発売
JavaScriptを使った画像/動画処理について初心者向けに解説した書籍。
動画の処理をベースに書かれているとの事
