JSer.info #280 - MSEdgeの新しいビルドが公開され、<script type="module">でのES6 modulesをフラグ付きでサポートしています。
Microsoft Edge で Modules を使ってみる - Browserでも書かれていますが、まだサポートは限定的です。
他のブラウザも実装中で、仕様もまだ議論中なところは多いですが、Moduleが一歩進んだ感じです。
また、MSEdgeはES2016で入る ** と Array.prototype.includesのサポート、ES2017で入る予定のObject.valuesやObject.entriesなどの実装を開始しています。
ECMAScriptの部分に関してはオープンソースのChakraCoreリポジトリの方で実装されるので、次のリポジトリを見ておくと実装状況が分かると思います。
ECMAScriptのProposalの場所は次に変更されたので合わせて参照するといいかもしれません。
TC39, the standards body that works on the ECMAScript language, has a new GitHub-driven process and yearly release cadence.
記事中でGitHub-drivenとありますが、ChakraCoreのIssueにWebKitの人がいたり、Proposal仕様を書いた人がいたり、それらに対してECMAScriptのリポジトリからリンクがあってリファレンスリンクが見えたりするので面白いです。
V8チームが書いた記事も合わせてみると、仕様策定から実装プロセスへの変化が見られるかもしれません。
jQuery 3.0 RCがリリースされました。
jQuery 3.xはIE9+サポートとなり、1.xと2.xから3.xに一本化されます。
過去のバージョンからのアップグレード方法については次のドキュメントにまとめられています。
ヘッドライン
Previewing ES6 Modules and more from ES2015, ES2016 and beyond | Microsoft Edge Dev Blog
blogs.windows.com/msedgedev/2016/05/17/es6-modules-and-beyond/
MSEdge build 14342リリース。
ES6 modulesを扱える<script type="module">をフラグ付きでサポート、ES2016/2017の新しい機能である**、Object.values、Object.entries、String#pad*のサポートなど
Release v15.1.0 · facebook/react
github.com/facebook/react/releases/tag/v15.1.0
React v15.1.0リリース。
ChromeのObject.assignに順序バグがあるため対応するpolyfillをアップデート、react-addons-perfが書き直された。
- Add new ReactPerf by gaearon · Pull Request #6046 · facebook/react
- Add feature test against buggy V8 versions by spicyj · Pull Request #32 · sindresorhus/object-assign
Node v6.2.0 (Current) | Node.js
nodejs.org/en/blog/release/v6.2.0/
Node v6.2.0リリース。
--no-deprecationをランタイムに設定できる process.noDeprecation = true; が用意されるなど
Release v6.9.0 · babel/babel
github.com/babel/babel/releases/tag/v6.9.0
Babel v6.9.0リリース。
core-jsのアップデート、systemGlobalオプションの追加など
jQuery 3.0 Release Candidate…Released! | Official jQuery Blog
blog.jquery.com/2016/05/20/jquery-3-0-release-candidate-released/
jQuery 3.0 RCリリース
アーティクル
Refactoring a JavaScript video store
martinfowler.com/articles/refactoring-video-store-js/
マーティン・ファウラーによるJavaScript(ES2015)のリファクタリング
Iterators and Generators in JavaScript | Kenneth Truyers
www.kenneth-truyers.net/2016/05/20/iterators-and-generators-in-javascript/
Iterator/Iterable/Generatorについての簡潔なまとめ
How to Make Accessible Web Components — a Brief Guide
www.sitepoint.com/accessible-web-components/
Custom Elementで作った要素をAccessibleに実装するチュートリアル。
キーボード対応、WAI-ARIA、ハイコントラストモードでの確認など
The 7 Cross-Browser Testing Tools You Need in 2016
www.sitepoint.com/the-7-cross-browser-testing-tools-you-need-in-2016/
テスト用のクロスブラウザを扱えるサービスのまとめ
ここがすごいぞ！ stylelint！ - Qiita
qiita.com/inuscript/items/ff4f6972c988afbec3a8
CSSのLintをするstylelintについて
step by stepで始めるKarma - Qiita
qiita.com/howdy39/items/b9d704e7f84053924da3
karmaの導入チュートリアル
Six nifty ES6 tricks
www.2ality.com/2016/05/six-nifty-es6-tricks.html
ES6の少しテクニカルな使い方
デフォルト引数を使った必須引数のチェック、for of + Object.entries、サロゲートペア、配列の入れ方、template literal、mixinなどについて
スライド、動画関係
Learn Redux Video Tutorial Course
Reduxを使ったウェブアプリ開発に関するスクリーンキャスト
Web and Chrome at Google I/O 2016 - YouTube
www.youtube.com/user/ChromeDevelopers
Google I/O 2016の動画まとめ
Web Performance Tooling - Google I/O 2016 - YouTube
www.youtube.com/watch?v=iMqi55rcR00
Chrome開発者ツールのパフォーマンス周りの使い方や見かたについて。
ケーススタディ毎にどの部分が遅いのかを見つけて、開発者ツールで本当にそれが原因なのかを確認したり、俯瞰の仕方についてなど
Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016 - YouTube
www.youtube.com/watch?v=cmGr0RszHc8
Service Workerを使ったオフラインファーストについての発表。
電波状態が悪いケースを想定した動作、IndexedDBを使ったデータの保存など
サイト、サービス、ドキュメント
Lerna · A tool for managing JavaScript projects with multiple packages.
Babelで使われてるmonorepoを管理するツールであるLernaの公式サイト
ソフトウェア、ツール、ライブラリ関係
brigand/react-mixin: mixins in react with es6 style classes
github.com/brigand/react-mixin
React Componentに対してES6 Classesでmixinをするライブラリ
yoshuawuyts/choo: - framework for creating sturdy web applications
小さなモジュールを組み合わせたReduxライクな仕組みを持つフレームワーク。
maxogden/yo-yo: A tiny library for building modular UI components using DOM diffing and ES6 tagged template literals
https://www.npmjs.com/package/morphdom をベースにtagged template literalsを使ったViewライブラリ
wssgcg1213/babel-plugin-inline-replace-varibles: babel plugin to inline replace varibles
github.com/wssgcg1213/babel-plugin-inline-replace-varibles
Babelで文字列に値をインライン展開するプラグイン
書籍関係
Exploring ES2016… by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]
leanpub.com/exploring-es2016-es2017
Exploring ES6のES2016/2017対応版
