Fork me on GitHub

2015-03-02のJS: Firefox 36.0、ASTのコミュニティ標準、Service Worker

Edit on GitHub 編集履歴を見る

JSer.info #217 - Firefox 36.0がリリースされました。

CSSの機能追加としてwill-changeプロパティ@font-face unicode-rangeなどが入り、ES6の仕様への追従もSymbolを始めとして、Temporal Dead Zone (TDZ)の挙動への対応が行われていて、WebGL 2.0やWeb Animationsの実験的なサポートが追加されています。

詳しい更新内容は以下にまとめられています。

ES6の細かい挙動について気になる人は以下のクイズもやってみるといいかもしれません。


[2015-02] 最近のJavaScript AST標準化の動き | Web Scratchという記事では、JavaScriptのAST(抽象木)についての最近の変化について詳しく書かれています。

今まではSpiderMonkey parserによって定義されたASTを元にツールのエコシステムが回っていましたが、ES6の対応が進んでいなかったため各パーサが試行錯誤したり、Shift AST Specificationという仕様が登場したりしました。

しかし、最近になってEsprimaがjQuery Foundationに移管されたのを契機にESTreeという実質後継となるASTの仕様策定がコミュニティドリブンで進んでいることについて書かれています。


Service worker が拓く mobile web の新しいかたちというスライドでは、Chromeに実装が入っているService Workerがどのような事が出来るのかについてまとまっています。

Service Workerはデバッグやスコープなどで少しはまりやすい部分がありますが、ServiceWorker のスコープとページコントロールについて - Qiitaも一緒に読むとService Workerの動きが理解しやすくなると思います。


ヘッドライン


ESLint 0.15.1 released - ESLint

eslint.org/blog/2015/02/eslint-0.15.1-released/

JavaScript Tools ReleaseNote

ESLint 0.15.1リリース


New AngularJS Releases 1.4.0-beta.5 and 1.3.14

angularjs.blogspot.com/2015/02/new-angularjs-releases-140-beta5-and.html

AngularJS ReleaseNote

AngularJS 1.4.0-betaと1.3.14リリース。
CommonJS supportの改善


Firefox — Notes (36.0) — Mozilla

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

firefox ReleaseNote

Firefox 36.0リリース。
HTTP/2のフルサポート、ES6 Symbolサポート、CSSのobject-fitobject-positionwill-changeisolationの実装、Promiseオブジェクトのデバッグ対応など


React v0.13 RC | React

facebook.github.io/react/blog/2015/02/24/react-v0.13-rc1.html

React ReleaseNote

React v0.13 RCリリース


Pointer Events is a W3C Recommendation | W3C News

www.w3.org/blog/news/archives/4430

JavaScript event spec

Pointer EventsがW3C Recommendationになった。


Release v2.4.0 · marionettejs/backbone.marionette

github.com/marionettejs/backbone.marionette/releases/tag/v2.4.0

backbone.js library ReleaseNote

Marionette 2.4.0リリース。
CollectionViewとCompositeViewのパフォーマンスや機能強化が中心。
Marionette.Controllerが非推奨となりMarionette.Objectを利用するようになった


WebStorm 10 EAP, 140.2753: V8 profiling, TypeScript 1.4 and built-in TypeScript compiler | JetBrains WebStorm Blog

blog.jetbrains.com/webstorm/2015/02/webstorm-10-eap-140-2753/

WebStorm ReleaseNote

WebStorm 10 EAPリリース。
V8のプロファイリングツール連携、TypeScript 1.4サポート、Scratch filesの改善など


アーティクル


[2015-02] 最近のJavaScript AST標準化の動き | Web Scratch

efcl.info/2015/02/26/recent-js-ast/

JavaScript AST まとめ

EspreeやShift AST、esprimaがjQuery Foundationに移管された事により活発化したAST周りの動きについて。
ESTreeというASTのコミュニティスタンダードについてなどの話


ServiceWorker のスコープとページコントロールについて - Qiita

qiita.com/nhiroki/items/eb16b802101153352bba

ServiceWorker JavaScript

Service Workerのスコープとコントロール出来るようになるタイミングなどのライフサイクルについての解説


ES6 Quiz - hogehoge @teramako

d.hatena.ne.jp/teramako/20150301/p1

ECMAScript

ECMAScript 6クイズ


Exploring ES6 Classes In AngularJS 1.x

www.michaelbromley.co.uk/blog/350/exploring-es6-classes-in-angularjs-1-x

AngularJS

AngularJS 1.xでES6 Classesを使って記述する方法についての記事


Iterables and iterators in ECMAScript 6

www.2ality.com/2015/02/es6-iteration.html

JavaScript ECMAScript

ES6のIteratorについての詳しい解説。
for..ofでのイテレート、spread演算子での展開、Symbol.iteratorでのIterableの実装などについて


JavaScript - web-animations-jsで策定中のAPIを先取りする - Qiita

qiita.com/haribote/items/a8fc84d6cc2fd4abbf72

web animation library

Web Animations APIのpolyfillの基本的な使い方について


ECMAScript7を見据えた、JavaScript(TypeScript)で使えるFRPライブラリの比較調査 - Qiita

qiita.com/kondei/items/17e5d4867a0652911e52

JavaScript Rx library

RxJS、Bacon.js、Kefire.jsの比較


よろしくESLint - Weblog - Hail2u.net

hail2u.net/blog/coding/come-into-eslint.html

JavaScript Tools

ESLintの設定について。
packge.jsonにも設定を書くことができる点やJSHintからの移行について


JavaScript入門用のコンソールプログラムjavascriptingを翻訳しました - @ledsun blog

ledsun.hatenablog.com/entry/2015/02/26/085717

JavaScript node.js tutorial 翻訳

nodeschool.ioで使われてるJavaScriptの文法を学ぶコンソールアプリの翻訳


スライド、動画関係


CSS 4 - What's coming up // Speaker Deck

speakerdeck.com/diegoeis/css-4-whats-coming-up

CSS スライド

CSS Selector、Media Queries Lv4についてのスライド


Service worker が拓く mobile web の新しいかたち

www.slideshare.net/kinukox/service-worker-mobile-web

JavaScript browser スライド

Service Workerについてのスライド。
どういうことができるのか、Fetch API、Fetch APIのResponse、デバッグ方法、セキュリティポリシーについて。
Chromeでの実装者によるスライド


hello world » AngularJS 도입 선택 가이드 공개합니다.

helloworld.naver.com/helloworld/1172239

AngularJS PDF 資料 韓国

AngularJS導入ガイド


mattpodwysocki/applicative-2015

github.com/mattpodwysocki/applicative-2015

JavaScript Rx スライド

RxJSについてのスライド。
First class async value、RxのonNext, onError, onComplete、どういう流れで処理を書けるかについてなど


サイト、サービス


Vue.js資料まとめ

gist.github.com/hashrock/f575928d0e109ace9ad0

JavaScript まとめ links

Vue.jsについてのリソースまとめ


diafygi/webcrypto-examples

github.com/diafygi/webcrypto-examples

JavaScript セキュリティ サンプル

Web Cryptography APIのサンプル集


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


jxcore·io

jxcore.io/

JavaScript node.js

Node.jsを拡張したフレームワーク。
SpiderMonkeyとV8のエンジンの切り替え、マルチスレッドサポート、モバイルアプリへの組み込みなどをサポートしてる


olahol/eselement

github.com/olahol/eselement

JavaScript AST library

ASTをDOMライクなAPIで操作出来るライブラリ。
querySelector、childNodes、removeChild、createElementのようなAPIが用意されてる


Validate.js

validatejs.org/

JavaScript library

依存するライブラリがないバリデーションライブラリ。


書籍関係


Amazon.co.jp: ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁―オブジェクト指向からシングルページアプリケーションまで: 太田 智彬, 田辺 丈士, 新井 智士, 大江 遼, 株式会社アイ・エム・ジェイ: 本

www.amazon.co.jp/dp/479813905X/

JavaScript book

2015年4月17日発売
オブジェクト指向、イベント、Canvas、Ajax、シングルページアプリケーションについての書籍


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