Fork me on GitHub

2022-02-09のJS: Babel 7.17.0、Chrome 99 beta、Fetch API in Node.js

Edit on GitHub 編集履歴を見る

JSer.info #578 - Babel 7.17.0がリリースされました。

Decorators Proposalを最新のものへ対応する"version": "2021-12"オプションの追加、Stage 2の正規表現リテラルのvフラグと\qシーケンスのサポートされています。
また、Stage 2のPipe OperatortopicTokenとして^^@@を選択できるオプションの追加、@babel/registerに実験的なworkerの実装を追加などが含まれています。


Chrome 99 betaがリリースされました。

CSS Cascade Layers、showPicker()のサポートされています。
Origin Trialsとしてmanifestのuser_preferencesフィールドの追加。
CSSのcalc()InfinityNaNをサポート、color-schemeonlyキーワードをサポート、Canvas 2Dに機能を追加なども含まれています。
また、Battery Status APIの削除、font-familyから-webkit-standardのサポートを削除などが行われています。

Chromeは次のバージョンで100となり、バージョンが3桁となります。
バージョンの桁数が変わるとUserAgentのパースに失敗するサイトもあるため、バージョン100を試すためのフラグも追加されています。


fetch() In Node.js Core: Why You Should Careという記事では、Node.js v17.5で実験的に追加されるFetch APIについて書かれています。

Unidiciベースのfetch()がなぜNode Coreに追加されたのかについて書かれています。
Node.jsにおけるHTTPスタックの今後やユーザーがあまり意識せずにHTTP/2と3をサポートする方法を模索する議論の一環として取り組んでいることについても書かれています。


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

JSer.info Sponsors

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


ヘッドライン


Node v14.19.0 (LTS) | Node.js

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

node.js ReleaseNote

Node.js 14.19.0リリース。
Corepackを14.xにもbackport、ICU 70.1へアップデート、native addonのロードを無効にできる--no-addonsフラグの追加、ルート証明書のアップデートなど


7.17.0 Released: RegExp 'v' mode and ... 🥁 decorators! · Babel

babeljs.io/blog/2022/02/02/7.17.0

babel ReleaseNote

Babel 7.17.0リリース。
Decorators Proposalを最新のものへ対応する"version": "2021-12"オプションの追加、Stage 2の正規表現リテラルのvフラグと\qシーケンスのサポート。
Stage 2のPipe OperatorにtopicTokenとして^^@@を選択できるオプションの追加、@babel/registerに実験的なworkerの実装を追加など


Introducing Wolvic | Igalia

www.igalia.com/2022/02/03/Introducing-Wolvic.html

browser news VR

IgaliaがFirefox Realityを引き継ぐ形でXR向けのブラウザであるWolvicを公開予定。
WolvicはOculusやHTC Viveなどで利用できるブラウザ。


Chromium Blog: Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More

blog.chromium.org/2022/02/chrome-99-css-cascade-layers-new-picker.html

Chrome ReleaseNote

Chrome 99 betaリリース。
CSS Cascade Layers、showPicker()のサポート。
Origin Trialsとしてmanifestのuser_preferencesフィールドの追加。
CSSのcalc()InfinityNaNをサポート、color-schemeonlyキーワードをサポート、Canvas 2Dに機能を追加など。
また、Battery Status APIの削除、font-familyから-webkit-standardのサポートを削除など


Release v27.5.0 · facebook/jest

github.com/facebook/jest/releases/tag/v27.5.0

JavaScript testing library ReleaseNote

Jest v27.5.0リリース。
expect.closeToの追加、mockFn.mock.lastCallの追加など


MDX 2 | MDX

mdxjs.com/blog/v2/

Markdown jsx ReleaseNote

MDX 2リリース。
破壊的な変更として、ESM形式のみのサポート、@mdx-js/*パッケージの各種変更などが含まれる。
HTMLタグ内のMarkdown記法のサポート、{}でのJavaScript式のサポートなど


Electron 17.0.0 | Electron

www.electronjs.org/blog/electron-17-0

Electron ReleaseNote

Electron 17.0.0リリース。
Chromium 98、Node.js 16.13.0、V8 9.8へアップデート。
webContents.getMediaSourceId()の追加。
また、desktopCapturer.getSourceがmain processのみから利用できるようになり、rendererからは削除された。


Node v16.14.0 (LTS) | Node.js

nodejs.org/en/blog/release/v16.14.0/

node.js ReleaseNote

Node.js 16.14.0リリース。
Node.js 17からのbackportが中心。
import assertions構文でのJSON importのサポート、asyncWrapProvidersの公開、EventEmitterAsyncResourceの追加。
AbortSignal.timeout()の追加、timers/promisesscheduler APIの追加など


アーティクル


Test IE mode in Microsoft Edge with Internet Explorer Driver - Microsoft Edge Blog

blogs.windows.com/msedgedev/2022/02/01/test-ie-mode-in-microsoft-edge-internet-explorer-driver/

MSEdge IE article

MSEdgeのIE mode使ったテスト方法についての記事


Introducing the Dialog Element | WebKit

webkit.org/blog/12209/introducing-the-dialog-element/

safari article HTML

Safari 15.4で実装される<dialog>要素についての解説。


fetch() In Node.js Core: Why You Should Care

fusebit.io/blog/node-fetch/

node.js Fetch article

Node.js 17.5に実験フラグ付きでFetch APIが実装されたことについて。
Unidiciベースのfetch()がなぜNode Coreに追加されたのかについて。
Node.jsにおけるHTTPスタックの今後やユーザーがあまり意識せずにHTTP/2と3をサポートする方法における議論の一部としてUnidici/Fetchが扱われている


A list of every web API in Deno

deno.com/blog/every-web-api-in-deno

deno article WebPlatformAPI

Denoが実装しているWeb APIの紹介記事


In-depth of tnpm rapid mode - how we managed to be 10 second faster than pnpm - DEV Community 👩‍💻👨‍💻

dev.to/atian25/in-depth-of-tnpm-rapid-mode-how-could-we-fast-10s-than-pnpm-3bpp

npm article performance

npmレジストリのミラーレジストリであるcnpmベースにしたtnpmというnpmレジストリ/ツールについて。
高速なパッケージのインストールを実現するために、FUSEを利用した仕組みや一時的な変更に対応するためのOverlayFSを使った仕組みについて


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


ngneat/falso: All the Fake Data for All Your Real Needs 🙂

github.com/ngneat/falso

JavaScript library

さまざまな種類のダミーデータを作って返すライブラリ


書籍関係


SOLID: The Software Design and Architecture Handbook

solidbook.io/

JavaScript book DDD architecture

ソフトウェアアーキテクチャについての書籍。
コードにはTypeScriptを使っていて、TDD、OOP、DDDについて扱っている。


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