Merge pull request #1263 from jser/jser-week-726

2025-02-24のJS: Create React Appが非推奨に、Deno 2.2、Bun 1.2.3、ESLintのCSSサポート

Author: azu

_i18n/ja/_posts/2025/2025-02-24-create-react-app-deno-2.2-bun-1.2.3-eslintcss.md

@@ -0,0 +1,228 @@
+---
+title: "2025-02-24のJS: Create React Appが非推奨に、Deno 2.2、Bun 1.2.3、ESLintのCSSサポート"
+author: "azu"
+layout: post
+date: 2025-02-24T13:09:04.703Z
+category: JSer
+tags:
+- vite
+- browser
+- WebPlatformAPI
+- TypeScript
+- pnpm
+
+---
+
+JSer.info #726 - Create React Appが非推奨となりました。
+
+- [Sunsetting Create React App – React](https://react.dev/blog/2025/02/14/sunsetting-create-react-app)
+
+`create-react-app`は非推奨となり、Reactを使ったフレームワークやVite/Parcel/Rsbuildなどのビルドツールへの移行が推奨されています。
+
+---
+
+Deno 2.2がリリースされました。
+
+- [Deno 2.2: OpenTelemetry, Lint Plugins, node:sqlite](https://deno.com/blog/v2.2)
+
+lintのビルトインルールの追加、JavaScriptで書けるLint Plugin APIの追加、`deno task`がwildcard(`*`)指定に対応しています。
+また、`deno outdated`にinteractive modeを追加、`deno compile`の改善なども含まれています。
+unstableな機能としてOpenTelemetryのサポート、`WebTransport` APIのサポートなども追加されています。
+
+---
+
+Bun v1.2.3がリリースされました。
+
+- [Bun v1.2.3 | Bun Blog](https://bun.sh/blog/bun-v1.2.3)
+
+`bun ./index.html`で開発サーバが立ち上がるように、`Bun.serve`の`static`オプションを`routes`オプションに変更されています。
+`bun init`でReactプロジェクトを作成できるように、`bun install --analyze`で不足してる依存を`pacakge.json`に追加できるようになっています。
+また、WasmのinterpreterとしてLLIntではなくIPINTを使うのをデフォルトにして、`BUN_JSC_useWasmIPInt=0`で元に戻せるようになっています。
+
+---
+
+ESLintがCSSのLintをサポートするようになりました。
+
+- [ESLint now officially supports linting of CSS - ESLint - Pluggable JavaScript Linter](https://eslint.org/blog/2025/02/eslint-css-support/)
+
+CSSTreeを使ったCSSのパースといくつかのLintのルールが実装されています。
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Announcing TypeScript 5.8 RC - TypeScript
+[devblogs.microsoft.com/typescript/announcing-typescript-5-8-rc/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-rc/ "Announcing TypeScript 5.8 RC - TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript 5.8 RCリリース。
+conditional return typeの改善、`require(esm)`の対応、`--module node18`を追加。 Node.jsの`--experimental-strip-types`と合わせた設定をする`--erasableSyntaxOnly`フラグの追加、`--libReplacement`フラグの追加など
+
+
+----
+
+## Release pnpm 10.4 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v10.4.0](https://github.com/pnpm/pnpm/releases/tag/v10.4.0 "Release pnpm 10.4 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm v10.4.0リリース。
+`pnpm approve-builds --global`の追加、`pnpm --allow-build=<pkg> add`の追加、`pnpm approve-builds`のバグ修正など
+
+
+----
+
+## Sunsetting Create React App – React
+[react.dev/blog/2025/02/14/sunsetting-create-react-app](https://react.dev/blog/2025/02/14/sunsetting-create-react-app "Sunsetting Create React App – React")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">news</span></p>
+
+`create-react-app`は非推奨として、Reactを使ったフレームワークへの移行を推奨するドキュメントが公開された。
+
+
+----
+
+## vite/packages/vite/CHANGELOG.md at main · vitejs/vite
+[github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#610-2025-02-05](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#610-2025-02-05 "vite/packages/vite/CHANGELOG.md at main · vitejs/vite")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Vite 6.1.0リリース。
+
+
+----
+
+## Release v3.0.5 · vitest-dev/vitest
+[github.com/vitest-dev/vitest/releases/tag/v3.0.5](https://github.com/vitest-dev/vitest/releases/tag/v3.0.5 "Release v3.0.5 · vitest-dev/vitest")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">security</span> <span class="jser-tag">ReleaseNote</span></p>
+
+vitest v3.0.5リリース。
+Vitest UIのAPIサーバはリクエストのOriginチェックをしていなかったため、罠サイトへのアクセス時にホストマシンで任意のコード実行ができるRCEの脆弱性の修正が含まれている。
+
+
+----
+
+## Release v2.20.0 · codesandbox/sandpack
+[github.com/codesandbox/sandpack/releases/tag/v2.20.0](https://github.com/codesandbox/sandpack/releases/tag/v2.20.0 "Release v2.20.0 · codesandbox/sandpack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">editor</span> <span class="jser-tag">ReleaseNote</span></p>
+
+sandpack 2.20.0リリース。
+React 19に対応
+
+
+----
+
+## Deno 2.2: OpenTelemetry, Lint Plugins, node:sqlite
+[deno.com/blog/v2.2](https://deno.com/blog/v2.2 "Deno 2.2: OpenTelemetry, Lint Plugins, node:sqlite")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Deno v2.2リリース。
+lintのビルトインルールの追加、JavaScriptで書けるLint Plugin APIの追加、`deno task`がwildcard(`*`)指定に対応。
+`deno outdated`にinteractive modeを追加、`deno compile`の改善。
+unstableな機能としてOpenTelemetryのサポート、`WebTransport` APIのサポートなど
+
+
+----
+
+## Bun v1.2.3 | Bun Blog
+[bun.sh/blog/bun-v1.2.3](https://bun.sh/blog/bun-v1.2.3 "Bun v1.2.3 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.2.3リリース。
+`bun ./index.html`で開発サーバが立ち上がるように、`Bun.serve`の`static`オプションを`routes`オプションに変更。
+`bun init`でReactプロジェクトを作成できるように、`bun install --analyze`で不足してる依存を`pacakge.json`に追加。
+WasmのinterpreterとしてLLIntではなくIPINTを使うのをデフォルトにして、`BUN_JSC_useWasmIPInt=0`で元に戻せるように
+
+
+----
+
+## Release v2.6.0 · reduxjs/redux-toolkit
+[github.com/reduxjs/redux-toolkit/releases/tag/v2.6.0](https://github.com/reduxjs/redux-toolkit/releases/tag/v2.6.0 "Release v2.6.0 · reduxjs/redux-toolkit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">redux</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Redux Toolkit v2.6.0リリース。
+Infinite Queryのサポートなど
+
+
+----
+
+## ECMAScript proposal updates @ 2025-02 | ECMAScript Daily
+[ecmascript-daily.github.io/ecmascript/2025/02/24/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2025/02/24/ecmascript-proposal-update "ECMAScript proposal updates @ 2025-02 | ECMAScript Daily")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">news</span></p>
+
+2025年2月のTC39 MeetingでのECMAScript Proposalのステータス変更まとめ。
+`RegExp.escape`とFloat16がStage 4となり、ECMAScript 2025に入ることが決まった
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## ESLint now officially supports linting of CSS - ESLint - Pluggable JavaScript Linter
+[eslint.org/blog/2025/02/eslint-css-support/](https://eslint.org/blog/2025/02/eslint-css-support/ "ESLint now officially supports linting of CSS - ESLint - Pluggable JavaScript Linter")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">css</span> <span class="jser-tag">article</span></p>
+
+ESLintがCSSのLintを正式にサポート。
+`@eslint/css`プラグインでCSSのLintに対応、`tolerant`オプションで構文エラーのケースにも対応、`customSyntax`で独自の`@at-rule`などにも対応している
+
+
+----
+
+## The Popover API is now Baseline Newly available  |  Blog  |  web.dev
+[web.dev/blog/popover-baseline?hl&#x3D;en](https://web.dev/blog/popover-baseline?hl=en "The Popover API is now Baseline Newly available  |  Blog  |  web.dev")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">article</span></p>
+
+Popover APIがBaselineとなり多くのブラウザで利用できるようになった。
+
+
+----
+
+## Interop 2025がスタート | フロントエンドBlog | ミツエーリンクス
+[www.mitsue.co.jp/knowledge/blog/frontend/202502/17\_0829.html](https://www.mitsue.co.jp/knowledge/blog/frontend/202502/17_0829.html "Interop 2025がスタート | フロントエンドBlog | ミツエーリンクス")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">article</span> <span class="jser-tag">WebPlatformAPI</span></p>
+
+ブラウザの相互運用性向上の取り組みであるInterop 2025が発表された。
+
+- [Announcing Interop 2025 | WebKit](https://webkit.org/blog/16458/announcing-interop-2025/ "Announcing Interop 2025 | WebKit")
+- [Interop 2025 Launch - Bocoup](https://www.bocoup.com/blog/interop-2025 "Interop 2025 Launch - Bocoup")
+- [Interop 2025: another year of web platform improvements  |  Blog  |  web.dev](https://web.dev/blog/interop-2025 "Interop 2025: another year of web platform improvements  |  Blog  |  web.dev")
+- [Interop 2025 | Igalia](https://www.igalia.com/2025/02/13/Interop-2025.html "Interop 2025 | Igalia")
+- [Microsoft Edge and Interop 2025 - Microsoft Edge Blog](https://blogs.windows.com/msedgedev/2025/02/13/microsoft-edge-and-interop-2025/ "Microsoft Edge and Interop 2025 - Microsoft Edge Blog")
+- [Launching Interop 2025 - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2025/02/interop-2025/ "Launching Interop 2025 - Mozilla Hacks - the Web developer blog")
+
+----
+
+## Web技術の互換性を把握するためのBaselineとWeb Platform Status Dashboard
+[zenn.dev/sakito/articles/26cba8397c4dbe](https://zenn.dev/sakito/articles/26cba8397c4dbe "Web技術の互換性を把握するためのBaselineとWeb Platform Status Dashboard")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebPlatformAPI</span> <span class="jser-tag">article</span></p>
+
+BaselineとWeb Platform Status Dashboardについて
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## The Typescript AI framework - Mastra
+[mastra.ai/](https://mastra.ai/ "The Typescript AI framework - Mastra")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">LanguageModel</span> <span class="jser-tag">API</span> <span class="jser-tag">library</span></p>
+
+OpenAI/Anthropic/Google GeminiなどのLLM ProviderのAPIを使ったAgentやツールなどを書けるAIフレームワーク。
+Gatsbyの人たちが作成している
+
+
+----
+
+## le0pard/re2js: RE2JS is the JavaScript port of RE2, a regular expression engine that provides linear time matching
+[github.com/le0pard/re2js](https://github.com/le0pard/re2js "le0pard/re2js: RE2JS is the JavaScript port of RE2, a regular expression engine that provides linear time matching")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">RegExp</span> <span class="jser-tag">library</span></p>
+
+正規表現エンジンのRE2のJavaScript Port
+
+
+----