Fork me on GitHub

2016-05-23のJS: MSEdgeがES6 Modulesをサポート、jQuery 3.0 RCリリース

Edit on GitHub 編集履歴を見る

JSer.info #280 - MSEdgeの新しいビルドが公開され、<script type="module">でのES6 modulesをフラグ付きでサポートしています。

Microsoft Edge で Modules を使ってみる - Browserでも書かれていますが、まだサポートは限定的です。

他のブラウザも実装中で、仕様もまだ議論中なところは多いですが、Moduleが一歩進んだ感じです。

また、MSEdgeはES2016で入る **Array.prototype.includesのサポート、ES2017で入る予定のObject.valuesObject.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 ReleaseNote

MSEdge build 14342リリース。
ES6 modulesを扱える<script type="module">をフラグ付きでサポート、ES2016/2017の新しい機能である**Object.valuesObject.entriesString#pad*のサポートなど


Release v15.1.0 · facebook/react

github.com/facebook/react/releases/tag/v15.1.0

React ReleaseNote

React v15.1.0リリース。
ChromeのObject.assignに順序バグがあるため対応するpolyfillをアップデート、react-addons-perfが書き直された。


Node v6.2.0 (Current) | Node.js

nodejs.org/en/blog/release/v6.2.0/

node.js ReleaseNote

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 ReleaseNote

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 ReleaseNote

jQuery 3.0 RCリリース


アーティクル


Refactoring a JavaScript video store

martinfowler.com/articles/refactoring-video-store-js/

JavaScript リファクタリング

マーティン・ファウラーによるJavaScript(ES2015)のリファクタリング


Iterators and Generators in JavaScript | Kenneth Truyers

www.kenneth-truyers.net/2016/05/20/iterators-and-generators-in-javascript/

JavaScript ECMAScript

Iterator/Iterable/Generatorについての簡潔なまとめ


How to Make Accessible Web Components — a Brief Guide

www.sitepoint.com/accessible-web-components/

accessibility HTML WebComponents

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/

browser webservice

テスト用のクロスブラウザを扱えるサービスのまとめ


ここがすごいぞ! stylelint! - Qiita

qiita.com/inuscript/items/ff4f6972c988afbec3a8

CSS Tools

CSSのLintをするstylelintについて


step by stepで始めるKarma - Qiita

qiita.com/howdy39/items/b9d704e7f84053924da3

JavaScript testing browser

karmaの導入チュートリアル


Six nifty ES6 tricks

www.2ality.com/2016/05/six-nifty-es6-tricks.html

ECMAScript JavaScript

ES6の少しテクニカルな使い方
デフォルト引数を使った必須引数のチェック、for of + Object.entries、サロゲートペア、配列の入れ方、template literal、mixinなどについて


スライド、動画関係


Learn Redux Video Tutorial Course

learnredux.com/

redux 動画

Reduxを使ったウェブアプリ開発に関するスクリーンキャスト


Web and Chrome at Google I/O 2016 - YouTube

www.youtube.com/user/ChromeDevelopers

google 動画

Google I/O 2016の動画まとめ


Web Performance Tooling - Google I/O 2016 - YouTube

www.youtube.com/watch?v=iMqi55rcR00

Chrome debug

Chrome開発者ツールのパフォーマンス周りの使い方や見かたについて。
ケーススタディ毎にどの部分が遅いのかを見つけて、開発者ツールで本当にそれが原因なのかを確認したり、俯瞰の仕方についてなど


Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016 - YouTube

www.youtube.com/watch?v=cmGr0RszHc8

ServiceWorker JavaScript

Service Workerを使ったオフラインファーストについての発表。
電波状態が悪いケースを想定した動作、IndexedDBを使ったデータの保存など


サイト、サービス、ドキュメント


Lerna · A tool for managing JavaScript projects with multiple packages.

lernajs.io/

JavaScript Tools npm

Babelで使われてるmonorepoを管理するツールであるLernaの公式サイト


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


brigand/react-mixin: mixins in react with es6 style classes

github.com/brigand/react-mixin

React JavaScript library

React Componentに対してES6 Classesでmixinをするライブラリ


yoshuawuyts/choo: - framework for creating sturdy web applications

github.com/yoshuawuyts/choo

JavaScript redux library

小さなモジュールを組み合わせたReduxライクな仕組みを持つフレームワーク。


maxogden/yo-yo: A tiny library for building modular UI components using DOM diffing and ES6 tagged template literals

github.com/maxogden/yo-yo

JavaScript DOM library

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 plugin

Babelで文字列に値をインライン展開するプラグイン


書籍関係


Exploring ES2016… by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]

leanpub.com/exploring-es2016-es2017

ECMAScript book JavaScript

Exploring ES6のES2016/2017対応版


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