Fork me on GitHub

2018-10-30のJS: Node.js 11.0.0、Storybook 4.0.0、Firefox 63

Edit on GitHub 編集履歴を見る

JSer.info #407 - Node.js 11系がリリースされました。

Node.js 11.xは6ヶ月のサポートとなる開発版に位置づけられる奇数バージョンです。
これに合わせてNode.js 10.xが10月30日のリリースでLong Term Support(LTS)になる予定です。

Node.js 11では、V8 7.0へ更新、http.requestメソッドのオプションがデフォルトではWHATWG URLでパースされるように変更されています。
(後方互換性のため、パースに失敗した際はurlでパースし直します)

またTextEncoder/TextDecoderutilからグローバルへ移動、process.binding()の非推奨化などが行われています。


UIコンポーネントの開発ツールであるStorybook 4.0.0がリリースされました。

Babel 7/webacpk 4へのアップデートが行われ、Ember/MarkoJS/Mithril/HTML/Svelte/Riotのサポートが追加されています。
またReact Nativeなどのモバイル対応の改善、theme変数が実装されStorybookの管理UIの設定を変更できるようになっています。


Firefox 63.0がリリースされました。

Firefox 63ではWeb Componentsがサポートされています。

Media Capabilities API、Async Clipboard API のサポート、Clear-Site-Dataヘッダがデフォルトで有効化されています。
またクロスブラウザ互換のためにWindow.eventプロパティの実装されています。

開発者ツールではFonts Editorを追加し、Accessibility inspectorがデフォルトで有効化されています。
また、開発者ツールでもWeb Components(Shadow DOM)のサポートが追加されています。


ヘッドライン


Release v3.1.0 · karma-runner/karma

github.com/karma-runner/karma/releases/tag/v3.1.0

JavaScript testing E2E

Karma 3.1.0リリース。
socket timeoutのオプション追加、ES modules対応、ファイルを強制的に更新するrefreshFileメソッドの追加など


Node v11.0.0 (Current) | Node.js

nodejs.org/en/blog/release/v11.0.0/

node.js ReleaseNote

Node.js 11.0.0リリース。
V8 7.0へ更新、http.requestメソッドのオプションがデフォルトではWHATWG URLでパースされるように。
またTextEncoder/TextDecoderutilからグローバルへ移動、process.binding()の非推奨化など


jasmine/3.3.0.md at master · jasmine/jasmine

github.com/jasmine/jasmine/blob/master/release_notes/3.3.0.md

JavaScript testing ReleaseNote

Jasmine 3.3リリース。
expect().withContext()の追加、toBeRejectedWithの追加など


Release Notes for Safari Technology Preview 68 | WebKit

webkit.org/blog/8475/release-notes-for-safari-technology-preview-68/

safari ReleaseNote

Safari Technology Preview 68リリース。
<input type="color">をデフォルトで有効化、target="_blank"をデフォルトでrel=noopenerにする変更。
WebRTCでVP8をサポート、WebVTTでのインラインスタイルをサポートなど


Release v4.0.0 · storybooks/storybook

github.com/storybooks/storybook/releases/tag/v4.0.0

JavaScript testing Tools ReleaseNote

Storybook 4.0.0リリース。
Babel 7/webacpk 4へのアップデート、Ember/MarkoJS/Mithril/HTML/Svelte/Riotのサポート。
モバイルの表示改善、theme変数の実装など


React v16.6.0: lazy, memo and contextType – React Blog

reactjs.org/blog/2018/10/23/react-v-16-6.html

React ReleaseNote

React 16.6.0リリース。
React.memoReact.lazystatic contextTypestatic getDerivedStateFromError()のサポートなど。
StrictModeで廃止予定のAPIのwarningを出すようになるなど


Firefox 63.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/63.0/releasenotes/

firefox ReleaseNote

Firefox 63リリース。
Web Componentsのサポート、Media Capabilities API、Async Clipboard API のサポート。
クロスブラウザ互換のためにWindow.eventプロパティの実装、Clear-Site-Dataヘッダがデフォルトで有効化など


jsdom/Changelog.md at master · jsdom/jsdom

github.com/jsdom/jsdom/blob/master/Changelog.md#1300

JavaScript DOM ReleaseNote

jsdom 13.0.0リリース。
canvasパッケージの1.xをサポート終了し、2.xのみサポート。
XML serializationのサポート、addEventListenerpassiveオプションのサポートなど


gRPC-Web is going GA - Cloud Native Computing Foundation

www.cncf.io/blog/2018/10/24/grpc-web-is-going-ga/

JavaScript library ReleaseNote

gRPC-Webが正式にリリース。
WebブラウザなどからgRPCを呼び出すためのクライアントライブラリ。


アーティクル


gas-webpagetestでWebPagetestのパフォーマンス計測を自動化、可視化する | Web Scratch

efcl.info/2018/10/22/gas-webpagetest/

performance webservice Tools article

WebPagetestを使ったパフォーマンス計測を自動化、Google DataStudioを使ったデータの可視化について


The Intl.RelativeTimeFormat API  |  Web  |  Google Developers

developers.google.com/web/updates/2018/10/intl-relativetimeformat

JavaScript i18n article

Intl.RelativeTimeFormatを相対時間のローカライズについて。


Angular+Firebaseでチャットアプリを作る - Qiita

qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9

Angular firebase article

AngularとFirebaseを使ってチャットウェブアプリを作るハンズオン形式の連載


私のReactのコンポーネント実装アンチパターン - Qiita

qiita.com/seya/items/7a0d20da4de5fab14426

React article

Reactコンポーネントのアンチパターンについて。
コンポーネントの分割と責務、Propsの渡し方などについて


Asking for required annotations – Flow – Medium

medium.com/flow-type/asking-for-required-annotations-64d4f9c1edf8

flowtype article

Flow 0.85.0で修正が入った"missing annotation"についての解説記事。
型annotationが存在しない場合に0.85.0からはエラーとなる。


スライド、動画関係


RuhrJS 2018 - Tobias Koppers - webpack and the challenge of WebAssembly - YouTube

www.youtube.com/watch?v=k86Z_6_BJy0

webpack WebAssembly slide video

webpackのWebAssembly対応についての発表。
WebAssembly APIやWebAssemblyの実行フェーズの解説。
webpackからwasmファイルを簡単に利用できるようにするため、どのようにwasmを扱うかやCode Splittingの対応についてなど


React Conf 2018 - YouTube

www.youtube.com/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ

React イベント video

React Conf 2018の動画まとめ


実践AST FlowからTypeScriptへの変換

talks.leko.jp/transform-flow-to-typescript-using-ast/#0

flowtype TypeScript slide

FlowからTypeScriptへの変換を行うBabelプラグインについてスライド。
Babelプラグインを書いてコード変換を行う話


ソフトウェア、ツール、ライブラリ関係


suchipi/fs-remote: Drop-in replacement for fs that lets you write to the filesystem from the browser

github.com/suchipi/fs-remote

node.js JavaScript browser library

fsのブラウザ向け実装とfsサーバのライブラリ。
fsを行うサーバを立て、ブラウザからサーバにXHRやWebSocketsでアクセスする。


この記事へ修正リクエストをする
記事を紹介する