Update _i18n/ja/_posts/2025/2025-07-04-ecmascript-2025-rspack-1.4-deno-2.4-bundle-size.md

Author: github-actions[bot]

_i18n/ja/_posts/2025/2025-07-04-ecmascript-2025-rspack-1.4-deno-2.4-bundle-size.md

@@ -0,0 +1,171 @@
+---
+title: "2025-07-04のJS: ECMAScript 2025、Rspack 1.4、Deno 2.4、Bundle Sizeの改善"
+author: "azu"
+layout: post
+date: 2025-07-04T01:25:12.237Z
+category: JSer
+tags:
+- React
+- css
+- rspack
+- Chrome
+- ECMAScript
+
+---
+
+JSer.info #740 - - [Ecma International approves new standards - Ecma International](https://ecma-international.org/news/ecma-international-approves-new-standards-11/)
+- [Release ES2025 · tc39/ecma262](https://github.com/tc39/ecma262/releases/tag/es2025)
+- [Announcing Rspack 1.4 - Rspack](https://rspack.rs/blog/announcing-1-4)
+- [Deno 2.4: deno bundle is back | Deno](https://deno.com/blog/v2.4)
+- [How We Reduced CKEditor’s Bundle Size by 40% | CKEditor](https://ckeditor.com/blog/how-we-reduced-ckeditor-bundle-size/)
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Announcing Rspack 1.4 - Rspack
+[rspack.rs/blog/announcing-1-4](https://rspack.rs/blog/announcing-1-4 "Announcing Rspack 1.4 - Rspack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Rspack 1.4リリース。
+Wasmを利用してブラウザ環境での実行サポート、bundle sizeの改善。
+デフォルトでIncremental buildを有効化。
+実験的なCssChunkingPluginの追加、MultiCompilerでlazy compilationをサポート、`useInputFileSystem`オプションをサポート。
+Perfettoベースのパフォーマンス分析ツール、Zod v4への更新など
+
+
+----
+
+## Chrome 139 beta  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/chrome-139-beta?hl&#x3D;en](https://developer.chrome.com/blog/chrome-139-beta?hl=en "Chrome 139 beta  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Chrome 139 betaリリース。
+CSSでは、`var()`/`attr()`の短絡評価のサポート、`caret-animation`/`corner-shape`/CSS Custom Functionsのサポート。
+WHATWGの仕様に合わせて`+json`のJSON MIME typをサポート。
+Origin trialsでPrompt API、WebGPU Compatibility modeの追加。
+macOS 11サポート終了、ISO-2022-JPの自動検出の削除など
+
+- [Intent to Ship: Spec-compliant JSON MIME type detection](https://groups.google.com/a/chromium.org/g/blink-dev/c/-lZFLXH7_Y8/m/ZzgLXc91AQAJ "Intent to Ship: Spec-compliant JSON MIME type detection")
+
+----
+
+## Ecma International approves new standards - Ecma International
+[ecma-international.org/news/ecma-international-approves-new-standards-11/](https://ecma-international.org/news/ecma-international-approves-new-standards-11/ "Ecma International approves new standards - Ecma International")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">news</span></p>
+
+ECMAScript 2025がEcmaのGAで承認され正式にリリースされた。
+
+- [Release ES2025 · tc39/ecma262](https://github.com/tc39/ecma262/releases/tag/es2025 "Release ES2025 · tc39/ecma262")
+
+----
+
+## Release 0.14.0 | StyleX
+[stylexjs.com/blog/v0.14.0](https://stylexjs.com/blog/v0.14.0 "Release 0.14.0 | StyleX")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">css</span> <span class="jser-tag">library</span></p>
+
+StyleX v0.14.0リリース。
+`viewTransitionClass` APIを追加、lintに`validImports`オプションを追加。
+破壊的な変更としてスタイルをマージするときの戦略を設定する`styleResolution`オプションのデフォルト値を`application-order`から`property-specificity`に変更
+
+
+----
+
+## Electron 37.0.0 | Electron
+[www.electronjs.org/blog/electron-37-0](https://www.electronjs.org/blog/electron-37-0 "Electron 37.0.0 | Electron")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Electron</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Electron 37.0リリース。
+Chromium 138.0.7204.35/Node 22.16.0/V8 13.8にアップデート。
+`window.open`で`innerWidth`と`innerHeight`オプションをサポート、Node.jsの`--experimental-network-inspection`をサポート。
+unhandled rejection動作変更、WebUSB/WebSerial APIのblocklistサポートなど。
+
+
+----
+
+## Deno 2.4: deno bundle is back | Deno
+[deno.com/blog/v2.4](https://deno.com/blog/v2.4 "Deno 2.4: deno bundle is back | Deno")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Deno v2.4リリース。
+`deno bundle`コマンドの復活/テキストの`byte`インポート機能/OpenTelemetryの安定化。  
+`--preload`フラグの追加/`deno update`コマンドの追加/`DENO_COMPAT`環境変数の追加、package.jsonのconditional exportsをサポートなど
+
+
+----
+
+## Release v3.0.0 · recharts/recharts
+[github.com/recharts/recharts/releases/tag/v3.0.0](https://github.com/recharts/recharts/releases/tag/v3.0.0 "Release v3.0.0 · recharts/recharts")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">graphic</span> <span class="jser-tag">library</span></p>
+
+Recharts 3リリース。
+Custom componentsのサポート、デフォルトで`accessibilityLayera11y`を有効に変更など
+
+- [3.0 migration guide · recharts/recharts Wiki](https://github.com/recharts/recharts/wiki/3.0-migration-guide#breaking-code-changes "3.0 migration guide · recharts/recharts Wiki")
+
+----
+
+## dahlia/logtape: Simple logging library with zero dependencies for Deno, Node.js, Bun, browsers, and edge functions
+[github.com/dahlia/logtape?tab&#x3D;readme-ov-file](https://github.com/dahlia/logtape?tab=readme-ov-file "dahlia/logtape: Simple logging library with zero dependencies for Deno, Node.js, Bun, browsers, and edge functions")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+ロガーライブラリ。
+ライブラリとアプリケーションの利用を想定していて、Node.js/Deno/Browserなどで動作し、構造化ログをサポートしている。
+また、pinoやwinstonなどの別のロガーとのIntegrationを行うAdapterを提供している
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## CSS conditionals with the new if() function  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/if-article?hl&#x3D;en](https://developer.chrome.com/blog/if-article?hl=en "CSS conditionals with the new if() function  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">css</span> <span class="jser-tag">article</span></p>
+
+CSSの`if()`関数について。
+プロパティの値に対して`if()`と`style()`/`media()`/`suports()`を使った条件分岐を書く方法について
+
+
+----
+
+## How We Reduced CKEditor’s Bundle Size by 40% | CKEditor
+[ckeditor.com/blog/how-we-reduced-ckeditor-bundle-size/](https://ckeditor.com/blog/how-we-reduced-ckeditor-bundle-size/ "How We Reduced CKEditor’s Bundle Size by 40% | CKEditor")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">bundler</span> <span class="jser-tag">article</span></p>
+
+CKEditor 5のbundle size最適化について。
+バージョンずれの対策としてre-exportでパッケージをまとめたパッケージを公開していたがtree-shakinが効かずにbundleサイズの問題が起きた。
+`/* #__PURE__ */`コメントの活用、ES2022へのtarget変更、`sideEffects`フラグの設定などを行うtree shakingの問題を解決していった話。
+また、Sondaを使ったbundle分析について
+
+- [Sonda](https://sonda.dev/ "Sonda")
+
+----
+
+## \`useOptimistic\` to Make Your App Feel Instant | Epic React by Kent C. Dodds
+[www.epicreact.dev/use-optimistic-to-make-your-app-feel-instant-zvyuv](https://www.epicreact.dev/use-optimistic-to-make-your-app-feel-instant-zvyuv "\`useOptimistic\` to Make Your App Feel Instant | Epic React by Kent C. Dodds")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p>
+
+Reactの`useOptimistic` hooksの使い方や`setState`との違いについて
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## photostructure/tz-lookup: JavaScript Library for Timezone Lookup by Location
+[github.com/photostructure/tz-lookup](https://github.com/photostructure/tz-lookup "photostructure/tz-lookup: JavaScript Library for Timezone Lookup by Location")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+緯度経度から地名を検索するライブラリ
+
+
+----