2017-04-25のJS

Release Notes for Safari Technology Preview 28 | WebKit

Safari Technology Preview Release 28リリース。 バックグラウンドタブの処理を抑制、クロスオリジン iframeのrequestAnimationFrameを30fpsに制限するなど。 WebCryptoでAES-CTRをサポート

Firefox — Notes (53.0) — Mozilla

Firefox 53.0リリース。 ES2015のFunction.nameの仕様追従 var f = function() {};f.name; // "f"auxclickイベントの対応、display: flow-rootの対応など

New in Chrome 58  |  Web  |  Google Developers

Chrome 58リリース。 IndexedDB 2.0、display: flow-rootのサポートなど

jsdom/Changelog.md at 10.0.0 · tmpvar/jsdom

jsdom 10.0.0リリース。 Node.js <=5のサポートを終了、基本的な使い方を変更(new JSDOM(html)など)、Scriptの追加。 omitJsdomErrorsomitJSDOMErrorsへリネーム、dirの対応改善、window.postMessage()のoriginチェックを修正など

Async iterators and generators - JakeArchibald.com

Async iteratorについての解説

A Vue.js introduction for people who know just enough jQuery to get by

Vue.jsを使ってTwitterの投稿画面のようなダイアログ表示を作成するチュートリアル。 機能毎に実装を進めていて、データバインディングやメソッドの呼び出し、アニメーションなどについて解説してる。

FRESH! Web パフォーマンス改善 〜クライアントサイド編〜 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

パフォーマンス改善についての解説記事。 Service Workerを使ったキャッシュ、Intersection Observerを使ったlazy load、SVGスプライトをやめて個別にSVGを読み込むなど。

脱jQueryのためにしたこと - Qiita

jQueryで書かれたサイトを標準のAPIやVue.jsを使って書き換えていく話

Visual Testing — the pragmatic way to test UIs – Chroma

コンポーネントのビジュアルテストについて。 スナップショットテスト、ReactStoryBookなどを使ったUI component explorersのアプローチなどについて

How to build a math expression tokenizer using JavaScript (or any other language)

JavaScriptでトークナイザーを書いていくチュートリアル

JavaScript Testing Tool Showdown: Sinon.js vs testdouble.js — SitePoint

Sinon.jsとtestdouble.jsの比較記事

React Fiber現状確認 - blog.koba04.com

React v16から入る予定のFiberアーキテクチャについて。 ReactコアのReconciliationを置き換えるもので、今までは作業単位が1つのツリーだったものを、Filberという作業単位で行うようにする仕組みの解説。 また、v16以降に入るError Boundaryなどの変更について。

Browser animation in 2017 by birtles

CSS Animations/Web Animationsについてのスライド。 Web Animations APIやフレームアニメーションについて、またその実装状況にについて

abouthiroppy/node8

5月30日にリリース予定のNode.js 8.0.0についてのスライド。 Node.js 8.0.0ではV8の新しいコンパイラパイプラインが入る予定。 またNode.js 7.x ~ 8.0.0で入る予定の変更点について。

ericvicenti/intro-to-react: A Hands-On Walkthrough of your first React Web App

Reactについて学ぶワークショップの資料と動画

Get Started With Analyzing Runtime Performance  |  Web  |  Google Developers

Chromeの開発者ツールを使ったパフォーマンス解析のチュートリアル

WCAG 2.0 達成方法集

Techniques for WCAG 2.0の翻訳

State Architecture Patterns in React: A Review – Skyler Nelson – Medium

Reactでよく見るステート管理パターンについて。 ナイーブな階層構造、上から下へStateを渡すTop-Heavy Architecture(Central State)、Pub/Subなどについて

Introducing a faster BBC News front page | Wildly Inaccurate

BBC Newsのパフォーマンス改善について。 SpeedCurveを使って計測を行い、画像遅延ロード、Reactをサーバサイドレンダリングのみに利用してる。 まだ改善の1段階で、Reactをブラウザ側で動かしたときにモバイルだと重たい問題などが課題となってる(そのためサーバサイドレンダリングのみになっている)

chadhietala/babel-plugin-debug-macros

Babelを使ったHygenic Macroのプラグイン。 assertやdeprecate、warning、feature flagなどのマクロ化したもの

aweary/tinytime: A straightforward time and time formatter in <1kb

小さなstrtime的なライブラリ。 時間フォーマット