JSer.info #414 - Firefox 64.0がリリースされました。
- Firefox 64.0, See All New Features, Updates and Fixes
- Firefox 64 for developers | MDN
- Firefox 64 サイト互換性情報 | Firefox サイト互換性情報
- Firefox 64 Released - Mozilla Hacks - the Web developer blog
CSS Scrollbarsのサポート、
Fullscreen APIの接頭辞を削除、requestFullscreen()やexitFullscreen()が変更完了時にPromiseを返すように。
また、macOSでWebVR API(1.1)が有効化され、XMLHttpRequest.getAllResponseHeaders()がヘッダ名を小文字で返すようになるといった変更も行われています。
テストフレームワークのAVA 1.0がリリースされました。
Babel 7に対応、ava.config.jsのサポート、t.throwsの挙動の変更とt.throwsAsyncの追加などが行わなわれています。
破壊的な変更としてtest関数は名前をもつことが必須となり、t.ifErrorが削除され代わりにt.falsyの利用が推奨されています。
1.0ではt.throwsとt.notThrowsはObservableやPromiseなどの非同期をサポートしなくなったため、t.throwsAsyncとt.notThrowsAsyncへ移行するマイグレーションスクリプトも公開されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Firefox 64.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/64.0/releasenotes/
Firefox 64.0リリース。
Fullscreen APIの接頭辞を削除、requestFullscreen()などがPromiseを返すように、macOSでWebVR APIを有効化。
XMLHttpRequest.getAllResponseHeaders()がヘッダ名を小文字で返すようになるなど
- Firefox 64 for developers | MDN
- Firefox 64 サイト互換性情報 | Firefox サイト互換性情報
- Firefox 64 Released - Mozilla Hacks - the Web developer blog
Ember.js - Ember 3.6 Released
emberjs.com/blog/2018/12/13/ember-3-6-released.html
Ember 3.6リリース。
いくつかの制限はあるがES classをサポート。
new EmberObject()を非推奨化し、EmberObject.create()の利用を推奨するようになるなど
Release v6.0.0 · reduxjs/react-redux
github.com/reduxjs/react-redux/releases/tag/v6.0.0
React Redux 6.0.0リリース。
Context APIのサポート、withRefオプションはforwardRefオプションに置き換えなど
Release 1.0 · avajs/ava
github.com/avajs/ava/releases/tag/v1.0.1
AVA 1.0リリース。
t.throwsの挙動の変更とt.throwsAsyncの追加。
Babel 7に対応、ava.config.jsのサポートなど。
破壊的な変更としてtestは名前をもつことが必須となり、t.ifErrorの削除など
billboard.js 1.7.0 release!! – Jae Sung Park – Medium
medium.com/@alberto.park/billboard-js-1-7-0-release-4944a2eb59fe
D3.jsベースのグラフライブラリであるbillboard.js 1.7.0リリース。
Multi Axes、graph theme、TypeScriptのサポートなど
アーティクル
Chrome DevToolsを用いたメルカリWebのパフォーマンス計測 - Mercari Engineering Blog
tech.mercari.com/entry/2018/12/12/090156
Chromeの開発者ツールのネットワークパネルやパフォーマンスパネルの読み方について。
スクリーンショットを元にそれぞれの要素が何を表しているかを説明している
Introducing Background Fetch | Web | Google Developers
developers.google.com/web/updates/2018/12/background-fetch
Chrome 71で試験的に導入されるBackground Fetchについて。
An Introduction and Guide to the CSS Object Model (CSSOM) | CSS-Tricks
css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/
CSS Object Model (CSSOM) について。
JavaScriptから要素のスタイルの取得、変更、Priorityや@keyframesなどへのアクセス方法などについて
worker_threadsを使ったNode.js マルチスレッドプログラミング - kakts-log
kakts-tec.hatenablog.com/entry/2018/12/14/005316
Node.js 10.5.0で試験的にサポートされたworker_threadsモジュールについて。
Node.jsでのWorkerを使ったスレッド処理について
混沌を極める jQuery のコードをいかにして Vue.js に頼らずに整理したか - Qiita
qiita.com/cesare/items/c00acd7911afcba21224
jQueryを使い書かれていたイベント処理が密結合で影響範囲が複雑化していた問題について。
イベントのフローや影響範囲をViewで区切るなど、どのようにリファクタリングを進めたかについて
スライド、動画関係
HTML5 Conference 2018 - YouTube
www.youtube.com/playlist?list=PLeFZWzLJpZccuopdBjJAuod_tYGvVCIHv
HTML5 Conference 2018の動画まとめ
サイト、サービス、ドキュメント
Measuring the performance impact of Chrome extensions | DebugBear
www.debugbear.com/blog/measuring-the-performance-impact-of-chrome-extensions
Chrome拡張などがパフォーマンス計測に与える影響について
GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
github.com/GoogleChromeLabs/quicklink
Viewportに表示されているリンクをアイドル時にprefetchを行うライブラリ
Pika | Search modern module esm packages on npm
ECMAScriptモジュールに対応したnpmパッケージを検索できるウェブサービス。
"module"フィールドに対応しているパッケージを検索できる。
ソフトウェア、ツール、ライブラリ関係
simov/grant: OAuth Middleware for Express, Koa and Hapi
expressなどで使えるOAuth middleware。
passportのように色々なサービスに対応している
Wenzil/Mhysa: Dependency-free stream utils for Node.js
Node.js Streamを扱う
TypeScriptで書かれているライブラリ。fromArrayからStreamのラッパーを作成しmap、reduce、merge、duplexなどを使いStream処理できるライブラリ
zeit/arg: Simple argument parsing
シンプルなコマンドライン引数パーサライブラリ
