JSer.info #703 - Node.js v22.6.0がリリースされました。
実験的な機能として、型の記述を取り除いてTypeScriptファイルを実行する--experimental-strip-types
フラグを追加されています。
また、Node.js DevToolsでNetwork Inspectionをサポートする--experimental-network-inspection
の追加なども行われています。
Firefox 129がリリースされました。
CSSの@starting-style
/transition-behavior
プロパティのサポート、Float16Array
のサポート、Web Crypto APIでのEd25519
のサポートなどが追加されています。
また、Firefox 129では、Puppeteerが必要とするWebDriver BiDiの実装が完了したため、Puppeteerが正式にFirefoxをサポートしました。
詳細は次の記事でも紹介されています。
- WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer | Blog | Chrome for Developers
- Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Node.js — Node v22.6.0 (Current)
nodejs.org/en/blog/release/v22.6.0
Node.js v22.6.0リリース。
実験的な機能として、型の記述を取り除いてTypeScriptファイルを実行する--experimental-strip-types
フラグを追加。
Node.js DevToolsでNetwork Inspectionをサポートする--experimental-network-inspection
の追加など
Release pnpm 9.7 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v9.7.0
pnpm v9.7.0リリース。
corepackのようにpackageManager
フィールドを参照してpnpmのバージョン切り替えるmanage-package-manager-versions
オプションを追加。
pnpm patch pkg
で全てのバージョンのパッケージにパッチを当てられるようになるなど
Firefox 129.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/129.0/releasenotes/
Firefox 129リリース。
CSSの@starting-style
/transition-behavior
プロパティのサポート。
Float16Array
のサポート、Web Crypto APIでのEd25519
のサポートなど
ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter
eslint.org/blog/2024/08/eslint-v9.9.0-released/
ESLint v9.9.0リリース。
eslint.config.ts
のサポート。
TypeScriptの実行にはjiti
を利用している
Release Release v1.7.4 · axios/axios
github.com/axios/axios/releases/tag/v1.7.4
axios v1.7.4リリース。
CVE-2024-39338のSSRFの対応。
サーバでのみbaseURL
が指定されている場合でも、//example.com
のようなprotocol-relative URLでbaseURL
を無視できたのを、強制的に相対パスとして扱うように変更。
アーティクル
JSで書かれたECMAScript RegExpパーサーの比較 | Memory ice cubes
leaysgur.github.io/posts/2024/08/05/143855/
JavaScriptで書かれた正規表現パーサの比較。
regjsparser/regexp-tree/regexpp
Now in Baseline: animating entry effects | Blog | web.dev
web.dev/blog/baseline-entry-animations?hl=en
CSSの@starting-style
と transition-behavior:allow-discrete
について。
@starting-style
にtransition開始時のスタイルが指定でき、allow-discrete
によってdisplay:none
などの離散プロパティに対してtransitionが動くように
postgres.new: In-browser Postgres with an AI interface
supabase.com/blog/postgres-new
PostgresをWasmとして動かすPGliteを使ってブラウザ上で分析やビジュアライズができる postgres.new について
0.0.0.0 Day: Exploiting Localhost APIs From the Browser | Oligo Security
www.oligo.security/blog/0-0-0-0-day-exploiting-localhost-apis-from-the-browser
ウェブサイトから0.0.0.0
へのリクエストが通る問題とその対策について。
ブラウザからのロールポートスキャンやPrivate Network Accessのブロック方法についてなど
WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer | Blog | Chrome for Developers
developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi
Firefox 129でWebDriver BiDiをサポートしたため、Puppeteerが正式にFirefoxをサポートした。
今まではFirefoxがCDP(Chrome DevTools Protocol)を部分的に実装していたが、Firefox 129でCDPはデフォルトで無効となる
- Firefox 129 for developers - Mozilla | MDN
- Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog
ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する
tech.plaid.co.jp/analyze-internal-ui-library-usage
デザインシステムのUIコンポーネントがどのプロダクトで利用されているかを集計するGitHub Actionsで動くスクリプトについて。
実際にデザインシステムが提供してるUIを利用している回数や場所などの使用状況を可視化することで、使われてないものを削除できるようにする仕組み
サイト、サービス、ドキュメント
versotile-org/verso: A web browser that plays old world blues to build new world hope
github.com/versotile-org/verso
ServoベースのWebブラウザを作成するプロジェクト
- servo/servo: Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine
- Tauri update: embedding prototype, offscreen rendering, multiple webviews, and more! - Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine
goldbergyoni/nodebestpractices: The Node.js best practices list (July 2024)
github.com/goldbergyoni/nodebestpractices
Node.jsに関するガイドの2024年版が公開された