2017-03-19のJS

Migrating to v2.0

inon.js 2.0リリース。 sinon.logsinon.logErrorは削除、sinon.testsinon.testCaseがコアから削除され別モジュールへ分離。 Internalなメソッドが非推奨になるなど

# jQuery 3.2.0 Is Out! | Official jQuery Blog

uery 3.2.0リリース。 $.cssがCSS Custom Propertyをサポート、transformされた要素の.width().height()の値がおかしい問題を修正、<template>要素をサポートなど

Release react-router@4.0.0: Publish · ReactTraining/react-router [

ct Router 4.0.0リリース。 書き直されたバージョンであり、既存のものとは互換性がないためマイグレーションガイドは用意されていない。

Release v0.42.0 · facebook/flow [g

0.42.0リリース。 Object type spread type TypeB = { ...TypeA } の追加。flow ideコマンドの追加など

SLint v3.18.0 released - ESLint - Pluggable JavaScript linter [es

t 3.18.0リリース。 esqueryベースのASTセレクタに対応しルール内でセレクタを指定できるようになるなど

  • [

sting Service Workers – Dev Channel – Medium [med

eWorkerのスクリプトに対するユニットテストについて。 Tests in SW、イベントのエミュレート、Push Eventのテストについてなど

Proxy をつかって堅牢なオブジェクトをつくるTips [aloe

Proxyを使ったImmutableやSingletonなどを例にした、オブジェクトの拡張方法について。 ProxyのtrapやReflect APIについて

meでReactコンポーネントのテストを書こう - DMM.comラボエンジニアブログ [labot

ったReactコンポーネントのテスト方法について

round Tabs in Chrome 57  |  Web  |  Google Developers [develo

クグラウンドタブにおける制限について。 Chrome 57からは、timerやrequestAnimationFrameに加えて、budget-basedの制限が加わる。 バックグラウンドにいるかはPage visibility APIで判定できる。 テスト時などは--disable-background-timer-throttlingのフラグで無効化できる。

Fluxアーキテクチャをやってみる | Web Scratch [efcl.in

ウンターアプリを書きながら、どのようにFlux的な一方通行のデータフローを行うかについての記事。 開発用のロガーやブラウザ拡張との連携について

internals #1: the easy parts – Medium [medium.c

についての連載記事

ive Web App Libraries in Production – Dev Channel – Medium [medium.co

rを使ったキャッシュ周りなどを導入するツールであるsw-precache、 sw-toolbox、offline-analyticsの紹介記事

ux+Express+MongoDBでものすごくシンプルなCRUDアプリをつくる - Qiita [qiita.com/

-app`を使いReact+Reduxのセットアップを行いフロントを書き、Express+MongoDB+mongooseでバックエンドを書いていくチュートリアル記事。 フロントエンドとバックエンドの接続部分も丁寧にかかれている。 T

e | Our Thinking | testdouble.js 2.0 [blog.testdo

stdouble.js 2.0リリース。 td.objectではES2015 Proxyを使い存在しないプロパティなどのアクセスもキャッチ出来るようになるなど、非同期stubのサポート、td.verifyの改善など

  • [Test Doub

ue.js - 算出プロパティはどうやって動いているか [kitak.github

propertyの変更検知の仕組みについてのスライド Rea

017 - YouTube [www.youtube.c

動画が公開された

  • [React Conf

full-stack React+GraphQL framework [vulcanjs.org/]

タックフレームワーク。 元々React+MeteorのTelscopeだったもの。

  • [Vulcan: A Ne

ck-tricks: Tips and tricks in using Webpack [github.com/rsta

の削減やビルドの設定、開発向け/本番向けの設定などのTipsをまとめたドキュメント <h1 class=

act-loadable: A higher order component for loading components with promises. [github.com/theja

数のReactコンポーネント。 Promiseが解決されるまでのローディングやエラー表示を行う

  • [Introducing Re

-runtime-analyzer: Webpack 1.x/2.x plugin for analyzing internal processes, state and structure of bundles. [github.com/smeluk

ateや構造をビジュアライズするwebpack plugin。 モジュール、依存関係グラフ、ファイルサイズなど FranckFr

module-invalidate: Invalidate node.js modules loaded through require() [github.com/FranckF

んだキャッシュを無効化したり、モジュール側で無効化することを宣言できるモジュール <h1 class="si

'Reilly Media [shop.oreilly.com/pr

-- 徹底マスター Jav

科書 プログラミングの教養から、言語仕様、開発技法までが正しく身につく | 磯 博 | インターネット・Web開発 | Kindleストア | Amazon [www.amazon.co.jp/dp/

ての書籍。 ES2015に対応している内容

  • [SBクリエイティブ:徹底マスター J