JSer.info #290 - Mocha 3.0がリリースされました。
メジャーアップデートであるため、いくつかの非互換性が含まれています。
Promiseを返すパターンとdone
の両方が同時に使われているケースをエラーとするように、
--grep
に正規表現的な文字列を指定できるようになるなど
React 15.3.0がリリースされました。
React.PureComponent
の追加、Jestと共に使うreact-test-rendererのパッケージを公開、propTypesの警告の改善などが含まれています。
React 15.2.0では騒がしい警告が色々追加されているので、アップデートする際は以下の記事を参考にすると良さそうです。
ECMAScript proposal updates @ 2016-07 | ECMAScript Dailyでは、7月に行われたTC39のミーティングの結果、Statusが変わったProposalについてまとめられています。
Async Functionsとtrailing commas in function parameterがStage 4となっています。
ES2017に入る予定(Stage 4)のものは以下にまとめられています。
ヘッドライン
Aurelia 1.0 is Here!!!
blog.durandal.io/2016/07/27/aurelia-1-0-is-here/
Aurelia 1.0リリース
Ember.js - Ember.js 2.7 and 2.8 Beta Released
emberjs.com/blog/2016/07/25/ember-2-7-and-2-8-beta-released.html
Ember.js 2.7と2.8 Betaリリース。
Ember 2.8ではEmber.Engine
、Array#includes
のpolyfill、Ember.String.isHTMLSafe
などが追加される
mocha/CHANGELOG.md at master · mochajs/mocha
github.com/mochajs/mocha/blob/master/CHANGELOG.md
Mocha 3.0.0リリース。 非同期テスト時にdone()
の実装とPromiseを返すとエラーになる、--grep
で正規表現リテラル的な文字列が指定可能に、describe.only
の動作を改善など
Jest 14.0: React Tree Snapshot Testing · Jest
facebook.github.io/jest/blog/2016/07/27/jest-14.html
Jest 14.0リリース。
React Componentのsnapshot testing、React Nativeサポートなど
Release v15.3.0 · facebook/react
github.com/facebook/react/releases/tag/v15.3.0
React 15.3.0リリース。
React.PureComponent
の追加、propTypesのバリデーション改善、テスト向けのreact-test-renderer
を公開など
ESLint v3.2.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2016/07/eslint-v3.2.0-released
ESLint v3.2.0リリース。
no-tab
ルールの追加など
Release v6.12.0 · babel/babel
github.com/babel/babel/releases/tag/v6.12.0
Babel v6.12.0リリース。
babel-plugin-transform-runtime
にhelpers: false
を追加。
babel-plugin-transform-es2015-modules-umd
にexactGlobals
オプションを追加など
アーティクル
ECMAScript proposal updates @ 2016-07 | ECMAScript Daily
ecmascript-daily.github.io/2016/07/30/last-minutes-proposals-changes
2016年7月のミーティングのProposal statusの変化まとめ。
Async/Awaitとtrailing function commasがstage 4になった
A Comprehensive Guide to Font Loading Strategies—zachleat.com
www.zachleat.com/web/comprehensive-webfonts/
Font Loadingの手法やそれぞれの良いところ、良くないところについてのまとめ
A step-by-step TDD approach on testing React components using Enzyme
thereignn.ghost.io/a-step-by-step-tdd-approach-on-testing-react-components-using-enzyme/
Enzymeを使ったReact ComponentのTDDについて。
React Componentをテスト駆動で開発するチュートリアル
Taming requestAnimationFrame and requestIdleCallback
www.webreflection.co.uk/blog/2016/07/31/taming-raf-and-rick
requestAnimationFrame/requestIdleCallbackなどのスケジューリングを行うライブラリについて
CSS: will-change指定時の挙動, パフォーマンスへの影響と考察 - Qiita
qiita.com/damele0n/items/71352757d0e6fdf5b184
CSSのwill-change
の効果の検証とブラウザの実装(ソースコード)について。
指定した値毎の挙動についてなど
React v0.14.x から v15.2.x へのアップデート録 ::ハブろぐ
havelog.ayumusato.com/develop/javascript/e717-react_v15_upgrade.html
React 0.14.xから15.2へのアップデートした際に出る警告と対処法について
JavaScript Systems Music
teropa.info/blog/2016/07/28/javascript-systems-music.html
JavaScriptでSystems Music
スライド、動画関係
Vue.js @ Laracon - Google スライド
docs.google.com/presentation/d/16MpK3I2LZz47QdLg3uMNkCC3PqmM0znXF3-FdCEpics/mobilepresent#slide=id.p
Vue.js 2.0のコンセプトについてのスライド
Async Redux Module 1 // Speaker Deck
speakerdeck.com/freddyrangel/async-redux-module-1
Reduxでの非同期についてのスライド集。
そもそも動きから、middleware、thunk、sagaについて
- Async Redux Module 2 // Speaker Deck
- Async Redux Module 3 // Speaker Deck
- Async Redux Module 4 // Speaker Deck
- Async Redux Module 5 // Speaker Deck
Modern Javascript | AngularClass
courses.angularclass.com/courses/modern-javascript
JavaScriptについての動画講座。
ES5の復習からES6の新しい機能、TypeScript、npm、webpackについて
サイト、サービス、ドキュメント
はじめに | 目次
Vuexについてのドキュメント訳
ソフトウェア、ツール、ライブラリ関係
CodeceptJS
PHPのCodeceptionインスパイアなJavaScriptテストフレームワーク。
シナリオテストのハイレベルAPIで、Protractorなど他のtest runnerの中でも動かせる。
rkendall/reffix: The Reference Fixer for analyzing and fixing broken path references in files.
JavaScriptのrequireやimportのパス、HTMLのimgやscriptのパスのチェックと修正ができるツール
mgol/check-dependencies: Checks if currently installed npm dependencies are installed in the exact same versions that are specified in package.json
github.com/mgol/check-dependencies
npmでインストールしているバージョンとpacakge.jsonのバージョンが同一なのかをチェックできるライブラリとCLI
書籍関係
Front-End Web Development: The Big Nerd Ranch Guide: Chris Aquino, Todd Gandee: 9780134433943: Amazon.com: Books
www.amazon.com/Front-End-Web-Development-Ranch-Guide/dp/0134433947
2016年8月11日発売
Ember.jsを使ったウェブアプリについての書籍