JSer.info #591 - Node.js 18.1.0がリリースされました。
Fetchが実装されたためWebAssembly.compileStreaming()とWebAssembly.instantiateStreaming()が実装されています。
また、node:testを使ったテストを実行するnode --testフラグが追加されています。
State of CSS 2022という記事では、モダンブラウザで実装され2022年に利用できそうな機能と現在策定や実装が進められている機能がまとめられています。
CSS Layers、CSS Subgrid、@container、@scope、@nestなどかなり多くの機能が紹介されています。
次の記事と動画では、Chrome 102から導入されるPerformance insightsという新しい開発者ツールについて紹介されています。
- Performance insights: Get actionable insights on your website's performance - Chrome Developers
- Performance insights panel | DevTools Tips - YouTube
現在のPerformanceタブは情報量が多すぎるため、これを整理して表示したりLighthouseのように修正方法のフィードバックを表示する目的を持った新しいパネルになっています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Node v18.1.0 (Current) | Node.js
nodejs.org/en/blog/release/v18.1.0/
Node.js 18.1.0リリース。
WebAssembly.compileStreaming()とWebAssembly.instantiateStreaming()の実装。
node:testを使ったテストを実行するnode --testフラグの追加
Announcement: Passing the torch · Issue #3121 · lerna/lerna
github.com/lerna/lerna/issues/3121
lernaのメンテナンスはNxを開発してるNrwlが引き継ぐとアナウンスされた。
Babylon.js 5.0: Beyond the Stars. Our mission is to create one of the… | by Babylon.js | May, 2022 | Medium
babylonjs.medium.com/babylon-js-5-0-beyond-the-stars-2d11d4c3d07
Babylon.js 5.0リリース。
WebGPUのサポート、Animation Curve Editorのサポート、Performance Profilerの刷新、GUI Editorのベータサポートなど
WinterCG
サーバやCDN Edge RuntimeのAPI標準化についてのワーキンググループ。
Deno、Cloudflare、Vercel、Node.jsが参加している。
- A Community Group for Web-interoperable JavaScript runtimes
- Announcing the Web-interoperable Runtimes Community Group
Release 14.0.0 · puppeteer/puppeteer
github.com/puppeteer/puppeteer/releases/tag/v14.0.0
Puppeteer v14.0.0リリース。
Node.js 12のサポート終了。
M1 Mac向けのChromiumをダウンロードするPUPPETEER_EXPERIMENTAL_CHROMIUM_MAC_ARM=1フラグの追加、ESMのサポートなど
Release v1.22.19 · yarnpkg/yarn
github.com/yarnpkg/yarn/releases/tag/v1.22.19
yarn v1.22.19リリース。
npmのWebAuthn対応との互換性を修正
wrangler 2.0 — a new developer experience for Cloudflare Workers
blog.cloudflare.com/wrangler-v2-beta/
Cloudflare WorkersのCLIであるwrangler 2.0がリリース。
wrangler.tomlの設定ファイルなしでも動作するように、--localでminiflareを使ってローカルでのエミュレートに対応、wrangler devでのデバッグの対応など
Release v1.2.0 - support of yarn/pnpm `workspace:` protocol · ghiscoding/lerna-lite
github.com/ghiscoding/lerna-lite/releases/tag/v1.2.0
lerna-lite v1.2.0リリース。
workspace: protocolのサポート
アーティクル
TypeScript におけるモジュール関連オプションの整理. TypeScript 4.7 で “module” という名前で始まる… | by Yosuke Kurami | May, 2022 | Medium
TypeScriptのモジュール周りのオプションについて
Performance insights: Get actionable insights on your website's performance - Chrome Developers
developer.chrome.com/docs/devtools/performance-insights/
Chrome 102でDevToolsに導入されるPerformance insightsパネルについて。
パフォーマンスとWeb Vitalsに関連する内容を整理して表示するパネル。
State of CSS 2022
2022年にモダンブラウザがサポートして利用できるようになるCSSと今後利用できるようになるCSSについて。
サイト、サービス、ドキュメント
プライバシーサンドボックス - Chrome Developers
developer.chrome.com/ja/docs/privacy-sandbox/
Privacy Sandboxについての翻訳まとめ
ソフトウェア、ツール、ライブラリ関係
Primitives – Radix UI
React向けのUIフレームワーク
kawamataryo/suppress-ts-errors: CLI tool to add comments to suppress type errors in TypeScript
github.com/kawamataryo/suppress-ts-errors
TypeScriptでコンパイルエラーとなる箇所に@ts-expect-errorを追加できるツール。
strict: trueへの移行時などに暫定的に型エラーを無視するためのツール
httptoolkit/mockrtc: Powerful friendly WebRTC mock peer & proxy
github.com/httptoolkit/mockrtc
WebRTCのモックサーバ、Proxy、テストライブラリ。
yisibl/resvg-js: A high-performance SVG renderer and toolkit, powered by Rust based resvg and napi-rs.
Rust製のresvgベースのSVGライブラリ。
Node.js向けのNative ModulesとWebAssembly版が用意されている。
