Fork me on GitHub

2018-12-25のJS: Chrome 72βとV8 7.2、webpack 5α、スクリーンリーダーの見え方

Edit on GitHub 編集履歴を見る

JSer.info #415 - Chrome 72βがリリースされました。

Chrome 72βではV8 7.2が利用されています。
V8 7.2では、async/awaitやSpread Elementsなどのパフォーマンス改善、Public class fieldsIntl.ListFormatのサポートなどがおこなれています。

また、Chrome 72ではUser Activation Query APIのサポート、HPKPの削除、TLS 1.0と1.1を非推奨化などが行われています。


webpackの次期メジャーバージョンであるwebpack 5αが公開されフィードバックを募集中となっています。

破壊的な変更の予定として、v4で非推奨となっているものを削除、eventsなどNode.jsのコアモジュールのpolyfillを自動で入れないように変更などが予定されています。

この変更を含めたBundlerの動きについて、詳しくは次のレポートに書いています。

また、長期的なキャッシュを目的として、chunkIdsのアルゴリズムとしてdeterministicが導入され(3-4文字の短いID)、これがデフォルトとなるように変更されています。


ヘッドライン


V8 release v7.2 · V8

v8.dev/blog/v8-release-72

V8 ReleaseNote

V8 v7.2.リリース。
async/await、Spread Elementsなどのパフォーマンス改善、Publicクラスフィールド、Intl.ListFormatexport * as foo fromのサポートなど


Chromium Blog: Chrome 72 Beta: Public class fields, user activation and more

blog.chromium.org/2018/12/chrome-72-beta-public-class-fields-user.html

Chrome ReleaseNote

Chrome 72 Betaリリース。
Public class fieldsの実装、 User Activation Query APIのサポート、HPKPの削除、TLS 1.0と1.1を非推奨化など


Electron 4.0.0 | Electron Blog

electronjs.org/blog/electron-4-0

Electron ReleaseNote

Electron 4.0.0リリース。
BrowserWindowremoteモジュールを無効化できるように、WebContentsからのremote.requireなどをイベント処理できるようになるなど。
macOS 10.9のサポート終了、app.makeSingleInstance()app.requestSingleInstanceLock()に変更など


webpack 5 alpha feedback · Issue #8537 · webpack/webpack

github.com/webpack/webpack/issues/8537

webpack ReleaseNote issue

webpack 5αがリリースされフィードバックを募集中。
v4で非推奨となっているものを削除、eventsなどNode.jsのコアモジュールのpolyfillを自動で入れないように変更、chunk idなどの変更など


Release 2.0.0 · developit/htm

github.com/developit/htm/releases/tag/2.0.0

jsx babel JavaScript library

JSXライクなタグ関数を提供するHTM 2.0リリース。
パフォーマンス改善、Babelプラグインの改善など


Bootstrap 4.2.1 · Bootstrap Blog

blog.getbootstrap.com/2018/12/21/bootstrap-4-2-1/

CSS ReleaseNote library

Bootstrap 4.2.1リリース。
Spinner loading、Toast、Switchesコンポーネントの追加、いくつかのユーティリティクラスの追加。


Bootstrap 3.4.0 · Bootstrap Blog

blog.getbootstrap.com/2018/12/13/bootstrap-3-4-0/

CSS library security ReleaseNote

Bootstrap 3.4.0リリース(最新版は4.x系)
data属性に関するXSS脆弱性を修正(4.0では修正済み)


アーティクル


three.js超入門 第0回 3Dコンピュータグラフィックスの基礎 - Qiita

qiita.com/watabo_shi/items/f7c559c3cdbcdd0f2629

3D JavaScript article

three.js入門の連載記事。
three.jsや3DCGの基本的な用語やレンダリング、インタラクションの実装などについて


Cloudworker  -  A local Cloudflare Worker Runner

blog.cloudflare.com/cloudworker-a-local-cloudflare-worker-runner/

JavaScript node.js cdn ServiceWorker

Cloudflare Workers向けのスクリプトをローカルで動かすことを目的としたツール


FOLIOの画像回帰テストの裏側 – Yosuke Kurami – Medium

medium.com/@Quramy/folio%E3%81%AE%E7%94%BB%E5%83%8F%E5%9B%9E%E5%B8%B0%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E8%A3%8F%E5%81%B4-c848030991bc

testing article UI

画像ベースのビジュアルリグレッションテストの運用について。
アニメーションやロードが発生する描画結果の画像キャプチャを安定して取る手法やStorybookとテストの段階的な導入についてなど


I Used The Web For A Day Using A Screen Reader — Smashing Magazine

www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/

accessibility article

スクリーンリーダを実際にどのように使うかについて。
VoiceOverを使っていくつかのサイトを元に、スクリーンリーダの動きやどのようにみえているのかなどについて


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


現代の JavaScript チュートリアル

ja.javascript.info/

JavaScript tutorial 翻訳 document

https://javascript.info/ の翻訳サイト。 JavaScript、DOM APIについてのチュートリアルサイト


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


swc-project/swc: Super-fast alternative for babel

github.com/swc-project/swc

Rust JavaScript babel Tools

Rustで書かれたJavaScript Transpiler。
BabelなどのようにECMAScriptバージョンに対応した変換を行う。


書籍関係


Introduction - TypeScript Deep Dive 日本語版

typescript-jp.gitbook.io/deep-dive/

TypeScript 翻訳 document

TypeScript Deep Diveの日本語訳


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