Fork me on GitHub

2018-12-18のJS: Firefox 64.0、AVA 1.0、ES Modules対応パッケージ検索

Edit on GitHub 編集履歴を見る

JSer.info #414 - Firefox 64.0がリリースされました。

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.throwst.notThrowsはObservableやPromiseなどの非同期をサポートしなくなったため、t.throwsAsynct.notThrowsAsyncへ移行するマイグレーションスクリプトも公開されています。


ヘッドライン


Firefox 64.0, See All New Features, Updates and Fixes

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

firefox ReleaseNote

Firefox 64.0リリース。
Fullscreen APIの接頭辞を削除、requestFullscreen()などがPromiseを返すように、macOSでWebVR APIを有効化。
XMLHttpRequest.getAllResponseHeaders()がヘッダ名を小文字で返すようになるなど


Ember.js - Ember 3.6 Released

emberjs.com/blog/2018/12/13/ember-3-6-released.html

Ember ReleaseNote JavaScript library

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

redux ReleaseNote

React Redux 6.0.0リリース。
Context APIのサポート、withRefオプションはforwardRefオプションに置き換えなど


Release 1.0 · avajs/ava

github.com/avajs/ava/releases/tag/v1.0.1

JavaScript testing ReleaseNote

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

JavaScript グラフ library ReleaseNote

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 performance article

Chromeの開発者ツールのネットワークパネルやパフォーマンスパネルの読み方について。
スクリーンショットを元にそれぞれの要素が何を表しているかを説明している


Introducing Background Fetch  |  Web  |  Google Developers

developers.google.com/web/updates/2018/12/background-fetch

Chrome Fetch ServiceWorker

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 article

CSS Object Model (CSSOM) について。
JavaScriptから要素のスタイルの取得、変更、Priorityや@keyframesなどへのアクセス方法などについて


worker_threadsを使ったNode.js マルチスレッドプログラミング - kakts-log

kakts-tec.hatenablog.com/entry/2018/12/14/005316

node.js article

Node.js 10.5.0で試験的にサポートされたworker_threadsモジュールについて。
Node.jsでのWorkerを使ったスレッド処理について


混沌を極める jQuery のコードをいかにして Vue.js に頼らずに整理したか - Qiita

qiita.com/cesare/items/c00acd7911afcba21224

jQuery JavaScript リファクタリング

jQueryを使い書かれていたイベント処理が密結合で影響範囲が複雑化していた問題について。
イベントのフローや影響範囲をViewで区切るなど、どのようにリファクタリングを進めたかについて


スライド、動画関係


HTML5 Conference 2018 - YouTube

www.youtube.com/playlist?list=PLeFZWzLJpZccuopdBjJAuod_tYGvVCIHv

HTML5 イベント video

HTML5 Conference 2018の動画まとめ


サイト、サービス、ドキュメント


Measuring the performance impact of Chrome extensions | DebugBear

www.debugbear.com/blog/measuring-the-performance-impact-of-chrome-extensions

Chrome performance browser Extension

Chrome拡張などがパフォーマンス計測に与える影響について


github.com/GoogleChromeLabs/quicklink

JavaScript library performance

Viewportに表示されているリンクをアイドル時にprefetchを行うライブラリ


Pika | Search modern module esm packages on npm

www.pikapkg.com/

JavaScript npm ECMAScript module 検索 webservice

ECMAScriptモジュールに対応したnpmパッケージを検索できるウェブサービス。
"module"フィールドに対応しているパッケージを検索できる。


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


simov/grant: OAuth Middleware for Express, Koa and Hapi

github.com/simov/grant

OAuth node.js library

expressなどで使えるOAuth middleware。
passportのように色々なサービスに対応している


Wenzil/Mhysa: Dependency-free stream utils for Node.js

github.com/Wenzil/Mhysa

node.js TypeScript library JavaScript

Node.js Streamを扱う
TypeScriptで書かれているライブラリ。fromArrayからStreamのラッパーを作成しmapreducemergeduplexなどを使いStream処理できるライブラリ


zeit/arg: Simple argument parsing

github.com/zeit/arg

JavaScript node.js library TypeScript

シンプルなコマンドライン引数パーサライブラリ


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