terminal
Weekly Digest // JS_FRAMEWORKS — Week 30-2026
codeWeekly Report

TypeScript 7: GoへのネイティブRewriteで10倍のビルド高速化を実現 — 2026年 第30週 JavaScript

JS frameworks, React/Vue/Svelte, and runtime updates

calendar_todaysummarizeWeek 30-2026bolt2 CRITICAL
ツール

TypeScript 7: GoへのネイティブRewriteで10倍のビルド高速化を実現

Anders HejlsbergがコンパイラーとLanguage Tool全体をGoで書き直したTypeScript 7をデモしました。TypeScript 6比で平均~10倍のビルド高速化を達成しています。性能向上の半分はネイティブコード実行から、残りの半分は共有メモリ並列性から生まれます — 新コンパイラーは利用可能なコアをすべて使うために最大12個の並列型チェッカーを起動します。16コアのデモマシンで130万行のVS Codeプロジェクトのコンパイルが~50秒から~4.5秒に短縮され、Language Serverは2秒以内に再起動、find-all-referencesはほぼ瞬時に実行されます。重要な注意点として、コンパイラーAPIを使用するプロジェクト(Vue、Astro、Svelte、Volar含む)は7.1で新しいネイティブ クロスプロセスAPIが提供されるまでTypeScript 6を使い続ける必要があります。

TypeScript 7: GoへのネイティブRewriteで10倍のビルド高速化を実現
play_arrow
10:39
Watch Recordingarrow_forward
Article · エコシステムREAD TIME: 3m

Next.js 2026年7月: App Routerの脆弱性8件にパッチ

Next.jsチームがv15.5.21v16.2.11でApp Router全体にわたる8つの脆弱性へのセキュリティパッチをリリースしました。4つはHigh深刻度です。細工されたリクエストでCPU枯渇を引き起こすServer Action DoS、認証バイパスを許すTurbopack i18nビルドのミドルウェア/プロキシバイパス、攻撃者が制御するリライト先ホスト名を通じたSSRF、Hostヘッダー制御により悪用可能なカスタムサーバーのServer Actionsへの2つ目のSSRFです。Medium問題には/_next/imageでのSVGトリガー画像最適化DoS、Edgeランタイム Server Actionペイロードの無制限、use server/use cacheエンドポイントIDの非認証開示、ボディ付きサーバー側fetchでのキャッシュ混在が含まれます。影響を受けるバージョンを使用しているチームは即時パッチを適用してください。

READ_FULL_LOGarrow_forward
Article · アーキテクチャREAD TIME: 12m

TanStack.comのRSC離脱: 依存関係の問題が消えたとき

Tanner Linsleyは、カスタムライブラリ@tanstack/markdown@tanstack/highlightがシンタックスハイライトバンドルを358 KiBから~27 KiB転送に削減した後のTanStack.comのReact Server Components離脱を記録しています。2026年74日2つのプロダクションルート(ブログとドキュメント概要)に対するLighthouse測定では、非RSCのSSRバージョンがTotal Blocking Timeを53〜73 ms削減し、総バイトを148181 KiB削減、ドキュメントペイロードだけで5262 KiB削減したことが示されています。核心的な主張はRSCが再利用可能なクライアント依存関係を繰り返しシリアライズされたFlightアウトプットに変換するというもので、358 KiBの依存関係では理にかなっていましたが、小さくなると純コストになります。RSCはTanStack Startでオプトインとしてサポートされ続けており、これはアーキテクチャ上の選択であり、フレームワークの方向転換ではありません。

READ_FULL_LOGarrow_forward
Article · ツールREAD TIME: 10m

Webpack 5.109: ゼロ設定デフォルト、Vite互換API、CJSスコープ巻き上げ

Webpack 5.109はバンドラー史上最大のマイナーリリースの一つで、内蔵CSS、HTML、TypeScript、非同期WebAssemblyサポートをローダーがすでにそのファイル種別を処理していない限りゼロ設定インポートを有効にする"auto"デフォルトに切り替えます。css-loaderts-loaderなどの既存設定はそのまま維持されます。Vite互換モジュールAPIがネイティブで提供されます。eager/import/queryオプション付きのimport.meta.globimport.meta.env定数(MODEDEVPRODSSRBASE_URL)、import.meta.resolve?raw/?url/?inline/?no-inlineアセットクエリサフィックスです。CommonJSモジュール連結(スコープ巻き上げ)が初めてESM専用を超えて静的解析可能なCJSモジュールに拡張され、大規模なCommonJS依存ツリーをフラット化します。HTMLパイプラインはヘッド生成、CSPインジェクション、SRI、ファビコン/マニフェスト、プラグインフックAPIでhtml-webpack-pluginとの差を縮め、webpack-dev-server 6はExpress 5とともにネイティブESMとして出荷され、Node.js >= 22.15が必要です。

READ_FULL_LOGarrow_forward
Article · フレームワークアップデートREAD TIME: 18m

Next.js 16.3の3つの非直感的なRSCパターン: ページネーション、検索、サーバーレンダリングプレビュー

Aurora ScharffはcacheComponentsとPartial Prerenderingが適用されたNext.js 16.3 Instant NavigationsプレビューをテストするソーシャルアプリDropに3つの高度なRSC構成を構築しています。URLドリブンのLoad Moreボタンは?page=Nをpushし、サーバーが各ページを独立したSuspense境界にストリームするようにします。クライアント側のfetchや状態は不要です。検索フィールドはsearchParamsを直接読まないことで静的サーバーシェルの一部としてレンダリングされ、インラインスクリプトが最初のペイント前のHTMLパース中にURLから値をシードし、useLayoutEffectがReactの<Activity>を介したソフトナビゲーション時に再同期します。メッセージ作成機はJSXを返すServer Function renderDropPreviewを使用し、ShikiでハイライトされたDropBodyをサーバーでオンデマンドにレンダリングしてSuspense境界内のuse(preview.node)で表示することで、シンタックスハイライターをクライアントバンドルから完全に除外しています。

READ_FULL_LOGarrow_forward
Article · フレームワークアップデートREAD TIME: 8m

Angular 22がSignal優先へ移行完了: resource()、httpResource()、debounced()が安定版に

2026年6月3日にリリースされたAngular 22は、Resource APIとSignal Formsをプロダクション対応として卒業させ、2年間のSignals移行を完了します。resource()は汎用非同期ビルディングブロックを提供します — リアクティブなparams関数が自動リフェッチをトリガーし、サブスクリプション管理なしでvalue()isLoading()error()を公開します。rxResource()はRxJS相互運用のために既存のObservable返却サービスを同じライフサイクルに接続し、httpResource()HttpClientを直接ラップして、ほとんどのsubscribe()呼び出し箇所を単一のリアクティブ宣言に置き換えられます。新しいdebounced()ユーティリティは待機時間と共に任意のシグナルをラップし、独自のisLoading()を持つResourceを返すことで、検索入力の典型的なFormControl + debounceTime + switchMapチェーンを排除します。すべてがシグナルネイティブなため、テストはfakeAsynctick()で簡素化されます。

READ_FULL_LOGarrow_forward
summarizeDigest_Summary

第30週は一つの重大なツール イベントで定義されます。Anders HejlsbergがコンパイラーとLanguage Service全体をGoで書き直したTypeScript 7が、10年ぶりの最大TypeScriptリリースとして登場しました。平均10倍のビルド高速化 — 半分はネイティブ実行から、残り半分は利用可能なコアをすべて使う共有メモリ並列性から — により、VS Codeのコンパイルが50秒から4.5秒に短縮され、Language Serverは2秒以内に再起動します。唯一の注意点は、コンパイラーAPIを使用するプロジェクト(Vue、Astro、Svelte、Volar)が7.1でネイティブAPIが提供されるまでTypeScript 6を使い続ける必要があることです。

JSエコシステムのバンドラー側も活発です。Webpack 5.109はプロジェクト史上最大のマイナーリリースの一つで、内蔵CSS、HTML、TypeScript、WebAssemblyサポートを既存ローダー設定を壊さずにゼロ設定インポートを可能にする"auto"デフォルトに切り替えます。import.meta.globimport.meta.envimport.meta.resolve?raw/?url/?inlineサフィックスなどのVite互換APIがネイティブで提供され、CommonJSモジュール連結(スコープ巻き上げ)が初めてESMを超えて静的解析可能なCJSモジュールに拡張されます。

RSC論争が二つの視点からこの号を貫きます。Tanner LinsleyはTanStack.comのReact Server Componentsからの移行を記録しています。@tanstack/markdown@tanstack/highlightが旧358 KiBのShikiスタックを~27 KiB転送に削減した後、ナビゲーションごとに繰り返されるFlightペイロードコストが一度限りのクライアントレンダラーを上回り、RSCの境界機構 — 特殊ファイル、シリアライゼーション、バンドラー設定 — がその役割を果たさなくなりました。Aurora ScharffはNext.js 16.3アプリDropの三つの非直感的なパターンで反論を提示します。URLドリブンのページネーション、インラインスクリプトでハイドレーション前に値をシードする静的シェル検索フィールド、そしてハイライターをブラウザに送らずにShikiでハイライトされたドラフトプレビューをレンダリングするServer FunctionのJSX返却です。二つのRSC記事は合わせて、この技術の価値はバンドルから除外するサーバー専用依存関係の重さに比例することを示しています — アーキテクチャを採用する前の有用な判断基準です。

セキュリティも即時の対応が必要です。Next.jsのJuly 2026 Security Releasev15.5.21およびv16.2.11でApp Router全体にわたる8つの脆弱性にパッチを当てます。4つのHigh深刻度の問題 — CPU枯渇によるServer Action DoS、Turbopack i18nミドルウェア/プロキシバイパスによる認証バイパス、2つのSSRFベクター(攻撃者が制御するリライト先ホスト名とカスタムサーバーのServer Actions) — が含まれます。影響を受けるバージョンを実行しているすべてのチームは週内にパッチを適用してください。最後にAngular 222年間のSignals移行を完了します。resource()rxResource()httpResource()、そして新しいdebounced()ユーティリティが安定版として卒業し、RxJSを混在させることなく状態からHTTPフェッチまで完全にSignalsグラフ内で開発できます。

Key Takeaways
  • コンパイラーAPIを使用していないプロジェクトは今すぐTypeScript 7にアップグレードしてください — 10倍のビルド高速化2秒以内のLanguage Server再起動が今日から利用可能です。Vue、Astro、Svelte、Volarを使用するプロジェクトは7.1のネイティブAPIを待ってください。
  • Server Action DoSと2つのSSRFを含む4つのHigh深刻度のApp Router脆弱性を解消するため、Next.jsをv15.5.21またはv16.2.11に即時パッチしてください。
  • RSCを採用する前にTanStackのリトマス試験を適用してください — RSCがバンドルから除外するサーバー専用依存関係が十分に小さければ(~27 KiB)、URLドリブンのステートを使う通常のSSRが繰り返しのFlightペイロードコストを排除してコンテンツパイプラインを簡素化します。