Skip to content

Commit

Permalink
2024-08-15のJS: Node v22.6.0(--experimental-strip-types)、Firefox 129、 (
Browse files Browse the repository at this point in the history
#1214)

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update 703 draft

* Update _i18n/ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md

* Delete _i18n/ja/_posts/2024/2024-08-14-703draft.md

* Update _i18n/ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md

* Update _i18n/ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
  • Loading branch information
azu and github-actions[bot] authored Aug 14, 2024
1 parent ea23057 commit e8350fb
Showing 1 changed file with 194 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
---
title: "2024-08-15のJS: Node v22.6.0(`--experimental-strip-types`)、Firefox 129、"
author: "azu"
layout: post
date: 2024-08-14T15:21:42.119Z
category: JSer
tags:
- browser
- nodejs
- Firefox
- security
- RegExp

---

JSer.info #703 - Node.js v22.6.0がリリースされました。

- [Node.js — Node v22.6.0 (Current)](https://nodejs.org/en/blog/release/v22.6.0)

実験的な機能として、型の記述を取り除いてTypeScriptファイルを実行する`--experimental-strip-types`フラグを追加されています。

- 関連: [Node.jsのTypeScriptサポートについて](https://gist.github.com/azu/ac5dafbf211ef8b5ecf386930ac75250)

また、Node.js DevToolsでNetwork Inspectionをサポートする`--experimental-network-inspection`の追加なども行われています。

----

Firefox 129がリリースされました。

- [Firefox 129 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/129)
- [Firefox 129.0, See All New Features, Updates and Fixes](https://www.mozilla.org/en-US/firefox/129.0/releasenotes/)

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](https://developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi)
- [Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/)


----

{% include inline-support.html %}

----

<h1 class="site-genre">ヘッドライン</h1>

----

## Node.js — Node v22.6.0 (Current)
[nodejs.org/en/blog/release/v22.6.0](https://nodejs.org/en/blog/release/v22.6.0 "Node.js — Node v22.6.0 (Current)")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://github.com/pnpm/pnpm/releases/tag/v9.7.0 "Release pnpm 9.7 · pnpm/pnpm")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>

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/](https://www.mozilla.org/en-US/firefox/129.0/releasenotes/ "Firefox 129.0, See All New Features, Updates and Fixes")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p>

Firefox 129リリース。
CSSの`@starting-style`/`transition-behavior`プロパティのサポート。
`Float16Array`のサポート、Web Crypto APIでの`Ed25519`のサポートなど

- [Firefox 129 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/129 "Firefox 129 for developers - Mozilla | MDN")

----

## ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter
[eslint.org/blog/2024/08/eslint-v9.9.0-released/](https://eslint.org/blog/2024/08/eslint-v9.9.0-released/ "ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>

ESLint v9.9.0リリース。
`eslint.config.ts`のサポート。
TypeScriptの実行には`jiti`を利用している

- [jiti - npm](https://www.npmjs.com/package/jiti "jiti - npm")

----

## Release Release v1.7.4 · axios/axios
[github.com/axios/axios/releases/tag/v1.7.4](https://github.com/axios/axios/releases/tag/v1.7.4 "Release Release v1.7.4 · axios/axios")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTTP</span> <span class="jser-tag">security</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

axios v1.7.4リリース。
CVE-2024-39338のSSRFの対応。
サーバでのみ`baseURL`が指定されている場合でも、`//example.com`のようなprotocol-relative URLで`baseURL`を無視できたのを、強制的に相対パスとして扱うように変更。


----
<h1 class="site-genre">アーティクル</h1>

----

## JSで書かれたECMAScript RegExpパーサーの比較 | Memory ice cubes
[leaysgur.github.io/posts/2024/08/05/143855/](https://leaysgur.github.io/posts/2024/08/05/143855/ "JSで書かれたECMAScript RegExpパーサーの比較 | Memory ice cubes")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">RegExp</span> <span class="jser-tag">AST</span> <span class="jser-tag">article</span></p>

JavaScriptで書かれた正規表現パーサの比較。
regjsparser/regexp-tree/regexpp


----

## Now in Baseline: animating entry effects  |  Blog  |  web.dev
[web.dev/blog/baseline-entry-animations?hl&#x3D;en](https://web.dev/blog/baseline-entry-animations?hl=en "Now in Baseline: animating entry effects  |  Blog  |  web.dev")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">css </span> <span class="jser-tag">article</span></p>

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](https://supabase.com/blog/postgres-new "postgres.new: In-browser Postgres with an AI interface")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">PostgreSQL</span> <span class="jser-tag">browser</span> <span class="jser-tag">article</span></p>

Postgrasを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](https://www.oligo.security/blog/0-0-0-0-day-exploiting-localhost-apis-from-the-browser "0.0.0.0 Day: Exploiting Localhost APIs From the Browser | Oligo Security")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">security</span> <span class="jser-tag">article</span></p>

ウェブサイトから`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](https://developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi "WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer  |  Blog  |  Chrome for Developers")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">puppeteer</span> <span class="jser-tag">article</span></p>

Firefox 129でWebDriver BiDiをサポートしたため、Puppeteerが正式にFirefoxをサポートした。
今まではFirefoxがCDP(Chrome DevTools Protocol)を部分的に実装していたが、Firefox 129でCDPはデフォルトで無効となる

- [Firefox 129 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/129 "Firefox 129 for developers - Mozilla | MDN")
- [Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/ "Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog")

----

## ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する
[tech.plaid.co.jp/analyze-internal-ui-library-usage](https://tech.plaid.co.jp/analyze-internal-ui-library-usage "ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">Design</span> <span class="jser-tag">React</span> <span class="jser-tag">Tools</span> <span class="jser-tag">article</span></p>

デザインシステムのUIコンポーネントがどのプロダクトで利用されているかを集計するGitHub Actionsで動くスクリプトについて。
実際にデザインシステムが提供してるUIを利用している回数や場所などの使用状況を可視化することで、使われてないものを削除できるようにする仕組み


----
<h1 class="site-genre">サイト、サービス、ドキュメント</h1>

----

## versotile-org/verso: A web browser that plays old world blues to build new world hope
[github.com/versotile-org/verso](https://github.com/versotile-org/verso "versotile-org/verso: A web browser that plays old world blues to build new world hope")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Rust</span> <span class="jser-tag">browser</span></p>

ServoベースのWebブラウザを作成するプロジェクト

- [servo/servo: Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine](https://github.com/servo/servo "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](https://servo.org/blog/2024/01/19/embedding-update/ "Tauri update: embedding prototype, offscreen rendering, multiple webviews, and more! - Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine")

----

## goldbergyoni/nodebestpractices: :white\_check\_mark: The Node.js best practices list (July 2024)
[github.com/goldbergyoni/nodebestpractices](https://github.com/goldbergyoni/nodebestpractices "goldbergyoni/nodebestpractices: :white\_check\_mark: The Node.js best practices list (July 2024)")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">document</span></p>

Node.jsに関するガイドの2024年版が公開された


----

0 comments on commit e8350fb

Please sign in to comment.