2016-10-24のJS

Release v4.0.0 · npm/npm

npm v4 Preリリース npm i -g npm@4でインストールができるように、npm searchの速度改善、publishライフサイクルがdepreated、代わりにprepareprepublishOnlyが利用可能に、 npm tagが削除など

Release JSHint 2.9.4 · jshint/jshint

JSHint 2.9.4リリース。 TDZの対応、重複したエラー報告をしないようになるなど

Ember.js - Ember.js 2.8-LTS, 2.9 and 2.10 Beta Released

Ember.js 2.8-LTS、2.9、2.10β リリース。 2.8-LTSでは2018年2月までセキュリティパッチがリリースされる。

flux/CHANGELOG.md at 3.1.0 · facebook/flux

Facebook/flux 3.0.0リリース。 FluxMapStoreを削除

Chromium Blog: Chrome 55 Beta: Input handling improvements and async/await functions

Chrome 55 Betaリリース。 Pointer Events、async/await、CSS hyphens、Persistent Storageのサポートなど corss originでかつ2G回線におけるdocument.writeをブロックするようになるなど

Node v6.9.0 (LTS) | Node.js

Node.js v6.9.0 (LTS)リリース。 Node.js v4.x (LTS)からのマイグレーションガイドも書かれている。 v6.xは2018年4月までアクティブなLTSとなる。

Node.js v6 Transitions to LTS – Medium

Node.js v6以降のLTSスケジュールについて Node.js v0.10/v0.12は2016年12月でEOLとなる。

auxclick is Coming to Chrome 55 | Web | Google Developers

左クリック以外に反応するclicKイベントであるauxclickイベントについて。

Once Upon an Event Listener | Web | Google Developers

HTMLElement#addEventListener{once}オプションについて。 一度のみハンドリングするハンドラを指定できる

Migrating to Webpack 2

webpack@1から@2へのマイグレーションについて

Async functions - making promises friendly | Web | Google Developers

async/awaitについて。 sequentialとparallelな書き方の違いについてサンプルコードと共に解説してる

Tips for using async functions (ES2017)

async/awaitの細かな注意点について。 asyncの動作、awaitを忘れた場合の動画、await Promise.all()、コールバックとasync、unhandled rejectionについて

TestCafeでブラウザの自動テスト(E2Eテスト) | Web Scratch

ブラウザの自動テストフレームワークであるTestCafeの使い方についての解説。 設定レスで動作する仕組み、リモートテスト、テストコードについて

Syntax: language agnostic parser generator – Medium

言語を問わないagnosticなパーサ、ジェネレータツールキット

Pragmatic, Practical, and Progressive Theming with Custom Properties – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

CSS Custom Propertyを使ったテーマの実装

Polymer Summit 2016 - YouTube

Polymer Summit 2016の動画一覧

A JavaScript library for building user interfaces - React

Reactのドキュメントが新しくなった。 Codepenでサンプルを実行できるように

jsPerf: JavaScript performance playground

JavaScriptスニペットのパフォーマンス計測サービスであるjsPerfのリニューアル公開

beautify-web/js-beautify · GitHub

JavaScriptを整形できるツールとサイト。 .jsbeautifyrcで設定を管理できる

jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library

draw.ioで使われているSVGの作図ライブラリ。

Automated browser testing for the modern web development stack | TestCafe

設定なしで使える自動テストフレームワーク。 Seleniumを使わないので単独で動作する。 Babelを内蔵しasync/awaitなどを扱え、自動的に一定時間待つなどの仕組みを持っている。

Hyperform - Capture form validation back from the browser

HTML5 form validation APIをpolyfill/置き換える実装を持つフォームバリデーションライブラリ

JavaScript フレームワーク入門 : 掌田津耶乃 : 本 : Amazon.co.jp

TypeScript、npmとBower、webpack、jQuery、Vue.js、Backbone.js、Angular、React、AureliaなどのJavaScriptの色々なツールやフレームワークについての本