Fork me on GitHub

2014-12-08のJS: Firefox 34、QUnit 1.16、ES7 Async Generator

Edit on GitHub 編集履歴を見る

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/

JavaScript testing library ReleaseNote

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 ReleaseNote

Chrome 40β リリース。

Service WorkersとCSP Lv2の部分的サポート、element.closest()のサポート等


Firefox — Notes (34.0) — Mozilla

www.mozilla.org/en-US/firefox/34.0/releasenotes/

firefox ReleaseNote

Firefox 34リリース。

CSS Fonts Level 3 の実験的な実装、ES6のObject.assign()やtemplate strings、メソッド定義の短縮記法等の実装、開発者ツールの改善等


Dev.Opera — Opera 26 released

dev.opera.com/blog/opera-26/

Opera ReleaseNote

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

JavaScript testing library ReleaseNote

QUnit 1.16.0リリース。

done()呼び出しでの非同期テストを行うassert.asyncの追加、Promiseのサポート、setup/teardownをbeforeEach/afterEachにリネーム、HTML Reporterの改善等


アーティクル


Introduction to Service Worker: How to use Service Worker - HTML5 Rocks

www.html5rocks.com/en/tutorials/service-worker/introduction/

JavaScript tutorial

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 まとめ

Node.jsで開発時にやってしまう間違いとそれを改善する方法や参考リソース。

半分以上JavaScriptで同様の事が当てはまりそう


bassistance.de » jQuery Foundation 2014 roundup

bassistance.de/2014/12/01/jquery-foundation-2014-roundup/

jQuery まとめ

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

browser node-webkit testing

node-webkitを使いスクリーンショットを取って画像diffのレグレッションテストを行う話。


生WebGL入門:初音ミクの美麗3Dモデルを表示する(前編) » nmi.jp

nmi.jp/archives/582

WebGL tutorial JavaScript

WebGLを使ってMMDの3Dモデルを表示するまでを丁寧に解説している

WebGLでのポリゴンの表示、3Dで必須な行列や座標、モデルデータの読み込みについて等


JavaScript - Direct Proxiesでmethod missing的なことをやる - Qiita

qiita.com/hokaccha/items/3a3ea6180e94e70bc335

JavaScript ECMAScript

Direct Proxiesを使ったmethod missingの実装について


webpackを使い倒す - Thujikun blog

thujikun.github.io/blog/2014/12/07/webpack

webpack

webpackのloader紹介、resolveフィールドの指定によるrequireのパス解決、pluginsの紹介、Webpack Dev Server、非同期読み込みについて


スライド、動画関係


QUnit 2.xで変わること

azu.github.io/slide/chatwork/qunit2.html

JavaScript testing スライド

QUnit 2.xでの変更点についてのスライド。

モジュール化、doneスタイルの非同期テストサポート、スマートなPromiseテストサポート、レポーターの標準化活動など


The npm Blog — Getting Started with npm

blog.npmjs.org/post/104272486560/getting-started-with-npm

npm 動画

npmのサイトのGetting Startedに動画チュートリアルが追加された


Netflix JavaScript Talks - Version 7: The Evolution of JavaScript - YouTube

www.youtube.com/watch?v=DqMFX91ToLw

JavaScript ECMAScript 動画 スライド

ES7のAsync Generatorについて紹介する発表。

Object.observeの変更通知とイベントループの話から始まり、
Promises、Generator、またES7のasync/await、さらに発展してObservableを返すAsync Generatorについて話されている。

発表内容はjhusain/asyncgeneratorにも一部同様の事が書かれている


サイト、サービス


js-reporters/js-reporters

github.com/js-reporters/js-reporters

JavaScript testing issue

JavaScriptテストフレームワーク/Runnerのレポーターの共通フォーマットについて議論してるコミュニティ


Understanding JSON Schema — Understanding JSON Schema 1.0 documentation

spacetelescope.github.io/understanding-json-schema/

JSON book tutorial

JSON Schema draft 4について解説しているサイト。

JSON Schemaの書き方やリファレンス等が用意されている


ソフトウェア、ツール、ライブラリ関係


Tweene :: JavaScript Animation Proxy

tweene.com/

JavaScript animation library

JavaScriptアニメーションプロキシライブラリ。

既にアニメーション機能を実装してるGSAP、Velocity.js、Transit、jQuery等のライブラリを共通のAPIで利用できるようにするラッパライブラリ


lafikl/RWDPerf

github.com/lafikl/RWDPerf

design performance Tools

画面サイズやUA等のシミュレートをして、あるURLで使ってない要素や画像の検出、通信量などのデータを一覧出来るパフォーマンス測定ツール


a11y.css by Gaël Poupard

ffoodd.github.io/a11y.css/

CSS アクセシビリティ HTML ブックマークレット

CSSを使ったHTMLのビジュアルLintツール。

HTML要素における記述のミスなどへの警告やエラーを表示する事ができる


rejs – Vanilla JS Module Builderの紹介 | GREE Engineers' Blog

labs.gree.jp/blog/2014/12/12311/

JavaScript Tools

名前空間オブジェクトを使うJavaScriptファイルを、名前空間のプロパティにアクセスできるようにソートして結合出来るコマンドラインツール


書籍関係


JavaScript Cookbook, 2nd Edition - O'Reilly Media

shop.oreilly.com/product/0636920033455.do

JavaScript book

2015年2月 発売

JavaScript Cookbookの第二版


Learn JavaScript & jQuery - a book about interactive front-end web development

www.javascriptbook.com/

JavaScript jQuery book

HTML & CSS: Design and Build WebsitesのJavaScript編


この記事へ修正リクエストをする
記事を紹介する