<commit_before>---
title: "2018-10-15のJS: "
author: "azu"
layout: post
date : 2018-10-15T01:33:09.928Z
category: JSer
tags:
-

---

JSer.info #405

----

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

----

## Node v10.12.0 (Current) | Node.js
[nodejs.org/en/blog/release/v10.12.0/](https://nodejs.org/en/blog/release/v10.12.0/ "Node v10.12.0 (Current) | Node.js")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">ReleaseNote</span></p>

Node.js 10.12.0リリース。
`util.inspect`に`sorted`オプションの追加、`fs.mkdir`に`recursive`オプションの追加、WebSockets over HTTP/2のサポート。
`module.createRequireFromPath(filename)`の追加、`URL`とPathの相互変換するメソッドを`url`モジュールに追加など

- [module: add createRequireFunction method by devsnek · Pull Request #19360 · nodejs/node](https://github.com/nodejs/node/pull/19360 "module: add createRequireFunction method by devsnek · Pull Request #19360 · nodejs/node")
- [Discussion: File URLs in Node.js · Issue #22502 · nodejs/node](https://github.com/nodejs/node/issues/22502 "Discussion: File URLs in Node.js · Issue #22502 · nodejs/node")

----

## ESLint v5.7.0 released - ESLint - Pluggable JavaScript linter
[eslint.org/blog/2018/10/eslint-v5.7.0-released](https://eslint.org/blog/2018/10/eslint-v5.7.0-released "ESLint v5.7.0 released - ESLint - Pluggable JavaScript linter")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>

ESLint v5.7.0リリース。
`no-tabs`ルールに`allowIndentationTabs`オプションの追加、`camelcase`ルールに`ignoreList`オプションの追加など


----

## Release v4.0.1 · reduxjs/redux
[github.com/reduxjs/redux/releases/tag/v4.0.1](https://github.com/reduxjs/redux/releases/tag/v4.0.1 "Release v4.0.1 · reduxjs/redux")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">redux</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Redux 4.0.1リリース。
`.mjs`をサポート、unpkgフィールドを追加など


----

## Release Inferno v6.0.0 · infernojs/inferno
[github.com/infernojs/inferno/releases/tag/v6.0.0](https://github.com/infernojs/inferno/releases/tag/v6.0.0 "Release Inferno v6.0.0 · infernojs/inferno")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Inferno v6.0.0リリース。
`hydrate`を別パッケージに移行、スタイルプロパティがhyphenを使った命名規則に、Reactのライフサイクルイベントとの互換性向上。
String refsを削除、CreateRef/ForwardRef APIの追加、Fragmentsのサポートなど

- [inferno/v6-migration.md at master · infernojs/inferno](https://github.com/infernojs/inferno/blob/master/docs/v6-migration.md "inferno/v6-migration.md at master · infernojs/inferno")

----

## lolex/History.md at master · sinonjs/lolex
[github.com/sinonjs/lolex/blob/master/History.md#300--2018-10-08](https://github.com/sinonjs/lolex/blob/master/History.md#300--2018-10-08 "lolex/History.md at master · sinonjs/lolex")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">testing</span> <span class="jser-tag">ReleaseNote</span></p>

Sinon.jsでも使われるFake TimerライブラリであるLolex 3.0リリース。
`Clock#countTimers`の追加、negative tickは例外を投げるように変更など


----

## Release Notes for Safari Technology Preview 67 | WebKit
[webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/](https://webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/ "Release Notes for Safari Technology Preview 67 | WebKit")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">webkit</span> <span class="jser-tag">ReleaseNote</span></p>

Safari Technology Preview 67リリース。
Pointer Eventsを試験的にサポート、H264  Simulcastの有効化、`CSS.registerProperty`の`initialValue`プロパティのサポートなど

- [CSS.registerProperty](https://www.w3.org/TR/css-properties-values-api-1/#the-registerproperty-function "CSS.registerProperty")

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

----

## What's New In DevTools (Chrome 71)  |  Web  |  Google Developers
[developers.google.com/web/updates/2018/10/devtools](https://developers.google.com/web/updates/2018/10/devtools "What's New In DevTools (Chrome 71)  |  Web  |  Google Developers")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">chromre</span> <span class="jser-tag">debug</span> <span class="jser-tag">ReleaseNote</span></p>

Chrome 71の開発者ツールの変更点について。
DOM nodeをglobal variableとして保存できるように、HARファイルに`_initiator`と`_priority`を追加、PiPのbreakpointをサポートなど


----

## AddyOsmani.com - Start Performance Budgeting
[addyosmani.com/blog/performance-budgets/](https://addyosmani.com/blog/performance-budgets/ "AddyOsmani.com - Start Performance Budgeting")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>

performance budgetとはなにかについての記事。performance budgetとして使うことがある指標やその設定例。
新しい機能開発をするときにステークホルダーとの理解を共有に使うケースやトレードオフについてなど


----

## What’s New in Create React App 2.0 Video Series – <NAME> – Medium
[medium.com/@elijahmanor/whats-new-in-create-react-app-2-0-video-series-4ffaaa7cb7df](https://medium.com/@elijahmanor/whats-new-in-create-react-app-2-0-video-series-4ffaaa7cb7df "What’s New in Create React App 2.0 Video Series – Elijah Manor – Medium")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">tutorial</span> <span class="jser-tag">video</span> <span class="jser-tag">article</span></p>

Create React App 2.0についてのスクリーンキャストと解説


----
<h1 class="site-genre">スライド、動画関係</h1>

----

## SinnerSchrader Tech Session '18 - 2018 - The Year of Web Components - Speaker Deck
[speakerdeck.com/dkundel/sinnerschrader-tech-session-18-2018-the-year-of-web-components](https://speakerdeck.com/dkundel/sinnerschrader-tech-session-18-2018-the-year-of-web-components "SinnerSchrader Tech Session '18 - 2018 - The Year of Web Components - Speaker Deck")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebComponents</span> <span class="jser-tag">slide</span></p>

Web Componentsについてのスライド。
Web Componentsを構成する仕様の紹介、ツールやフレームワークについて


----

## npm and the future of JavaScript
[slides.com/seldo/npm-future-of-javascript#/](https://slides.com/seldo/npm-future-of-javascript#/ "npm and the future of JavaScript")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">slide</span></p>

npmとJavaScriptのエコシステムについてスライド。
フロントエンドフレームワークやバックエンドフレームワークのシェアの変化、何にnpmを使っているかについてなど。


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

----

## JavaScript Visualizer
[javascriptvisualizer.com/](https://javascriptvisualizer.com/ "JavaScript Visualizer")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span></p>

JavaScriptコードの実行をステップごとにインタプリタ的に実行しながら、実行コンテキストがどのように変化しているかを見られるツール。


----
<h1 class="site-genre">書籍関係</h1>

----

## 入門JavaScript フロントエンドエンジニアになるための基本と実践スキル | 玉川 純 |本 | 通販 | Amazon
[www.amazon.co.jp/dp/4798153907/](https://www.amazon.co.jp/dp/4798153907/ "入門JavaScript フロントエンドエンジニアになるための基本と実践スキル | 玉川 純 |本 | 通販 | Amazon")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">book</span></p>

2018年11月28日発売。
初心者向けのJavaScriptについての書籍


----
<commit_msg>Update 405 draft<commit_after>---
title: "2018-10-15のJS: "
author: "azu"
layout: post
date : 2018-10-15T04:48:11.127Z
category: JSer
tags:
-

---

JSer.info #405

----

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

----

## Node v10.12.0 (Current) | Node.js
[nodejs.org/en/blog/release/v10.12.0/](https://nodejs.org/en/blog/release/v10.12.0/ "Node v10.12.0 (Current) | Node.js")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">ReleaseNote</span></p>

Node.js 10.12.0リリース。
`util.inspect`に`sorted`オプションの追加、`fs.mkdir`に`recursive`オプションの追加、WebSockets over HTTP/2のサポート。
`module.createRequireFromPath(filename)`の追加、`URL`とPathの相互変換するメソッドを`url`モジュールに追加など

- [module: add createRequireFunction method by devsnek · Pull Request #19360 · nodejs/node](https://github.com/nodejs/node/pull/19360 "module: add createRequireFunction method by devsnek · Pull Request #19360 · nodejs/node")
- [Discussion: File URLs in Node.js · Issue #22502 · nodejs/node](https://github.com/nodejs/node/issues/22502 "Discussion: File URLs in Node.js · Issue #22502 · nodejs/node")

----

## ESLint v5.7.0 released - ESLint - Pluggable JavaScript linter
[eslint.org/blog/2018/10/eslint-v5.7.0-released](https://eslint.org/blog/2018/10/eslint-v5.7.0-released "ESLint v5.7.0 released - ESLint - Pluggable JavaScript linter")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>

ESLint v5.7.0リリース。
`no-tabs`ルールに`allowIndentationTabs`オプションの追加、`camelcase`ルールに`ignoreList`オプションの追加など


----

## Release v4.0.1 · reduxjs/redux
[github.com/reduxjs/redux/releases/tag/v4.0.1](https://github.com/reduxjs/redux/releases/tag/v4.0.1 "Release v4.0.1 · reduxjs/redux")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">redux</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Redux 4.0.1リリース。
`.mjs`をサポート、unpkgフィールドを追加など


----

## Release Inferno v6.0.0 · infernojs/inferno
[github.com/infernojs/inferno/releases/tag/v6.0.0](https://github.com/infernojs/inferno/releases/tag/v6.0.0 "Release Inferno v6.0.0 · infernojs/inferno")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Inferno v6.0.0リリース。
`hydrate`を別パッケージに移行、スタイルプロパティがhyphenを使った命名規則に、Reactのライフサイクルイベントとの互換性向上。
String refsを削除、CreateRef/ForwardRef APIの追加、Fragmentsのサポートなど

- [inferno/v6-migration.md at master · infernojs/inferno](https://github.com/infernojs/inferno/blob/master/docs/v6-migration.md "inferno/v6-migration.md at master · infernojs/inferno")

----

## lolex/History.md at master · sinonjs/lolex
[github.com/sinonjs/lolex/blob/master/History.md#300--2018-10-08](https://github.com/sinonjs/lolex/blob/master/History.md#300--2018-10-08 "lolex/History.md at master · sinonjs/lolex")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">testing</span> <span class="jser-tag">ReleaseNote</span></p>

Sinon.jsでも使われるFake TimerライブラリであるLolex 3.0リリース。
`Clock#countTimers`の追加、negative tickは例外を投げるように変更など


----

## Release Notes for Safari Technology Preview 67 | WebKit
[webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/](https://webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/ "Release Notes for Safari Technology Preview 67 | WebKit")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">webkit</span> <span class="jser-tag">ReleaseNote</span></p>

Safari Technology Preview 67リリース。
Pointer Eventsを試験的にサポート、H264  Simulcastの有効化、`CSS.registerProperty`の`initialValue`プロパティのサポートなど

- [CSS.registerProperty](https://www.w3.org/TR/css-properties-values-api-1/#the-registerproperty-function "CSS.registerProperty")

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

----

## What's New In DevTools (Chrome 71)  |  Web  |  Google Developers
[developers.google.com/web/updates/2018/10/devtools](https://developers.google.com/web/updates/2018/10/devtools "What's New In DevTools (Chrome 71)  |  Web  |  Google Developers")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">chromre</span> <span class="jser-tag">debug</span> <span class="jser-tag">ReleaseNote</span></p>

Chrome 71の開発者ツールの変更点について。
DOM nodeをglobal variableとして保存できるように、HARファイルに`_initiator`と`_priority`を追加、PiPのbreakpointをサポートなど


----

## AddyOsmani.com - Start Performance Budgeting
[addyosmani.com/blog/performance-budgets/](https://addyosmani.com/blog/performance-budgets/ "AddyOsmani.com - Start Performance Budgeting")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>

performance budgetとはなにかについての記事。performance budgetとして使うことがある指標やその設定例。
新しい機能開発をするときにステークホルダーとの理解を共有に使うケースやトレードオフについてなど


----

## What’s New in Create React App 2.0 Video Series – <NAME> – Medium
[medium.com/@elijahmanor/whats-new-in-create-react-app-2-0-video-series-4ffaaa7cb7df](https://medium.com/@elijahmanor/whats-new-in-create-react-app-2-0-video-series-4ffaaa7cb7df "What’s New in Create React App 2.0 Video Series – Elijah Manor – Medium")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">tutorial</span> <span class="jser-tag">video</span> <span class="jser-tag">article</span></p>

Create React App 2.0についてのスクリーンキャストと解説


----
<h1 class="site-genre">スライド、動画関係</h1>

----

## SinnerSchrader Tech Session '18 - 2018 - The Year of Web Components - Speaker Deck
[speakerdeck.com/dkundel/sinnerschrader-tech-session-18-2018-the-year-of-web-components](https://speakerdeck.com/dkundel/sinnerschrader-tech-session-18-2018-the-year-of-web-components "SinnerSchrader Tech Session '18 - 2018 - The Year of Web Components - Speaker Deck")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebComponents</span> <span class="jser-tag">slide</span></p>

Web Componentsについてのスライド。
Web Componentsを構成する仕様の紹介、ツールやフレームワークについて


----

## npm and the future of JavaScript
[slides.com/seldo/npm-future-of-javascript#/](https://slides.com/seldo/npm-future-of-javascript#/ "npm and the future of JavaScript")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">slide</span></p>

npmとJavaScriptのエコシステムについてスライド。
フロントエンドフレームワークやバックエンドフレームワークのシェアの変化、何にnpmを使っているかについてなど。


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

----

## smooth-code/loadable-components: React code splitting made easy ✂️✨
[github.com/smooth-code/loadable-components](https://github.com/smooth-code/loadable-components "smooth-code/loadable-components: React code splitting made easy ✂️✨")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span></p>

Dynamic ImportやCode Splitting、SSRに対応したReactコンポーネントの動的ロードを扱うライブラリ

- [loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し](https://blog.hiroppy.me/entry/loadable-components "loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し")

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

----

## JavaScript Visualizer
[javascriptvisualizer.com/](https://javascriptvisualizer.com/ "JavaScript Visualizer")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span></p>

JavaScriptコードの実行をステップごとにインタプリタ的に実行しながら、実行コンテキストがどのように変化しているかを見られるツール。


----
<h1 class="site-genre">書籍関係</h1>

----

## 入門JavaScript フロントエンドエンジニアになるための基本と実践スキル | 玉川 純 |本 | 通販 | Amazon
[www.amazon.co.jp/dp/4798153907/](https://www.amazon.co.jp/dp/4798153907/ "入門JavaScript フロントエンドエンジニアになるための基本と実践スキル | 玉川 純 |本 | 通販 | Amazon")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">book</span></p>

2018年11月28日発売。
初心者向けのJavaScriptについての書籍


----

{'fraction_non_alphanumeric': 0.17519339530650718, 'fraction_numerical': 0.037638952089969445, 'mean_word_length': 5.41534612176814, 'pattern_counts': {'":': 0, '<': 241, '<?xml version=': 0, '>': 241, 'https://': 36, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6529684', 'n_tokens_mistral': 7177, 'n_tokens_neox': 6653, 'n_words': 880}