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の動きが理解しやすくなると思います。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
ESLint 0.15.1 released - ESLint
eslint.org/blog/2015/02/eslint-0.15.1-released/
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 1.4.0-betaと1.3.14リリース。
CommonJS supportの改善
Firefox — Notes (36.0) — Mozilla
www.mozilla.org/en-US/firefox/36.0/releasenotes/
Firefox 36.0リリース。
HTTP/2のフルサポート、ES6 Symbolサポート、CSSのobject-fitとobject-position、will-change、isolationの実装、Promiseオブジェクトのデバッグ対応など
React v0.13 RC | React
facebook.github.io/react/blog/2015/02/24/react-v0.13-rc1.html
React v0.13 RCリリース
Pointer Events is a W3C Recommendation | W3C News
www.w3.org/blog/news/archives/4430
Pointer EventsがW3C Recommendationになった。
- Pointer Events advance to W3C Recommendation | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
- Pointer Events W3C Recommendation, Interoperable Touch, and Removing the Dreaded 300ms Tap Delay - IEBlog - Site Home - MSDN Blogs
- Getting on Point | Official jQuery Blog
Release v2.4.0 · marionettejs/backbone.marionette
github.com/marionettejs/backbone.marionette/releases/tag/v2.4.0
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 10 EAPリリース。
V8のプロファイリングツール連携、TypeScript 1.4サポート、Scratch filesの改善など
アーティクル
[2015-02] 最近のJavaScript AST標準化の動き | Web Scratch
efcl.info/2015/02/26/recent-js-ast/
EspreeやShift AST、esprimaがjQuery Foundationに移管された事により活発化したAST周りの動きについて。
ESTreeというASTのコミュニティスタンダードについてなどの話
ServiceWorker のスコープとページコントロールについて - Qiita
qiita.com/nhiroki/items/eb16b802101153352bba
Service Workerのスコープとコントロール出来るようになるタイミングなどのライフサイクルについての解説
ES6 Quiz - hogehoge @teramako
d.hatena.ne.jp/teramako/20150301/p1
ECMAScript 6クイズ
Exploring ES6 Classes In AngularJS 1.x
www.michaelbromley.co.uk/blog/350/exploring-es6-classes-in-angularjs-1-x
AngularJS 1.xでES6 Classesを使って記述する方法についての記事
Iterables and iterators in ECMAScript 6
www.2ality.com/2015/02/es6-iteration.html
ES6のIteratorについての詳しい解説。
for..ofでのイテレート、spread演算子での展開、Symbol.iteratorでのIterableの実装などについて
JavaScript - web-animations-jsで策定中のAPIを先取りする - Qiita
qiita.com/haribote/items/a8fc84d6cc2fd4abbf72
Web Animations APIのpolyfillの基本的な使い方について
ECMAScript7を見据えた、JavaScript(TypeScript)で使えるFRPライブラリの比較調査 - Qiita
qiita.com/kondei/items/17e5d4867a0652911e52
RxJS、Bacon.js、Kefire.jsの比較
よろしくESLint - Weblog - Hail2u.net
hail2u.net/blog/coding/come-into-eslint.html
ESLintの設定について。
packge.jsonにも設定を書くことができる点やJSHintからの移行について
JavaScript入門用のコンソールプログラムjavascriptingを翻訳しました - @ledsun blog
ledsun.hatenablog.com/entry/2015/02/26/085717
nodeschool.ioで使われてるJavaScriptの文法を学ぶコンソールアプリの翻訳
スライド、動画関係
CSS 4 - What's coming up // Speaker Deck
speakerdeck.com/diegoeis/css-4-whats-coming-up
CSS Selector、Media Queries Lv4についてのスライド
Service worker が拓く mobile web の新しいかたち
www.slideshare.net/kinukox/service-worker-mobile-web
Service Workerについてのスライド。
どういうことができるのか、Fetch API、Fetch APIのResponse、デバッグ方法、セキュリティポリシーについて。
Chromeでの実装者によるスライド
hello world » AngularJS 도입 선택 가이드 공개합니다.
helloworld.naver.com/helloworld/1172239
AngularJS導入ガイド
mattpodwysocki/applicative-2015
github.com/mattpodwysocki/applicative-2015
RxJSについてのスライド。
First class async value、RxのonNext, onError, onComplete、どういう流れで処理を書けるかについてなど
サイト、サービス
Vue.js資料まとめ
gist.github.com/hashrock/f575928d0e109ace9ad0
Vue.jsについてのリソースまとめ
diafygi/webcrypto-examples
github.com/diafygi/webcrypto-examples
Web Cryptography APIのサンプル集
ソフトウェア、ツール、ライブラリ関係
jxcore·io
Node.jsを拡張したフレームワーク。
SpiderMonkeyとV8のエンジンの切り替え、マルチスレッドサポート、モバイルアプリへの組み込みなどをサポートしてる
olahol/eselement
ASTをDOMライクなAPIで操作出来るライブラリ。
querySelector、childNodes、removeChild、createElementのようなAPIが用意されてる
Validate.js
依存するライブラリがないバリデーションライブラリ。
書籍関係
Amazon.co.jp： ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁―オブジェクト指向からシングルページアプリケーションまで: 太田 智彬, 田辺 丈士, 新井 智士, 大江 遼, 株式会社アイ・エム・ジェイ: 本
www.amazon.co.jp/dp/479813905X/
2015年4月17日発売
オブジェクト指向、イベント、Canvas、Ajax、シングルページアプリケーションについての書籍
