ES仕様 JavaScriptで本当に新しいもの(そして次に来るもの) ES2025 が2025年6月 に正式批准され、ES2026 の候補草案も確定しており、待望の言語機能が多数追加されます。最大のハイライトはIterator helperで、Iterator.prototypeに遅延評価方式の.map()、.filter()、.take()、.toArray()が追加され、Array.fromのオーバーヘッドなしに無限シーケンスを処理できます。ES2025 にはSetの集合演算メソッド(union、intersection、difference)、同期・非同期のエラーを統一的に扱うPromise.try、RegExp.escape、Float16Array、JSONのimport attributeが含まれます。ES2026 ではShewchukのアルゴリズムを使った高精度浮動小数点合計のMath.sumPrecise、Uint8Array.toBase64/toHex、クロスrealm対応のError.isError、Iterator.concat、Map.getOrInsert、Array.fromAsync、JSON.parseのソーステキストリバイバーが追加されます。Temporal は2026年3月 にStage 4 に達しES2027 を目標とし、usingキーワードとimport deferはStage 3 でブラウザ実装が既に成熟しています。
Read Articlearrow_forward Video · フレームワーク
TanStack StartでSSR/RSCを実現する5つの方法 Jack HerringtonはPokeAPIを使ってTanStack Start で利用できる5つ のデータローディングとレンダリング戦略を解説します。5つ のモードは次の通りです:(1 ) CSR — ssr: false、クライアントでローダーが実行される;(2 ) SSR — ssr: true(デフォルト)、サーバーでデータとHTMLを両方レンダリングしてハイドレーション;(3 ) データのみSSR — データはサーバー側で取得するがHTMLはクライアントのみでレンダリング、CDNキャッシュを避けるダッシュボードページに有用;(4 ) renderServerComponentによるRSC — 非同期サーバーコンポーネントと低レベルRSC APIを使用してルートローダーからレンダラブルを返す;(5 ) createCompositeComponentによるRSC — use clientなしにクライアント側のインタラクティブ要素をサーバーレンダリングレイアウトにスロットで挿入できるTanStack固有のAPI。RSCサポートはViteJS RSCプラグインとTanStack Start Viteプラグインのフラグを追加して有効化します。
AI_INFOGRAPHICopen_in_full close WATCH_VIDEOarrow_forward Article · ランタイム READ TIME: 16m
Bun v1.3.13 Bun v1.3.13 はテストランナーの大幅な改善と広範なパフォーマンス・互換性向上を提供します。新しいbun test --isolateフラグは各テストファイルを単一プロセス内の新鮮なグローバル環境で実行し、--parallelはワークスティーリングスケジューリングでN個のワーカープロセスにファイルを分散します。新しい--shard=M/NフラグはJestやPlaywrightと同じ構文でCIジョブにテストファイルをラウンドロビン分配します。新しいビットパックバイナリ形式でソースマップのメモリがマッピングあたり約20バイトから2.4バイト に削減され、コンパイルバイナリサイズが約1.8 MB 縮小されます。zlib-ng 2.3.3 へのアップグレードによりgzip圧縮速度が最大5.5倍 向上しました。Bun.serve()にRange要求サポート(RFC 9110 部分コンテンツ/206 レスポンス)が追加され、JavaScriptCoreエンジンは1,316件 のWebKitコミットをマージしました。WebCryptoとnode:cryptoにSHA3-224/256/384/512 とX25519 deriveBitsが追加されました。
READ_FULL_LOGarrow_forward Article · フレームワーク READ TIME: 7m
Fresh 2.3:デフォルトZero JS、View Transition、Temporal対応 20 名のコントリビューターによる100 以上のコミットで作られたFresh 2.3 は、フレームワークのゼロJavaScript約束をより精密に実現します。アイランドやパーシャルを使用しないページはスクリプトタグとモジュールプリロードヘッダーなしで0 KB のJavaScriptを提供します(2.2 では生14-22 KB / gzip 5-9 KB )。このリリースではbody要素のf-view-transition属性一つ でView Transitions APIサポートが追加され、CSSカスタマイズ可能なアニメーションと未対応ブラウザへのフォールバックを提供します。app.ws()とctx.upgrade() APIによるWebSocketのファーストクラスサポートも追加されました。Vite統合では2つ のBabelパスが削除され、CJS-to-ESM処理、React互換エイリアシング、Radix UI互換性が修正されました。セキュリティとしてCSPノンスインジェクションミドルウェアとCIDRサポートのIPフィルターミドルウェアが含まれます。8つ すべてのTemporalタイプをアイランドpropsとして渡せるようになり、プリコンパイル済みミドルウェアチェーンとOpenTelemetry W3 C traceparent伝播も追加されました。
READ_FULL_LOGarrow_forward Article · バンドラー READ TIME: 12m
Rspack 2.0を発表 Rspack 2.0 は、単なる高速なwebpack互換バンドラーを超え、モダンなJavaScriptのデフォルトを目指す重要な進化です。ビルドパフォーマンスは1.7 比で約10% (1.0 比で最大100% )向上し、永続キャッシュのヒット時はビルド時間が約50% 短縮、キャッシュ有効時のメモリ使用量は20% 以上削減されます。@rspack/dev-serverの依存パッケージ数は192 から1 に削減され、インストールサイズは15 MBから1.4 MB へと大幅に縮小しました。出力最適化ではCommonJSの分割代入を考慮したツリーシェイキング、#__NO_SIDE_EFFECTS__コンパイラアノテーション、Module Federationの共有依存関係ツリーシェイキングが追加されました。ESMサポートも刷新され、コアパッケージが純粋なESMへ移行、ESM出力でimport.metaプロパティが保持されます。新機能として実験的なReact Server Componentsサポート、#/サブパスエイリアスインポート、swc-loaderのdetectSyntax: autoオプション、ハッシュベースのモジュールIDが含まれます。
READ_FULL_LOGarrow_forward Article · React内部 READ TIME: 7m
ReactがUIを順不同でStreamingしながら秩序を保つ仕組み Sankalpa Acharyaによるこの記事は、React 18 のrenderToPipeableStreamで導入されたReactの順序を問わないストリーミングの内部メカニズムを解剖します。従来のSSRは最も遅いデータフェッチが完了するまでHTML応答全体をブロックしますが、ReactのSuspenseベースのストリーミングは準備できたコンポーネントを即座に送信し、保留中の各Suspense境界にHTMLコメントマーカー(<!--$?--> / <!--/$-->)とテンプレートプレースホルダーを挿入します。サーバーデータが解決されると、Reactは実際のコンテンツを含む非表示divと$RC(boundaryId, contentId)を呼び出す小さなインラインスクリプトをストリーミングします。$RC関数はテンプレートと解決されたdivを見つけて境界をキュー済み($~)としてマークし、$RV関数でrequestAnimationFrameを使ってDOMスワップをスケジュールします。境界のライフサイクルは$?(保留)→$~(キュー済み)→$(完了)と進行します。
READ_FULL_LOGarrow_forward Article · Reactコンパイラ READ TIME: 12m
React Compilerの18カ月:軌跡、議論、次に来るもの Sascha Beckerは、2024年 末のReact 19 と同時に公開ベータとしてリリースされ、2025年10月 に1.0 としてリリースされたReact Compiler の18 ヶ月を振り返ります。コンパイラの最大の影響はベンチマーク数値ではなく、見落としたuseCallbackの依存関係やリストでの不要な再レンダリングといったバグカテゴリ全体を廃絶したことです。グリーンフィールドの話は解決済みですが、ブラウンフィールドでの採用は一つ のプロジェクトです。コンパイラがReactのルールをビルド時に強制することで、古いステートライブラリやフックの静かな違反が露呈したためです。主な失敗パターンとして、レンダリング中の変更、レンダリングでのref読み取り、クラスコンポーネント(コンパイル不可)、サポートされない構文でのサイレントバイルアウトがあり、react-hooks/unsupported-syntaxのESLintルールで検出できます。今後はより細かいコンパイル制御、RSCシリアライゼーションの最適化、useEventの収束、React NativeへのコンパイラサポートとDevToolsビジュアライザーが期待されます。
READ_FULL_LOGarrow_forward summarize Digest_Summary
第17週はJavaScriptエコシステムのリリースと仕様ニュースが目白押しでした。ES2025 が正式批准され、ES2026 の候補草案も確定し、Iterator.prototypeに遅延評価の.map()・.filter()・.take()・.toArray()を提供するIterator helper、ネイティブSetメソッド(union・intersection・difference)、Promise.try、RegExp.escape、Float16Array、JSONのimport attributeが追加されます。 ES2026 にはMath.sumPrecise、Uint8Array.toBase64/toHex、Error.isError、Map.getOrInsert、Array.fromAsync、JSON.parseのソーステキストリバイバーが加わります。Temporal はES2027 を目標に2026年3月 にStage 4 に達しました。
ツール面では、Rspack 2.0 がwebpack互換バンドラーからモダンJSファーストバンドラーへと転換しました。ビルドパフォーマンスは1.7 比で約10% (1.0 比で最大100% )向上し、永続キャッシュでビルド時間が約50% 短縮、dev-serverのインストールサイズが15 MBから1.4 MB に縮小しました。ESMが主要な出力形式となり、実験的なReact Server Componentsサポートも追加されました。Bun v1.3.13 は--isolateと--parallelフラグ、CI配布のための--shard=M/Nフラグ、コンパイルバイナリサイズを約1.8 MB 削減するビットパックソースマップ形式を導入しました。zlib-ng 2.3.3 によりgzip圧縮速度が最大5.5倍 向上し、WebCryptoにSHA3 とX25519 deriveBitsが追加されました。
DenoのFresh 2.3 は真のゼロJSページを実現しました(14-22 KB から0 KB )。bodyのf-view-transition属性一つ でView Transitions APIサポート、app.ws()とctx.upgrade()によるWebSocketのファーストクラスサポート、アイランドpropsとしての完全なTemporalタイプサポートが追加されました。React Compilerは2025年10月 に1.0 に達し、TanStack Startはcreate CompositeComponent APIを含む5つ のSSR/RSCレンダリング戦略をサポートするようになりました。
Key Takeaways ES2025 のIterator helperはArray.fromのオーバーヘッドなしに遅延無限シーケンス処理を可能にし、ES2026 のMath.sumPreciseは浮動小数点精度の合計を提供します。どちらも現在ブラウザに展開中です。 Rspack 2.0 はwebpack互換のアイデンティティを捨ててモダンESMデフォルトに転換し、dev-serverのインストールサイズを15 MB から1.4 MB に削減、実験的なReact Server Componentsサポートを追加しました。 Fresh 2.3 はデフォルトで真のゼロJSを達成し、Bun v1.3.13 は--shard=M/N CIテスト分割とバイナリサイズを約1.8 MB 削減するビットパックソースマップ形式を導入しました。