JSer.info #205 - Firefo 34.0がリリースされました。
Firefox開発者ツールにlocalStorageの編集機能、jQuery eventsに対応、console.table()のサポート、パフォーマンスツール等が入っていて、詳しくは以下の記事を参照して下さい。
CSS Fonts Level 3の実験的サポート、template stringsなど色々なES6の機能が実装されています。
JavaScriptテストライブラリのQUnit 1.16.0がリリースされました。
メソッドのリファクタリング、done()スタイルの非同期テストサポート、PromiseテストのサポートなどQUnit 2.xに向けての色々な変更が入っています。
どのような部分が2.0で変わっていくのかについてはQUnit 2.xで変わることというスライドを書いたのでこちらを見るといいかもしれません。
▶ Netflix JavaScript Talks - Version 7: The Evolution of JavaScript - YouTubeという発表ではES7のAsynchronous Generatorsについて仕様策定者でもある@jhusainさんが話されています。
本題はAsync Generatorですが、JavaScriptにおける非同期処理全体について話されています。
単純な同期的な処理からコールバック、Promise、Generator、ES7 async/awaitと順を追って話を進めています。
同期的なプログラミングで値を取り出すのはBlocking/pulling、コールバックスタイルのように受け取る関数を渡すのはWaiting/pushingといったような表現を使っていて分かりやすくまとめられていると思います。
1時間程あって長いですが、よくできてる発表なのでJavaScriptにおける非同期処理について考えたい人は見ておくといいかもしれません。
自分が見ながら書いたメモは以下にまとめてあります。
ヘッドライン
Intern 2.2 released | Blog | SitePen
www.sitepen.com/blog/2014/12/05/intern-2-2-released/
Intern 2.2リリース。
コンソールレポーターの表示改善、テストが失敗した時にオブジェクトのDiff表示が出来るようになるなど
Chromium Blog: Chrome 40 Beta: Powerful Offline and Lightspeed Loading with Service Workers
blog.chromium.org/2014/12/chrome-40-beta-powerful-offline-and.html
Chrome 40β リリース。
Service WorkersとCSP Lv2の部分的サポート、element.closest()のサポート等
Firefox — Notes (34.0) — Mozilla
www.mozilla.org/en-US/firefox/34.0/releasenotes/
Firefox 34リリース。
CSS Fonts Level 3 の実験的な実装、ES6のObject.assign()やtemplate strings、メソッド定義の短縮記法等の実装、開発者ツールの改善等
- Firefox 34 for developers - Mozilla | MDN
- WebIDE, Storage inspector, jQuery events, iframe switcher + more – Firefox Developer Tools Episode 34 ✩ Mozilla Hacks – the Web developer blog
Dev.Opera — Opera 26 released
Opera 26 (based on Chromium 39)リリース
qunit/History.md at 1.16.0 · jquery/qunit
github.com/jquery/qunit/blob/1.16.0/History.md
QUnit 1.16.0リリース。
done()呼び出しでの非同期テストを行うassert.asyncの追加、Promiseのサポート、setup/teardownをbeforeEach/afterEachにリネーム、HTML Reporterの改善等
- async() | QUnit API Documentation
- Async: Make tests Promise-aware by JamesMGreene · Pull Request #634 · jquery/qunit
- QUnit 2.x Upgrade Guide | QUnit
アーティクル
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
www.html5rocks.com/en/tutorials/service-worker/introduction/
Service Workerのライフサイクル、Service Workerへのスクリプトの登録方法や基本的な使い方、どうやってキャッシュを更新するか、注意点について
Top 10 Mistakes Node.js Developers Make
www.airpair.com/node.js/posts/top-10-mistakes-node-developers-make
Node.jsで開発時にやってしまう間違いとそれを改善する方法や参考リソース。
半分以上JavaScriptで同様の事が当てはまりそう
bassistance.de » jQuery Foundation 2014 roundup
bassistance.de/2014/12/01/jquery-foundation-2014-roundup/
2014年のjQueryの活動についてのまとめ。
- jQuery Coreの3.0の方針やPromises等の標準へ合わせる変更について
- jQuery UIのUIレイヤーの標準化活動、パフォーマンステストの実施。
- QUnitを始めとするテストフレームワークのレポーターの標準化活動。
- 国際化に使うCLDRのJSON版の管理など
などjQuery Foundationとしての活動がまとめられています。
Moving from PhantomJS to node-webkit - Todd Wolfson
twolfson.com/2014-11-22-moving-from-phantomjs-to-node-webkit
node-webkitを使いスクリーンショットを取って画像diffのレグレッションテストを行う話。
生WebGL入門:初音ミクの美麗3Dモデルを表示する(前編) » nmi.jp
WebGLを使ってMMDの3Dモデルを表示するまでを丁寧に解説している
WebGLでのポリゴンの表示、3Dで必須な行列や座標、モデルデータの読み込みについて等
JavaScript - Direct Proxiesでmethod missing的なことをやる - Qiita
qiita.com/hokaccha/items/3a3ea6180e94e70bc335
Direct Proxiesを使ったmethod missingの実装について
webpackを使い倒す - Thujikun blog
thujikun.github.io/blog/2014/12/07/webpack
webpackのloader紹介、resolveフィールドの指定によるrequireのパス解決、pluginsの紹介、Webpack Dev Server、非同期読み込みについて
スライド、動画関係
QUnit 2.xで変わること
azu.github.io/slide/chatwork/qunit2.html
QUnit 2.xでの変更点についてのスライド。
モジュール化、doneスタイルの非同期テストサポート、スマートなPromiseテストサポート、レポーターの標準化活動など
The npm Blog — Getting Started with npm
blog.npmjs.org/post/104272486560/getting-started-with-npm
npmのサイトのGetting Startedに動画チュートリアルが追加された
Netflix JavaScript Talks - Version 7: The Evolution of JavaScript - YouTube
www.youtube.com/watch?v=DqMFX91ToLw
ES7のAsync Generatorについて紹介する発表。
Object.observeの変更通知とイベントループの話から始まり、
Promises、Generator、またES7のasync/await、さらに発展してObservableを返すAsync Generatorについて話されている。
発表内容はjhusain/asyncgeneratorにも一部同様の事が書かれている
- ES7 Async Generator from azu on Twitter
- jhusain/asyncgenerator
- Version 7: The Evolution of JavaScript- Eventbrite
サイト、サービス
js-reporters/js-reporters
github.com/js-reporters/js-reporters
JavaScriptテストフレームワーク/Runnerのレポーターの共通フォーマットについて議論してるコミュニティ
Understanding JSON Schema — Understanding JSON Schema 1.0 documentation
spacetelescope.github.io/understanding-json-schema/
JSON Schema draft 4について解説しているサイト。
JSON Schemaの書き方やリファレンス等が用意されている
ソフトウェア、ツール、ライブラリ関係
Tweene :: JavaScript Animation Proxy
JavaScriptアニメーションプロキシライブラリ。
既にアニメーション機能を実装してるGSAP、Velocity.js、Transit、jQuery等のライブラリを共通のAPIで利用できるようにするラッパライブラリ
lafikl/RWDPerf
画面サイズやUA等のシミュレートをして、あるURLで使ってない要素や画像の検出、通信量などのデータを一覧出来るパフォーマンス測定ツール
a11y.css by Gaël Poupard
CSSを使ったHTMLのビジュアルLintツール。
HTML要素における記述のミスなどへの警告やエラーを表示する事ができる
rejs – Vanilla JS Module Builderの紹介 | GREE Engineers' Blog
labs.gree.jp/blog/2014/12/12311/
名前空間オブジェクトを使うJavaScriptファイルを、名前空間のプロパティにアクセスできるようにソートして結合出来るコマンドラインツール
書籍関係
JavaScript Cookbook, 2nd Edition - O'Reilly Media
shop.oreilly.com/product/0636920033455.do
2015年2月 発売
JavaScript Cookbookの第二版
Learn JavaScript & jQuery - a book about interactive front-end web development
HTML & CSS: Design and Build WebsitesのJavaScript編
