JSer.info #276 - Babelのruntimeでも利用されているcore-js 2.3.0がリリースされました。
3月にあったTC39のミーティング内容を反映した変更が多く、ProposalのStageの移動などが中心です。
DOM Listener: capture, passive, and onceという記事では、最近WHATWG HTMLに追加された node.addEventListener(type, handler, {capture: true} などの第三引数であるEventListenerOptionsについて解説されています。
仕様や実装状況については以下を参照するのが良いと思います。
- addEventListener/removeEventListener EventListenerOptions API - Chrome Platform Status
- WICG/EventListenerOptions: An extension to the DOM event pattern to allow authors to disable support for preventDefault
まだ、仕様も議論中ではあるようでですが、Chromeには一部実装されています。
上記のような addEventListener といった既存のDOM APIに対する変更はWHATWGの方に大抵追加されています。
- WHATWG版とW3C版がある仕様たち - Unreviewed
- 今もHTMLの仕様に関してゴタゴタがありますが…
そうしたWHATWGにあるLiving Standardな仕様を多く翻訳しているwww.hcn.zaq.ne.jp/___/WEB/がGitHubに移行しています。
また、WHATWGの一部仕様では本家から翻訳へのリンクが追加されるようです。
同様のLiving Standardの仕様書の翻訳としては、@momdo_さんがやっているHTML Standard 日本語訳があります。
WHATWG Living Standardというだけあって常に更新されているので、本当に最新を参照したい場合は本家を見るべきですが、まとめて読みたい場合などは翻訳も参照してみるといいかもしれません。
ヘッドライン
New Release: 2.9.2
jshint.com/blog/2016-04-19/release-2-9-2/
JSHint 2.9.2リリース
Release v3.5.0 · reactjs/redux
github.com/reactjs/redux/releases/tag/v3.5.0
Redux 3.5.0リリース
ES.nextのStage 1 Proposalであるes obvervableに対応。
Symbol.observableを実装を追加
Release 2.3.0 - 2016.04.24 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v2.3.0
core-js 2.3.0リリース。
global.asap、Symbol.asyncIterator、Symbol.observableの追加。
Map#toJSON、Set#toJSON、Error.isErrorの削除など。TC39ミーティング内容の反映が中心
V8 JavaScript Engine: V8 Release 5.1
v8project.blogspot.com/2016/04/v8-release-51.html
V8 5.1リリース。
Symbol.species、Symbol.hasInstance、 Function nameの仕様追従、パフォーマンス/メモリ使用量の改善など
Release Version 2.0.0 · chartjs/Chart.js
github.com/chartjs/Chart.js/releases/tag/v2.0.0
Canvasを使ったグラフライブラリのChart.js 2.0.0リリース。
アーティクル
DOM Listener: capture, passive, and once
www.webreflection.co.uk/blog/2016/04/17/new-dom4-standards
node.addEventListener(type, handler, EventListenerOptions) 第三引数に追加されたEventListenerOptionsについて。
passiveとcaptureの解説
How do I update to Gulp 4? - Liquid Light
www.liquidlight.co.uk/blog/article/how-do-i-update-to-gulp-4/
まだリリースはされてないが、gulp 4へのアップデートについて
どのようにアップデートすればいいかが書かれている
Stylelint | CSS-Tricks
CSSのLintツールであるStylelintについて。
エディタとの連携、PostCSS、stylefmtについて
emilbjorklund/svg-weirdness: A repository of bugs and plain weird behavior in SVG
github.com/emilbjorklund/svg-weirdness
SVGのバグを集めたリポジトリ
中級者向け Service Worker Tutorial | blog.jxck.io
blog.jxck.io/entries/2016-04-24/service-worker-tutorial.html
ServiceWorkerを使って開発する際に出てくる問題や挙動について解説しているスクリーンキャスト
スライド、動画関係
EmberConf 2016 - YouTube
www.youtube.com/playlist?list=PL4eq2DPpyBblc8aQAd516-jGMdAhEeUiW
EmberConf 2016の動画まとめ
Dev.Opera — Front-End Performance: The Dark Side
dev.opera.com/blog/timing-attacks/
フロントエンドのパフォーマンスについての動画
サイト、サービス、ドキュメント
Flexbox Patterns
Flexboxのパターン集
ウェブ関連仕様 日本語訳
WHATWGやW3Cなどの仕様書を翻訳しているサイト
はじめてのプログレッシブ ウェブアプリ
codelabs.developers.google.com/codelabs/your-first-pwapp-ja/
プログレッシブウェブアプリについて学ぶチュートリアル
ソフトウェア、ツール、ライブラリ関係
evcohen/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.
github.com/evcohen/eslint-plugin-jsx-a11y
JSX要素のアクセシビリティをチェックするESLintルール
VictorBjelkholm/autochecker: Test your JavaScript modules simultaneously in 32 different versions of NodeJS
github.com/VictorBjelkholm/autochecker
Node.jsの複数のバージョンでテストするツール。 matrix test
staltz/xstream: An extremely intuitive, small, and fast functional reactive stream library for JavaScript
Hot onlyなRxJSライクなStreamライブラリ。
jonathanewerner/webpack-validator: Validates your webpack config with Joi
github.com/jonathanewerner/webpack-validator
webpackの設定ファイルのバリデーションツール
webpack/memory-fs: A simple in-memory filesystem. Holds data in a javascript object.
memory上で読み書きするfsモジュール
