<commit_before>---
title: "2017-09-04のJS: "
author: "azu"
layout: post
date : 2017-09-04T06:36:25.823Z
category: JSer
tags:
-

---

JSer.info #347

----

<h1 class="site-genre">ヘッドライン</h1>

----

## Announcing TypeScript 2.5 | TypeScript
[blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/](https://blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/ "Announcing TypeScript 2.5 | TypeScript")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>

TypeScript 2.5リリース。
Optinal-catch-bindingのサポート、エディタ連携の改善、重複/aliasなパッケージの扱いを改善、`--preserveSymlinks`のサポートなど

- [Typescript 2.5 リリース - abcdefGets](http://abcdef.gets.b6n.ch/entry/2017/09/01/143601 "Typescript 2.5 リリース - abcdefGets")

----

## Ember.js - Ember 2.15 and 2.16 Beta Released
[emberjs.com/blog/2017/09/01/ember-2-15-released.html](https://emberjs.com/blog/2017/09/01/ember-2-15-released.html "Ember.js - Ember 2.15 and 2.16 Beta Released")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Ember 2.15リリース。
`Ember.Router`のスーパーセットである`router` serviceの公開など


----

## Concurrent JavaScript: It can work! | WebKit
[webkit.org/blog/7846/concurrent-javascript-it-can-work/](https://webkit.org/blog/7846/concurrent-javascript-it-can-work/ "Concurrent JavaScript: It can work! | WebKit")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">webkit</span></p>

`SharedArrayBuffer`が追加されるため、JavaScriptでThreadをサポートした場合にどうなるのかという思考実験についての記事。
現在のJavaScript VMはシングルスレッドであることを利用しているので、マルチスレッドの場合のVMのパフォーマンスなどについて。


----

## 🏁 Release: Iteration 10 – 10th developer preview · Issue #177 · ckeditor/ckeditor5-design
[github.com/ckeditor/ckeditor5-design/issues/177](https://github.com/ckeditor/ckeditor5-design/issues/177 "🏁 Release: Iteration 10 – 10th developer preview · Issue #177 · ckeditor/ckeditor5-design")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">editor</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

CKEditor 5 v0.10.0リリース。
MSEdgeのサポート、ツールチップメニューの改善、クリップボードの改善など

- [CKEditor 5 Developer Preview (v0.10.0)](https://ckeditor5.github.io/ "CKEditor 5 Developer Preview (v0.10.0)")
- [CKEditor 5 – Roadmap to 1.0.0 and beyond · Issue #172 · ckeditor/ckeditor5-design](https://github.com/ckeditor/ckeditor5-design/issues/172 "CKEditor 5 – Roadmap to 1.0.0 and beyond · Issue #172 · ckeditor/ckeditor5-design")

----
<h1 class="site-genre">アーティクル</h1>

----

## What's New In DevTools (Chrome 62)  |  Web  |  Google Developers
[developers.google.com/web/updates/2017/08/devtools-release-notes](https://developers.google.com/web/updates/2017/08/devtools-release-notes "What's New In DevTools (Chrome 62)  |  Web  |  Google Developers")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">article</span></p>

Chrome 62の開発者ツールの更新点について。
Top-level `await`がコンソールで利用可能に、特定のnodeのスクリーンショットを取れるように、CSS Gridのハイライト、コンソールフィルタの改善。
またHARをインポートできるようになり、キャッシュデータの閲覧ができるように


----

## Form Validation with Web Audio | CSS-Tricks
[css-tricks.com/form-validation-web-audio/](https://css-tricks.com/form-validation-web-audio/ "Form Validation with Web Audio | CSS-Tricks")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">web </span> <span class="jser-tag">audio</span> <span class="jser-tag">accessibility</span> <span class="jser-tag">article</span></p>

Web Audio APIとフォームバリデーションを組み合わせる話。


----

## Measuring performance gains — AngularJS to React (with Redux or Mobx)
[medium.com/@guptagaruda/measuring-performance-gains-angularjs-to-react-with-redux-or-mobx-fb221517455](https://medium.com/@guptagaruda/measuring-performance-gains-angularjs-to-react-with-redux-or-mobx-fb221517455 "Measuring performance gains — AngularJS to React (with Redux or Mobx)")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Angular</span></p>

3つのベンチマークアプリを元にAngular 1.xとReact/Redux/Mobxを比較した記事。
現在も多くのエンタープライズアプリがAngular 1.xで動いているため、Reactに移ることでどのようなメリットがあるのかを計測する目的


----

## Decaffeinating a Large CoffeeScript Codebase Without Losing Sleep · DataFox Tech Blog
[eng.datafox.com/javascript/2017/07/18/decaffeinating-large-coffeescript-codebase/](http://eng.datafox.com/javascript/2017/07/18/decaffeinating-large-coffeescript-codebase/ "Decaffeinating a Large CoffeeScript Codebase Without Losing Sleep · DataFox Tech Blog")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">CoffeeScript</span> <span class="jser-tag">JavaScript</span></p>

bulk-decaffeinateを使ったCoffeeScriptからJavaScriptへの移行手順についての記事。


----
<h1 class="site-genre">サイト、サービス、ドキュメント</h1>

----

## Headless mode - Mozilla | MDN
[developer.mozilla.org/en-US/docs/Mozilla/Firefox/Headless\_mode](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Headless_mode "Headless mode - Mozilla | MDN")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">firefox</span> <span class="jser-tag">document</span></p>

Firefoxのheadless modeについてのドキュメント


----

## Kea vs setState, Redux, Mobx, Dva, JumpState, Apollo, etc.
[medium.com/@mariusandra/kea-vs-setstate-redux-mobx-dva-jumpstate-apollo-etc-4aa26ea11d02](https://medium.com/@mariusandra/kea-vs-setstate-redux-mobx-dva-jumpstate-apollo-etc-4aa26ea11d02 "Kea vs setState, Redux, Mobx, Dva, JumpState, Apollo, etc.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">redux</span> <span class="jser-tag">React</span></p>

React向けのステート管理ライブラリのKeaについての記事。

- [Dummy](http://example.com/ "Dummy")

----
<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>

----

## react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React<commit_msg>Update 347 draft<commit_after>---
title: "2017-09-04のJS: "
author: "azu"
layout: post
date : 2017-09-04T06:47:11.556Z
category: JSer
tags:
-

---

JSer.info #347

----

<h1 class="site-genre">ヘッドライン</h1>

----

## Announcing TypeScript 2.5 | TypeScript
[blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/](https://blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/ "Announcing TypeScript 2.5 | TypeScript")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>

TypeScript 2.5リリース。
Optinal-catch-bindingのサポート、エディタ連携の改善、重複/aliasなパッケージの扱いを改善、`--preserveSymlinks`のサポートなど

- [Typescript 2.5 リリース - abcdefGets](http://abcdef.gets.b6n.ch/entry/2017/09/01/143601 "Typescript 2.5 リリース - abcdefGets")

----

## Ember.js - Ember 2.15 and 2.16 Beta Released
[emberjs.com/blog/2017/09/01/ember-2-15-released.html](https://emberjs.com/blog/2017/09/01/ember-2-15-released.html "Ember.js - Ember 2.15 and 2.16 Beta Released")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Ember 2.15リリース。
`Ember.Router`のスーパーセットである`router` serviceの公開など


----

## Concurrent JavaScript: It can work! | WebKit
[webkit.org/blog/7846/concurrent-javascript-it-can-work/](https://webkit.org/blog/7846/concurrent-javascript-it-can-work/ "Concurrent JavaScript: It can work! | WebKit")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">webkit</span></p>

`SharedArrayBuffer`が追加されるため、JavaScriptでThreadをサポートした場合にどうなるのかという思考実験についての記事。
現在のJavaScript VMはシングルスレッドであることを利用しているので、マルチスレッドの場合のVMのパフォーマンスなどについて。


----

## 🏁 Release: Iteration 10 – 10th developer preview · Issue #177 · ckeditor/ckeditor5-design
[github.com/ckeditor/ckeditor5-design/issues/177](https://github.com/ckeditor/ckeditor5-design/issues/177 "🏁 Release: Iteration 10 – 10th developer preview · Issue #177 · ckeditor/ckeditor5-design")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">editor</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

CKEditor 5 v0.10.0リリース。
MSEdgeのサポート、ツールチップメニューの改善、クリップボードの改善など

- [CKEditor 5 Developer Preview (v0.10.0)](https://ckeditor5.github.io/ "CKEditor 5 Developer Preview (v0.10.0)")
- [CKEditor 5 – Roadmap to 1.0.0 and beyond · Issue #172 · ckeditor/ckeditor5-design](https://github.com/ckeditor/ckeditor5-design/issues/172 "CKEditor 5 – Roadmap to 1.0.0 and beyond · Issue #172 · ckeditor/ckeditor5-design")

----
<h1 class="site-genre">アーティクル</h1>

----

## What's New In DevTools (Chrome 62)  |  Web  |  Google Developers
[developers.google.com/web/updates/2017/08/devtools-release-notes](https://developers.google.com/web/updates/2017/08/devtools-release-notes "What's New In DevTools (Chrome 62)  |  Web  |  Google Developers")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">article</span></p>

Chrome 62の開発者ツールの更新点について。
Top-level `await`がコンソールで利用可能に、特定のnodeのスクリーンショットを取れるように、CSS Gridのハイライト、コンソールフィルタの改善。
またHARをインポートできるようになり、キャッシュデータの閲覧ができるように


----

## Form Validation with Web Audio | CSS-Tricks
[css-tricks.com/form-validation-web-audio/](https://css-tricks.com/form-validation-web-audio/ "Form Validation with Web Audio | CSS-Tricks")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">web </span> <span class="jser-tag">audio</span> <span class="jser-tag">accessibility</span> <span class="jser-tag">article</span></p>

Web Audio APIとフォームバリデーションを組み合わせる話。


----

## Measuring performance gains — AngularJS to React (with Redux or Mobx)
[medium.com/@guptagaruda/measuring-performance-gains-angularjs-to-react-with-redux-or-mobx-fb221517455](https://medium.com/@guptagaruda/measuring-performance-gains-angularjs-to-react-with-redux-or-mobx-fb221517455 "Measuring performance gains — AngularJS to React (with Redux or Mobx)")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Angular</span></p>

3つのベンチマークアプリを元にAngular 1.xとReact/Redux/Mobxを比較した記事。
現在も多くのエンタープライズアプリがAngular 1.xで動いているため、Reactに移ることでどのようなメリットがあるのかを計測する目的


----

## Decaffeinating a Large CoffeeScript Codebase Without Losing Sleep · DataFox Tech Blog
[eng.datafox.com/javascript/2017/07/18/decaffeinating-large-coffeescript-codebase/](http://eng.datafox.com/javascript/2017/07/18/decaffeinating-large-coffeescript-codebase/ "Decaffeinating a Large CoffeeScript Codebase Without Losing Sleep · DataFox Tech Blog")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">CoffeeScript</span> <span class="jser-tag">JavaScript</span></p>

bulk-decaffeinateを使ったCoffeeScriptからJavaScriptへの移行手順についての記事。


----
<h1 class="site-genre">サイト、サービス、ドキュメント</h1>

----

## Headless mode - Mozilla | MDN
[developer.mozilla.org/en-US/docs/Mozilla/Firefox/Headless\_mode](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Headless_mode "Headless mode - Mozilla | MDN")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">firefox</span> <span class="jser-tag">document</span></p>

Firefoxのheadless modeについてのドキュメント


----

## Kea vs setState, Redux, Mobx, Dva, JumpState, Apollo, etc.
[medium.com/@mariusandra/kea-vs-setstate-redux-mobx-dva-jumpstate-apollo-etc-4aa26ea11d02](https://medium.com/@mariusandra/kea-vs-setstate-redux-mobx-dva-jumpstate-apollo-etc-4aa26ea11d02 "Kea vs setState, Redux, Mobx, Dva, JumpState, Apollo, etc.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">redux</span> <span class="jser-tag">React</span></p>

React向けのステート管理ライブラリのKeaについての記事。

- [Dummy](http://example.com/ "Dummy")

----

## Rendering on Google Search  |  Search  |  Google Developers
[developers.google.com/search/docs/guides/rendering](https://developers.google.com/search/docs/guides/rendering "Rendering on Google Search  |  Search  |  Google Developers")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">google</span> <span class="jser-tag">SEO</span> <span class="jser-tag">browser</span></p>

Google Search Botのレンダリングサブシステムで利用してるChromeのバージョンやサポートしてない(無効化されている)機能について書かれてる。
2017年9月4日現在はChrome 41をベースにしている

- [来日したGoogleゲイリーに何でも聞いてみた――プロジェクトOWL、検索アナリティクス、PWA etc. #inhouseseo | 海外SEO情報ブログ](https://www.suzukikenichi.com/blog/ama-with-gary/amp/ "来日したGoogleゲイリーに何でも聞いてみた――プロジェクトOWL、検索アナリティクス、PWA etc. #inhouseseo | 海外SEO情報ブログ")

----
<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>

----

## react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React
{'fraction_non_alphanumeric': 0.16853753682031686, 'fraction_numerical': 0.041477589363904145, 'mean_word_length': 5.354071825998989, 'pattern_counts': {'":': 0, '<': 173, '<?xml version=': 0, '>': 173, 'https://': 24, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 10, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7476206', 'n_tokens_mistral': 5844, 'n_tokens_neox': 5343, 'n_words': 745}