Fork me on GitHub

JavaScriptの最新情報を紹介する週刊ブログ

2020-07-21のJS: Chrome 84(SameSite Cookie)、Vue 3 RC、React Spectrum

2020年07月21日 Edit on GitHub 編集履歴を見る

JSer.info #497 - Chrome 84がリリースされました。

Web animations APIの対応改善、Content Indexing API、Wake lock API、WeakRefのサポートなどが含まれています。
また、Origin trialsとしてIdle detection、Web Assembly SIMDのサポートされています。

元々Chrome 80でロールアウト予定だったSame Site Cookieのロールアウトの再開がされています。

その他にはTLS 1.0と1.1のサポートの削除されています。
実際にTLS 1.0や1.1での接続を確認するにはbadssl.comなどが利用できます。

この変更はFirefoxとSafariでも予定されています。

Vue 3 RCがリリースされています。

Vue 3の正式リリースは8月の予定です。
RCのリリースに合わせて、マイグレーションガイドが公開されています。

RCではまだIE11サポートが完了していないため、正式リリースまでには対応していく予定とのことです。

Adobeからデザインシステム向けのReactフレームワークが公開されています。

React AriaはWAI-ARIAに対応する機能を提供するReact Hooks、React Statelyは一般的なコンポーネントの状態管理をするReact Hooksです。
これらはWAI-ARIAやキーボード操作などのアクセシビリティ、i18の仕組みなどを提供することが目的で、他のデザインシステムでも利用できるような作りになっています。

また、これらを利用したAdobeのデザインシステムのReactコンポーネントの実装のライブラリとしてReact Spectrumが公開されています。

JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

New in Chrome 84 | Web | Google Developers

developers.google.com/web/updates/2020/07/nic84

Chrome ReleaseNote

Chrome 84リリース。
Content Indexing API、Wake lock API、WeakRefのサポート。
Origin trialsとしてIdle detection、Web Assembly SIMDのサポート。
Same Site Cookieのロールアウトの再開、TLS 1.0と1.1のサポートの削除など

Vue 3 is now in RC! · Issue #189 · vuejs/rfcs

github.com/vuejs/rfcs/issues/189

Vue library ReleaseNote

Vue 3 RCリリース。
マイグレーションガイドも合わせて公開されている。

Release 2.0.0 · naver/billboard.js

github.com/naver/billboard.js/releases/tag/2.0.0

JavaScript library ReleaseNote

D3.jsベースのチャートライブラリであるbillboard.js 2.0.0リリース。
TypeScriptでの書き直し、ファイルサイズとパフォーマンスの改善、一部オプションのシグネチャーの変更、.transform()の非推奨化など

ESLint v7.5.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2020/07/eslint-v7.5.0-released

ESLint ReleaseNote

ESLint 7.5.0リリース。
Optional Chainingのサポート、id-blacklistを非推奨化しid-denylistに変更など

Announcing the Release of Apollo Client 3.0 - Apollo Blog

www.apollographql.com/blog/announcing-the-release-of-apollo-client-3-0/

GraphQL JavaScript library

GraphQL ClientのApollo Client 3.0リリース。
InMemoryCacheにevict()やgc()などを追加、makeVarによるReactive variablesの追加など。

アーティクル

Generating UUIDs at scale on the Web | by Matthieu Wipliez | Teads Engineering | Jul, 2020 | Medium

medium.com/teads-engineering/generating-uuids-at-scale-on-the-web-2877f529d2a2

JavaScript article

クライアントサイトでのUUID生成について。
URL.createObjectURLとcrypto.getRandomValuesを使ったランダムなUUIDの生成とcollisionについて

Dynamic CSS Components Without JavaScript: Every Layout

every-layout.dev/blog/css-components/

CSS article

style属性でCSS Custom Propertyを指定することで、CSSに対して値を渡す方法について。

eslint-plugin-vue で来たる Vue.js 3 のリリースに備えよう - BASE開発チームブログ

devblog.thebase.in/entry/2020/07/16/141446

ESLint Vue article

ESLintを使ったVue 3の対応チェックについて。
Vueで非推奨となった機能やVue3で廃止される機能をESLintでチェックする話

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

adobe/react-spectrum: A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

github.com/adobe/react-spectrum

React library accessibility i18n Keyboard

WAI-ARIAとコンポーネントの状態管理をするReact Hooks、AdobeのデザインシステムのReactコンポーネントの実装のライブラリ。
WAI-ARIAやキーボード操作などのアクセシビリティ、i18の仕組みなどを提供することが目的

richardanaya/tour_of_rust: A tour of rust's language features

github.com/richardanaya/tour_of_rust

WebAssembly tutorial

WebAssemblyのツアー式チュートリアル

iamakulov/awesome-webpack-perf: A curated list of webpack tools for web performance

github.com/iamakulov/awesome-webpack-perf

webpack plugin performance

webpackのパフォーマンス関係のプラグイン、Loaderのまとめ。
最適化を行うloaderやbundleの分析を行うプラグインなどをまとめたもの

Zizzamia/perfume.js: Web performance library for measuring all User-centric performance metrics

github.com/zizzamia/perfume.js

JavaScript performance library

ブラウザのさまざまなパフォーマンスメトリクスを取得できるJavaScriptライブラリ。
Navigation Timing、Element Timing、Web Vitalsなどに対応している

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

breejs/bree: Bree is the best job scheduler for Node.js with support for cron, dates, ms, later, and human-friendly strings. Uses workers and spawns sandboxed processes. Supports async/await, retries, throttling, concurrency, and cancelable jobs (graceful shutdown). Simple, fast, and the most lightweight tool for the job. Made for Forward Email and Lad.

github.com/breejs/bree

node.js library

Node.jsのjob scheduler/cron処理ライブラリ

getify/moduloze: Convert CommonJS (CJS) modules to UMD and ESM formats

github.com/getify/moduloze

node.js module Bluetooth

CommonJSをUMDとES Modulesに変換するツール

lukeed/dequal: A tiny (305B) utility for check for deep equality

github.com/lukeed/dequal

JavaScript library

deep-equalライブラリ

lukeed/klona: A tiny (423B) and fast utility to "deep clone" Objects, Arrays, Dates, RegExps, and more!

github.com/lukeed/klona

JavaScript library

deep-cloneライブラリ

書籍関係

Building Micro-Frontends: the book - Building Micro-Frontends

www.buildingmicrofrontends.com/

MicroFrontend book

MicroFrontendについての書籍。
DAZNでのMicroFrontendアーキテクチャについて

この記事へ修正リクエストをする
JSer.info Slackに参加する