2017-01-17のJS

Release v1.4.0 · karma-runner/karma

Karma v1.4.0リリース。 HTTP moduleを設定することでnode-http2などを利用できるように、定数をkarma.constantsとしてexportするようになるなど

mobx/CHANGELOG.md at 3.0.0 · mobxjs/mobx

MobX 3リリース。 observableが各type毎にファクトリメソッドを追加、受け取ったオブジェクトをcloneするように、エラーハンドリングの改善など

Release Notes for Safari Technology Preview 21 | WebKit

Safari Technology Preview Release 21リリース。 Concurrent GCの有効化、<script type="module">の有効化、globalがサポートされたがbreak the webのためbackoutなど

protractor/CHANGELOG.md at 5.0.0 · angular/protractor

Protractor 5.0.0リリース。 selenium-webdriver 3.0.xへのアップデートに伴う破壊的変更、未知のフラグはエラーを投げるようになるなど

TypeScript: the missing introduction

TypeScriptという言語がどのような仕組みで動いているのか、JavaScriptに対してどのような役割をもっているのかという言語入門以前の話を丁寧にかかれている。

Practical Redux · Mark&#x27;s Dev Blog

ゲームの管理ツールを題材にしたReduxについての連載。 Redux-ORMを使ったモデルの作成、Semantic-UIでのUI作成、ディレクトリ構造、デバッグ方法、コンポーネントのリファクタリングなどについて扱っている

Side Effects in JS Promise chains – Medium

Promise chainに副作用がある処理を含める際に処理が途切れてしまう問題について。 passThrough()のような高階関数を用意し副作用を扱うことで、明示しつつバグを減らす方法について

TypedArray or DataView: Understanding byte order ★ Mozilla Hacks – the Web developer blog

ArrayBufferTypedArrayDataViewについての解説。 ArrayBufferがバイナリのデータ構造であり、viewとしてTypedArrayDataViewがあるという話

Web Components v1 - the next generation | Web | Google Developers

Web Components v1に伴い、 webcomponents.org がアップデートされた

arqex/freezer: A tree data structure that emits events on updates, even if the modification is triggered by one of the leaves, making it easier to think in a reactive way.

Immutable.jsのようなImmutableなデータ構造を扱うライブラリ。 変更を通知するイベントやImmutable.jsよりもファイルサイズが小さい。

Siema - Lightweight and simple carousel with no dependencies

依存がないカヌーセルライブラリ

angus-c/just: A library of dependency-free utilities that do just do one thing.

依存がない小さなユーティリティライブラリ集。 それぞれの機能を個別のモジュールとしてインストールして利用できる。 それぞれのjust-*モジュール間でも依存関係がない作りとなっている。

yamafaktory/shrimpit: Shrimpit is a small CLI analysis tool for checking unused JavaScript, JSX &amp; Vue templates ES6 exports in your project.

各モジュールのimport/exportを一覧し、未使用なモジュールを表示出来るCLI

katat/vbot: JSON based visual regression testing tool, particularly useful for SPA or complicated web app

JSONベースのリグレッションテストツール。 JSONでシナリオを作成して、スクリーンショットの画像比較ができる

Landmarks browser extension

WAI-ARIAのlandmarkナビゲーションを有効化するブラウザ拡張

tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas

SVGの<foreignObject>を使いHTMLを描画したものをCanvas経由で画像として取得するライブラリ

ModClean/modclean: Remove unwanted files and directories from your node_modules folder

node_modulesから不要なファイルを削除することができるツール