JSer.info #287 - jQuery 3.1.0がリリースされました。

jQuery 3.1.0 Released – No More Silent Errors | Official jQuery Blog

jQuery 3.0ではjQuery.readyはPromise A/+互換のDeferred Objectを使うようになっています。
そのため、次のようなコードは何もコンソールにエラーが表示されない状態になっていました。

$(function() {
  throw new Error("This is Error");
});
// ≒
jQuery.ready.then(function() {
  throw new Error("This is Error");
});

いわゆるunhandled rejectionとなってしまうため、次のように.catchでエラーハンドリングを行う必要がありました。

jQuery.ready.then(function() {
  throw new Error("This is Error");
}).catch(error => {
  console.error(error);
});

しかし、 $()はjQueryオブジェクトを返すため、エラーハンドリングを書くことができないという問題があります。

この問題についての詳細は Bugsnag Blog - A Warning About jQuery 3 で解説されています。

jQuery 3.1では今までと同じようにjQuery.ready内で起きたエラーをコンソールに表示します。
(自動的に.catchしてre-throwしています)

また、jQuery.readyException()という専用のエラーを受け取るメソッドを定義できるようになっています。

Core: Re-throw errors that happened in callbacks wrapped in jQuery ready by mgol · Pull Request #3210 · jquery/jquery

ついでにJavaScript Promiseの本もjQuery 3.xに対応した更新をしています。

Release 1.6.0 · azu/promises-book

Node v6.3.0がリリースされました。

--inspectのコマンドライン引数をつけてNode.jsを起動することで、Node.jsアプリに対してChromeの開発者ツールでリモートデバッグできるようになります。
CLIなどは一瞬で終わってしまうので、--debug-brkオプションを付けるとブレークした状態で開始できます。

node --inspect --debug-brk

以下の記事も参考になります。

Debugging Node.js Nightlies with Chrome DevTools — Medium

Web Animations APIの基本的な使い方・まとめというサイトでは、Web Animations APIについて機能や挙動について学ぶ事ができます。

大量のサンプルと共に見ることができるので、興味がある人は見てみると良いです。

既にCSSアニメーションなどがあるのに、Web Animationsという仕様がでてきたのは以下のスライドを見てみるのが分かりやすいかもしれません。

真面目なアニメーション (html5j 2013, Web Animations)

ヘッドライン

jQuery 3.1.0 Released – No More Silent Errors | Official jQuery Blog

blog.jquery.com/2016/07/07/jquery-3-1-0-released-no-more-silent-errors/

jQuery ReleaseNote

jQuery 3.1.0リリース。
jQuery.readyExceptionでready時に起きたエラーのログを取れるように

Bugsnag Blog - A Warning About jQuery 3

angular/CHANGELOG.md at 2.0.0-rc.4 · angular/angular

github.com/angular/angular/blob/2.0.0-rc.4/CHANGELOG.md

AngularJS ReleaseNote

Angular 2 RC4リリース。
テスト周りの構造が大きく変化し、JasmineではなくMochaでもテストを実行できるようになるなど

Node v6.3.0 (Current) | Node.js

nodejs.org/en/blog/release/v6.3.0/

node.js ReleaseNote

Node v6.3.0リリース。
buffer.swap64()の追加、shared libraryとしてNode.jsを使えるようにビルドオプションの追加、setImmediate()のパフォーマンス改善、V8 inspectorを実験的にサポートしChromeの開発者ツールでデバッグできるようになるなど