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
/TextDecoder
がutil
からグローバルへ移動、process.binding()
の非推奨化などが行われています。
UIコンポーネントの開発ツールであるStorybook 4.0.0がリリースされました。
- Release v4.0.0 · storybooks/storybook
- storybook/MIGRATION.md at master · storybooks/storybook
- Storybook 4.0 is here! – Storybook – Medium
Babel 7/webacpk 4へのアップデートが行われ、Ember/MarkoJS/Mithril/HTML/Svelte/Riotのサポートが追加されています。
またReact Nativeなどのモバイル対応の改善、theme変数が実装されStorybookの管理UIの設定を変更できるようになっています。
Firefox 63.0がリリースされました。
- Firefox 63.0, See All New Features, Updates and Fixes
- Firefox 63 Site Compatibility | Firefox Site Compatibility
- Firefox 63 for developers - Mozilla | MDN
Firefox 63ではWeb Componentsがサポートされています。
Media Capabilities API、Async Clipboard API のサポート、Clear-Site-Data
ヘッダがデフォルトで有効化されています。
またクロスブラウザ互換のためにWindow.event
プロパティの実装されています。
開発者ツールではFonts Editorを追加し、Accessibility inspectorがデフォルトで有効化されています。
また、開発者ツールでもWeb Components(Shadow DOM)のサポートが追加されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v3.1.0 · karma-runner/karma
github.com/karma-runner/karma/releases/tag/v3.1.0
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 11.0.0リリース。
V8 7.0へ更新、http.request
メソッドのオプションがデフォルトではWHATWG URLでパースされるように。
またTextEncoder
/TextDecoder
がutil
からグローバルへ移動、process.binding()
の非推奨化など
jasmine/3.3.0.md at master · jasmine/jasmine
github.com/jasmine/jasmine/blob/master/release_notes/3.3.0.md
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 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
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 16.6.0リリース。
React.memo
、React.lazy
、static contextType
、static getDerivedStateFromError()
のサポートなど。
StrictModeで廃止予定のAPIのwarningを出すようになるなど
Firefox 63.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/63.0/releasenotes/
Firefox 63リリース。
Web Componentsのサポート、Media Capabilities API、Async Clipboard API のサポート。
クロスブラウザ互換のためにWindow.event
プロパティの実装、Clear-Site-Data
ヘッダがデフォルトで有効化など
- Firefox 63 for developers - Mozilla | MDN
- Firefox 63 Site Compatibility | Firefox Site Compatibility
jsdom/Changelog.md at master · jsdom/jsdom
github.com/jsdom/jsdom/blob/master/Changelog.md#1300
jsdom 13.0.0リリース。
canvas
パッケージの1.xをサポート終了し、2.x
のみサポート。
XML serializationのサポート、addEventListener
でpassive
オプションのサポートなど
gRPC-Web is going GA - Cloud Native Computing Foundation
www.cncf.io/blog/2018/10/24/grpc-web-is-going-ga/
gRPC-Webが正式にリリース。
WebブラウザなどからgRPCを呼び出すためのクライアントライブラリ。
アーティクル
gas-webpagetestでWebPagetestのパフォーマンス計測を自動化、可視化する | Web Scratch
efcl.info/2018/10/22/gas-webpagetest/
WebPagetestを使ったパフォーマンス計測を自動化、Google DataStudioを使ったデータの可視化について
The Intl.RelativeTimeFormat API | Web | Google Developers
developers.google.com/web/updates/2018/10/intl-relativetimeformat
Intl.RelativeTimeFormat
を相対時間のローカライズについて。
Angular+Firebaseでチャットアプリを作る - Qiita
qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9
AngularとFirebaseを使ってチャットウェブアプリを作るハンズオン形式の連載
私のReactのコンポーネント実装アンチパターン - Qiita
qiita.com/seya/items/7a0d20da4de5fab14426
Reactコンポーネントのアンチパターンについて。
コンポーネントの分割と責務、Propsの渡し方などについて
Asking for required annotations – Flow – Medium
medium.com/flow-type/asking-for-required-annotations-64d4f9c1edf8
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対応についての発表。
WebAssembly APIやWebAssemblyの実行フェーズの解説。
webpackからwasmファイルを簡単に利用できるようにするため、どのようにwasmを扱うかやCode Splittingの対応についてなど
React Conf 2018 - YouTube
www.youtube.com/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ
React Conf 2018の動画まとめ
実践AST FlowからTypeScriptへの変換
talks.leko.jp/transform-flow-to-typescript-using-ast/#0
FlowからTypeScriptへの変換を行うBabelプラグインについてスライド。
Babelプラグインを書いてコード変換を行う話
ソフトウェア、ツール、ライブラリ関係
suchipi/fs-remote: Drop-in replacement for fs that lets you write to the filesystem from the browser
fs
のブラウザ向け実装とfs
サーバのライブラリ。
fs
を行うサーバを立て、ブラウザからサーバにXHRやWebSocketsでアクセスする。