JSer.info #288 - 非同期処理ライブラリAsyncの2.0がリリースされました。
2.0ではライブラリ内部が整理され、require("async/series")のように直接参照でそれぞれの機能が利用できるようになっています。また、内部的にES2015 modulesでimport/exportしているasync-esも合わせて公開されています。

機能的な変更点についてはCHANGELOGを参照してください。

• async/CHANGELOG.md at v2.0.0 · caolan/async

HTMLのアクセシビリティテストライブラリであるaXe 2.0がリリースされました。

aXeはHTMLにスクリプトとして読み込ませて実行し、定義したルールにもとづきアクセシビリティのチェックをするライブラリ/ツールです。

• Deque Launches aXe 2.0

2.0ではPluginsの仕組みが追加されています。

TypeScript 2.0 Betaが公開されました。

Non-nullable type、module定義でワイルドカード(*)のサポート、never typeなどの機能が追加されています。
また、tsconfigのincludeでglobサポート、built-inの型定義ファイルを--libで指定できるように、--skipLibCheckの追加など

詳しくは以下を参照してください。

• What's new in TypeScript · Microsoft/TypeScript Wiki
• TypeScript 2.0 Beta 変更点 - Qiita

JSer.infoをサポートするには

• 😘 知り合いにJSer.infoをおすすめする
• ❤️ GitHub Sponsorsで@azuのスポンサーになる
• 🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

ESLint v3.1.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2016/07/eslint-v3.1.0-released

ESLint ReleaseNote

ESLint 3.1.0リリース。
ルールがエラーの開始位置のみしかレポートできなかったのが、範囲指定してエラーレポートできるようになるなど

• ESLint v3.1.0 - Qiita

Release Zepto.js 1.2.0 · madrobby/zepto

github.com/madrobby/zepto/releases/tag/v1.2.0

JavaScript jQuery library ReleaseNote

Zepto.js 1.2.0リリース。
__proto__をコードベースから削除、$.noopや$.isNumeric()の追加など

async/CHANGELOG.md at v2.0.0 · caolan/async

github.com/caolan/async/blob/v2.0.0/CHANGELOG.md

JavaScript library

async 2.0.0リリース。
ES2015版のasync-esの提供、raceなどの機能追加。
破壊的な変更としてwaterfallの挙動変更、filterやrejectなどのコールバック関数が受け取る引数を変更など

• Async v2.0.0 リリース - Qiita

Deque Launches aXe 2.0

www.deque.com/blog/introducing-axe-2-0/

accessibility testing browser ReleaseNote

ウェブサイトのAccessibilityテストエンジンであるaXe 2.0リリース

• dequelabs/axe-core: Accessibility engine for automated Web UI testing

protractor/CHANGELOG.md at 4.0.0 · angular/protractor

github.com/angular/protractor/blob/4.0.0/CHANGELOG.md

JavaScript TypeScript testing library

Protractor 4.0.0リリース。
webdriver-managerが個別のnpmモジュールとしてインストール可能に、TypeScriptの型定義ファイルを追加など

• webdriver-manager

Announcing TypeScript 2.0 Beta | TypeScript

blogs.msdn.microsoft.com/typescript/2016/07/11/announcing-typescript-2-0-beta/

TypeScript ReleaseNote

TypeScript 2.0βリリース。
Non-nullable Type、module定義に*などが使えるように。
never typeの追加、tsconfigでglobサポート、built-inの型定義ファイルを--libで指定できるように、--skipLibCheckの追加など

• What's new in TypeScript · Microsoft/TypeScript Wiki
• TypeScript 2.0 Beta 変更点 - Qiita

アーティクル

4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them

auth0.com/blog/2016/01/26/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/

JavaScript debug

JavaScriptでよくあるメモリリークのパターンについて。
Chrome開発者ツールを使ってメモリリークを見つける方法について

Node.js における Promise を使った例外処理 - from scratch

yosuke-furukawa.hatenablog.com/entry/2016/07/12/103734

node.js Promises

Node.jsのuncaughtExceptionとPromiseを使った場合のunhandledRejectionについて。
それぞれの違いや動作について

What’s inside jQuery 3.0 | jQuery 3.0 new features

codebrahma.com/whats-new-jquery-3-0/

jQuery

jQuery 3の細かな変更について。
strict mode、for of、requestAnimationFrame()、エスケープの仕組み、jqXHR、.show()/hide()の改善、.width()/.height()が整数値ではなくなるなど

The Lumpy Web - Tales of a Developer Advocate

paul.kinlan.me/the-lumpy-web/

web WebPlatformAPI spec browser

Webとブラウザにおける問題は大きく分けて3つに分類できる。
ブラウザ毎の実装違い(実装のバージョン違い)、仕様と実装の齟齬、実装優先度の問題。
これらの問題に対してどこを参照すれば、どのカテゴリの問題であるかを把握できるかについて書かれてる

JavaScript variables hoisting in details

rainsoft.io/javascript-hoisting-in-details/

JavaScript

varのhoisting(巻き上げ)についての解説。
またletやconst、classとTDZについて

Mixins Considered Harmful | React

facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html

React

ReactのMixinでやっていることは、higher-order componentsやutilを使うなど別の方法で解決できるという話

enzyme+mocha+power-assertでReactコンポーネントのフルレンダリングテスト - wadackel.me

blog.wadackel.me/2016/react-enzyme-mocha-power-assert/

JavaScript DOM testing

Reactコンポーネントをjsdomとenzymeでテストする話

スライド、動画関係

Redux Middleware Wars (Japanese) // Speaker Deck

speakerdeck.com/shuhei/redux-middleware-wars-japanese

redux スライド

Reduxで非同期処理を扱うMiddlewareについてのスライド。
redux-thunk、redux-promise、redux-saga、redux-loop、redux-observableの比較

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

ianstormtaylor/slate: A completely customizable framework for building rich text editors in the browser.

github.com/ianstormtaylor/slate

JavaScript React library editor

リッチエディタを実装できるReact Component。
ロジックはプラグインとして実装できるためカスタマイズしやすい作り。

sindresorhus/conf: Simple config handling for your app or module

github.com/sindresorhus/conf

node.js library

Node.jsでシンプルな設定保存ライブラリ。

carteb/carte-blanche: An isolated development space with integrated fuzz testing for your components. See them individually, explore them in different states and quickly and confidently develop them.

github.com/carteb/carte-blanche

React Tools

React Componentのチェックができるツール。
ランダム/任意のデータを入れて描画結果がどうなるかを確認できる。
スタイルガイド的なツール

ECMAScript Version Detector

azu.github.io/ecmascript-version-detector/

ECMAScript JavaScript Tools

JavaScriptのコードを入力すると、そのコードの構文のECMAScript versionを出してくれるツールとライブラリ。
書いてるコードがProposal段階なのかを判定できる

zingchart/zingtouch: A JavaScript touch gesture detection library for the modern web

github.com/zingchart/zingtouch

JavaScript mobile library

TouchとGestureの管理ライブラリ。
ZingTouch.Region(element)で領域を作成し、その領域に対してイベントを設定できる