JSer.info #540 - 現在のLTSの最新版であるNode v14.17.0がリリースされました。

Node v14.17.0 (LTS) | Node.js

Node v14.17.0では、Node.js 15.x で追加された機能やモジュールがバックポートされています。

診断情報を扱うdiagnostics_channelモジュールの追加、UUID v4を生成するcrypto.randomUUID()が追加されています。
crypto.randomUUID() はWHATWGで定義されている仕様で、Chromeにも実装が追加されています。

また、--experimental-abortcontrollerの実験フラグ付きですが、AbortControllerとAbortSignalの対応が次のメソッドに追加されています。

child_process.exec
child_process.execFile
child_process.fork
child_process.spawn
dgram.createSocket
events.on
events.once
fs.readFile
fs.watch
fs.writeFile
http.request
https.request
http2Session.request
Promise版のsetImmediateとsetTimeout

TypeScript 4.3 RC(リリース候補)がリリースされました。

Announcing TypeScript 4.3 RC | TypeScript

基本的な変更内容はBetaのものを含んでいます。

2021-04-06のJS: TypeScript 4.3 Beta、hls.js v1.0.0(Apple Low-Latency HLS)、Storybook 6.2 - JSer.info

RCで新たに追加されたものとして、--incrementalと--watchを使った初回のビルドが遅い問題が解消されています。

また、--incrementalフラグなどを使った際に生成される.tsbuildinfoのファイルサイズが改善されています。

6ヶ月ごとにメジャーアップデートされるAngularの最新版であるAngular 12がリリースされました。

View Engineは非推奨となりIvyがデフォルトへと移行、Legacy i18n Message IDsからの移行ツールが公開されています。

Angular - Migrating legacy localization IDs

以前、開発終了を告知されていたProtractorについても、Angular 12からProtractorはデフォルトでは新規プロジェクトには含めないようになっています。

Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor

また、Angular 12ではIE 11のサポートが非推奨となり警告が出るようになっています。
IE 11のサポートはAngular 13で削除される予定です。
そのため、AngularでのIEサポートはAngular 12が最後となり、Angular 12のLTS期限である2022年11月で完全にIEサポートが終了する予定となっています。

RFC: Internet Explorer 11 support deprecation and removal · Issue #41840 · angular/angular

その他には、インラインSassのサポートなど。 TypeScript 4.2へのアップデート、webpack 5の正式サポートなども含まれています。

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

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

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

ヘッドライン

What do you not like about DefinitelyTyped as a user and contributor? · Issue #44030 · microsoft/TypeScript

github.com/microsoft/TypeScript/issues/44030

TypeScript issue

DefinitelyTypedへの意見を募集しているIssue

Node v14.17.0 (LTS) | Node.js

nodejs.org/en/blog/release/v14.17.0/

node.js ReleaseNote

Node v14.17.0リリース。
試験的にdiagnostics_channelを追加、crypto.randomUUID()の追加。
また、Node.js 15で実装されていたコアモジュールにおけるAbortControllerとAbortSignalの対応をバックポートなど

Deno 1.10 Release Notes | Deno Blog

deno.com/blog/v1.10

deno ReleaseNote

Deno 1.10リリース。
deno testがisolateした状態でparallelにテストを実行、permissionsの指定に対応、出力の変更、コメントのコードの型チェックに対応など。
Worker.postMessageがstructured clone algorithmに対応、localStorageなどのWeb Storage APIに対応。
WebAssembly.Memoryがsharedオプションに対応、--import-mapへリモートURLを指定できるようになるなど

Announcing TypeScript 4.3 RC | TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-4-3-rc/

TypeScript ReleaseNote

TypeScript 4.3 RCリリース。
setterにgetterとは異なる型を指定できるように、overrideキーワードの追加、Template String Typeの改善。
Private Class Elements(fields/methods/accessors)のサポート、static Index Signatureのサポート。
ConstructorParametersがAbstract classをサポート、Genericsにおける型の絞り込みの改善、Promiseオブジェクトを条件式に渡してしまうミスのチェックを追加。
その他には、.tsbuildinfoのサイズ改善、watch時の初回ビルドの改善など。

Angular v12 is now available. It’s that time again, friends — we’re… | by Mark Techson | May, 2021 | Angular Blog

blog.angular.io/angular-v12-is-now-available-32ed51fbfd49

Angular ReleaseNote

Angular 12リリース。
View Engineは非推奨となりIvyがデフォルトへと移行、Legacy i18n Message IDsからの移行ツール、インラインSassのサポートなど。
TypeScript 4.2へのアップデート、webpack 5の正式サポート、IE 11サポートの非推奨化など

V8 release v9.1 · V8

v8.dev/blog/v8-release-91

V8 ReleaseNote

V8 v9.1リリース。
Top-level awaitのデフォルトサポート、#foo in objのPrivate brand checksのサポートなど

Announcing Docusaurus 2 Beta | Docusaurus

docusaurus.io/blog/2021/05/12/announcing-docusaurus-two-beta

React document

Docusaurus 2 Betaリリース

アーティクル

Writing A Type Safe Store | Lachlan Miller

lachlan-miller.me/articles/advanced-type-a-type-safe-store-for-vue-3

Vue TypeScript article

Vueのステート管理ライブラリであるPiniaのType SafeなStoreの型定義の解説

posva/pinia: 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support

Next Gen CSS: @container | CSS-Tricks

css-tricks.com/next-gen-css-container/

CSS article

@containerについての記事。
親要素にはcontainプロパティを指定する必要がある点、@containerでのレスポンシブデザインについて

Cross-browser tracking vulnerablity in Tor, Safari, Chrome and Firefox - FingerprintJS

fingerprintjs.com/blog/external-protocol-flooding/

browser security privacy article

ブラウザからURLスキームでアプリを開くときの挙動を利用してフィンガープリントできるという話。
未知のプロトコルを開く際にはダイアログでの確認やユーザインタラクションが必要となっている。
しかし、それぞれのブラウザで既知のプロトコルやabout:blankを使ったSOP(Same Origin Policy)での抜け道で、どのアプリがインストールされているかを判定できるという話