JSer.info #562 - ビルドツールのParcel v2がリリースされました。

Announcing Parcel v2!

Parcelは設定なしで動作することを目的にしているため、v1ではプラグインの仕組みは薄い形になっていました。
Parcel v2ではプラグインの仕組みを刷新し、様々なケースに対応できるようになっています。

Plugins

また、Tree Shakingをデフォルト化、SWCベースのJavaScriptコンパイラに変更、ModernとLegacyビルドの出し分け、Image optimizerの追加されています。
その他にも、bundleのインライン化、ライブラリ向けのビルドのサポート、C++やRustでコアモジュールの一部を書き直し、ビルドパフォーマンスの改善なども含まれています。

Parcel v1からマイグレーションについてのドキュメントも公開されています。

Migration

Node.js 17.0.0がリリースされました。

Nodeの奇数バージョンはLTSとはなりませんが、Currentバージョンが17.xとなります。
現在のNodeのLTSは12と14ですが、2021-10-26にNode 16がLTSに追加されます。

Releases | Node.js

Node.js 17では、readlineモジュールのPromise対応、OpenSSL 3.0へのアップデート、V8 9.5へアップデート、npm 8.0.0へのアップデート、スタックトレースにNodeバージョンを表示などの変更が含まれています。
またウェブ標準のstrcturedClone()とDOMExceptionをサポートが追加されています。

structuredClone()はpostMessageなどで内部的に使われていた(DOMを含む)オブジェクトの複製のメカニズムを関数として公開したメソッドです。
最近、WHATWG HTMLの仕様に追加され、FirefoxやDenoで実装され、Chrome、Safari、core-jsで実装が進められています。

Expose structuredClone by surma · Pull Request #3414 · whatwg/html

このstructuredClone()はJSON.parse/JSON.strinfigyがサポートしていないオブジェクト(MapやRegExpなど)もサポートしていため、DOM以外の部分でも有用です。

構造化複製アルゴリズムを使ったオブジェクトのディープコピー

structuredClone()で複製ができない場合はDOMExceptionを例外として投げる仕様であるため、DOMExceptionも合わせて実装されています。

Node 17にはNode 16の変更点も含まれるので、その他の変更は次の記事を参照してください。

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

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

JSer.info Sponsors

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

ヘッドライン

Announcing Parcel v2!

parceljs.org/blog/v2/

JavaScript bundler ReleaseNote

Parcel v2リリース。
プラグインの仕組みを刷新、Tree Shakingをデフォルト化、SWCベースのJavaScriptコンパイラに変更、ModernとLegacyビルドの出し分け、Image optimizerの追加。
bundleのインライン化、ライブラリ向けのビルドのサポート、開発時はリクエストされたタイミングで遅延ビルドできるようになるなど。
その他にもSource MapライブラリをRustで書き直してパフォーマンス改善やファイル監視の仕組みの改善などが含まれている

Migration

Deno 1.15 Release Notes | Deno Blog

deno.com/blog/v1.15

deno ReleaseNote

Deno 1.15リリース。
Web Crypto APIの更新、FFIの改善、deno uninstallコマンドの追加、deno lint --watchの追加。
Deno.testがネストしたテストケースをサポート、V8 9.5へアップデート、Node.js互換のモジュールを利用できる--compatフラグの追加など

Deno v1.15で導入されたNode.js互換モードについて

Nuxt - Introducing Nuxt 3 Beta

nuxtjs.org/announcements/nuxt3-beta/

Vue Next.js ReleaseNote

Nuxt 3 betaリリース。
Vue 3とViteへの対応。
新しいサーバエンジンのNitro Engineを導入することで、通常のNode.jsサーバ、Serverless、Service Workerなど様々な形でデプロイできるようになっている。

GitHub Advisory Database now powers npm audit | The GitHub Blog

github.blog/2021-10-07-github-advisory-database-now-powers-npm-audit/

npm security Github news

npm auditがGitHub Advisory Databaseをみるようになった

Release v7.0.0 · pinojs/pino

github.com/pinojs/pino/releases/tag/v7.0.0

node.js library ReleaseNote

pino 7.0.0リリース。
ログの処理を別Threadなどに渡せるpino.transport()の追加、pino.multistream()の追加、TypeScriptの型を同梱するようになるなど

Welcome to [email protected] - and the era of worker_thread transport - NearForm

Node v17.0.0 (Current) | Node.js

nodejs.org/en/blog/release/v17.0.0/

node.js ReleaseNote

Node v17.0.0リリース。
readlineモジュールのPromise対応、OpenSSL 3.0へのアップデート、V8 9.5へアップデート、npm 8.0.0へのアップデート、スタックトレースにNodeバージョンを表示など。
またウェブ標準のstrcturedClone()とDOMExceptionをサポート