(BUSAN.SASHIMI)
terminal
Weekly Digest // JS_FRAMEWORKS — Week 26-2026
codeWeekly Report

Astro 7.0 — 2026年 第26週 JavaScript

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

calendar_todaysummarizeWeek 26-2026
フレームワーク

Astro 7.0

Astro 7はフレームワーク史上最速のビルドパフォーマンスを実現します。.astroコンパイラをGoからRustに完全書き直し、MarkdownとMDXの処理はpulldown-cmarkとoxcを使用するRust製プロセッサSatterへ移行、レンダリングエンジンも従来の再帰方式から約2.4倍高速なキューベース方式に置き換えました。バンドラーはRolldownを搭載したVite 8にアップグレードされ、esbuildとRollupを統合します。実プロジェクトのビルド時間は15〜61%改善し、Cloudflareの8,431ページのドキュメントサイトは387秒から262秒に短縮されました。プラットフォーム非依存APIを持つRoute Cachingが安定化し、Netlify・Vercel・Cloudflare向けのCDNキャッシュプロバイダーも実験的に追加されました。HonoミドルウェアにTT対応したsrc/fetch.tsベースのAdvanced Routingも導入され、AIエージェント向けのバックグラウンドdevサーバーモードと構造化JSONロギングもサポートされます。

Astro 7.0
Read Articlearrow_forward
Video · HTML

今やHTMLだけでできること

Coding2GOのFabianが、主要ブラウザでベースラインサポートが完了した新しいHTML機能、Invoker Commands APIを紹介します。このAPIを使うと、button要素が2つの属性だけでdialogとpopoverを制御できます: commandfor(対象要素のIDを指定)とcommand(組み込みアクションを指定)。6つの組み込みcommandでdialog要素のshow-modal、close、request-closeと、popoverのtoggle-popover、show-popover、hide-popoverをサポートします。request-closeコマンドはキャンセル可能なcloseイベントを発生させ、未保存の変更がある場合にJavaScriptで閉じる処理をガードできます。値の先頭に2つのハイフンを付けるとカスタムコマンドもサポートされ、対象要素でcommandイベントが発生してJavaScriptで処理できるため、onclickハンドラーの宣言的な代替となります。既存のpopovertarget属性とは異なりますが、補完的に機能します。

AI_INFOGRAPHIC
今やHTMLだけでできること — infographicWATCH_VIDEOarrow_forward
Article · ランタイムREAD TIME: 23m

Deno 2.9

Deno 2.9の目玉はdeno desktopという実験的コマンドで、Webスタックのプロジェクトをネイティブデスクトップバイナリにコンパイルします。webviewまたはバンドルされたChromium(CEF)バックエンドをサポートし、--targetまたは--all-targetsでプラットフォーム固有のパッケージングツールチェーン不要でクロスコンパイルが可能です。V8スナップショットの最小化とNodeグローバルの遅延ロードにより、コールドスタート時間を34msから17msに約半分に短縮し、負荷時のメモリ使用量も最大197 MBから約63 MBに大幅削減しました。deno installはnpm・pnpm・yarn・Bunのロックファイルから直接deno.lockを生成し、パッケージマネージャーの移行を2コマンドで完了できます。セキュリティ面ではmin-release-ageがデフォルト24時間で有効化され、オプトインのno-downgradeトラストポリシーが過去のリリースより弱い配布出自を持つパッケージバージョンを拒否します。テストランナーはt.assertSnapshot()、--changed、Deno.test.each、--shard、カバレッジ閾値などを新たにサポートし、Web CryptographyはML-KEM、ML-DSA、SLH-DSA(FIPS 203/204/205)などのポスト量子アルゴリズムを追加しました。

READ_FULL_LOGarrow_forward
Article · フレームワークREAD TIME: 9m

Next.js 16.3：Instant Navigation

Next.js 16.3はInstant Navigationsを導入します。cacheComponents: trueとpartialPrefetching: true設定フラグで有効化できるオプトイン機能で、サーバー駆動アプリにSPA同等の応答性をもたらします。Suspenseストリーミングや'use cache'ディレクティブを使うルートは即時ナビゲートされ、サーバーサイドデータをブロックする必要があるルートはexport const instant = falseで除外できます。新しいPartial Prefetchingモデルはリンクごとに個別リクエストを送る代わりに、ルートごとに1つの再利用可能なローディングシェルをプリフェッチします。DevToolsのNavigation Inspectorで各ナビゲーションをシェル段階で一時停止してプリフェッチ内容を検査でき、@next/playwrightのinstant()テストヘルパーで回帰を防止できます。Link prefetch={true}と'use cache'を組み合わせることでリンクごとの詳細プリフェッチも可能です。

READ_FULL_LOGarrow_forward
Article · フレームワークREAD TIME: 10m

Next.js 16.3：AI Improvement

Next.js 16.3はAIエージェント統合を複数の側面で強化します。next devコマンドはAGENTS.mdにバージョン一致のドキュメントポインタを自動挿入し、Claude Code・Cursor・Codexなどのエージェントが古いトレーニングデータではなくローカルのバンドルドキュメントを参照するようにします。npx skills add vercel/next.jsで3つのファーストパーティSkillが追加されます: React DevToolsによるブラウザ操作をサポートするnext-dev-loop、ルートごとにCache Componentsを段階的に適用するnext-cache-components-adoption、before/afterスクリーンショットで静的シェルを最適化するnext-cache-components-optimizer。DevTools MCPサーバーはナレッジベースを廃止し、get_compilation_issuesとcompile_routeという2つのコンパイルツールを追加しました。また、nextjs.org/docsのURLに.mdを付けると純粋なMarkdownが取得でき、全ドキュメントは/docs/llms-full.txtで提供されます。

READ_FULL_LOGarrow_forward
Article · AI SDKREAD TIME: 13m

AI SDK 7がリリース

週間ダウンロード数1,600万超のVercel AI SDK 7は、テキスト生成SDKから本格的なエージェントランタイムプラットフォームへと進化します。generateTextとstreamTextに標準化されたreasoningオプションが追加され、他のツールにAPIキーが漏洩しないようツールごとのcontextSchemaが導入されました。プロセス再起動や遅延した人間の承認があっても実行を継続するWorkflowAgentが耐久性のあるエージェント実行をサポートします。ツール承認は偽造入力を防ぐHMAC署名検証をサポートします。新しいHarnessAgent抽象化はClaude Code、Codexなど既存のエージェントハーネスを設定可能なサンドボックス内で単一インターフェースで実行します。可観測性も改善され、テレメトリは起動時に一度登録するだけで全SDK関数をカバーし、ステップごとのパフォーマンス統計(responseTimeMs、outputTokensPerSecond)とNode.jsのdiagnostics_channelサポートが追加されます。実験的機能としてOpenAI・Google・xAIをまたぐプロバイダー非依存のリアルタイムWebSocketセッションと、fal・Google AI Studio・Google Vertex・ReplicateによるgenerateVideoが含まれます。v6からの移行はnpx @ai-sdk/codemod v7で自動化されます。

READ_FULL_LOGarrow_forward
Article · ビルドツールREAD TIME: 11m

Rspack 2.1を発表

Rspack 2.1は内蔵SWCローダーによるRustネイティブReact Compiler統合を提供し、Babelベースと比べて7〜13倍高速であることがベンチマークで確認されました。プロダクションビルド全体のパフォーマンスは2.0比16%、HMRは5%向上しました。ts-checker-rspack-pluginのTypeScript 7(Goベースの型チェッカー)サポートにより、型チェックのビルド時間を約60%短縮できます。新機能としてViteやTurbopackと同等のimport.meta.glob、CSS Modules用css/globalモジュールタイプ、ESM-to-CJS相互運用のためのcreateRequire静的解析、WebAssembly向けのsource phase importsが追加されました。出力最適化ではpureFunctionsツリーシェイキングがプロダクションのデフォルトとして安定化し、到達不能なdynamic importチャンクを除去するブランチ認識依存関係プルーニング、非循環モジュールでのgetter overhead廃止するexport const値バインディング最適化が含まれます。エコシステムではRsbuildによるTanStack Startサポート、Rslibのisolated declaration高速型生成、--changedテストフィルタリングを備えたRstest 0.10、400以上の内蔵ルールとESLintプラグイン互換性を持つRslintがリリースされました。

READ_FULL_LOGarrow_forward
Article · パフォーマンスREAD TIME: 10m

過小評価されたRefactorでMemory使用量を90%削減した方法

Kevin Van CottはTanStack Table V9がV8比で大規模データセットにおいて最大90%のメモリ削減を達成する方法を解説します。ベンチマークでは100万行×8列でメモリ使用量が2,710 MBから257 MBに削減されました。V8のメモリ肥大の根本原因は、行・列・セル・ヘッダーの各オブジェクトがクロージャをキャプチャした矢印関数としてすべてのメソッドの独自コピーを保持していたことです。数百万行は数百万の重複した関数オブジェクトと各自のクロージャスコープを意味していました。解決策はシンプルです: Object.create()でオブジェクトタイプごとに1つの共有プロトタイプを作成しテーブルインスタンスにキャッシュします。これにより全行が同じメソッドオブジェクトを共有し、インスタンスごとのクロージャスコープが排除されます。TanStack Tableが必要とする動的フィーチャー合成(標準的なクラス継承を非実用的にする)は維持されます。唯一の破壊的変更は、メソッドがクロージャ参照ではなくthisコンテキストに依存するため、行オブジェクトからメソッドを分割代入できなくなった点です。ブラウザメモリ4GB基準の処理限界は従来の約100〜150万行から1,000〜1,600万行に増加しました。

READ_FULL_LOGarrow_forward
summarizeDigest_Summary

第26週は、ビルド時パフォーマンスを強力に推進する大規模フレームワークリリースが注目を集めました。Astro 7は.astroコンパイラをGoからRustへ書き直し、MarkdownパイプラインをRust製のSatterプロセッサに移行し、キューベースのレンダリングエンジンを採用する3段階のRustマイグレーションを完了しました。バンドラーはRolldownを搭載したVite 8へアップグレードされ、実際のビルドパフォーマンスが15〜61%改善しました。Rspack 2.1も同様にRustを軸にReact CompilerをネイティブなSWCベースで統合し、Babel比7〜13倍の速度を記録、TypeScript 7サポートで型チェック時間を約60%削減しました。

アプリケーション面では、Next.js 16.3がcacheComponentsとpartialPrefetchingフラグによるSPA同等の応答性を実現するInstant Navigationsをリリースしました。ファーストパーティのAIエージェントSkillとget_compilation_issues、compile_routeツールを持つDevTools MCPサーバーも同時に提供されます。Vercel AI SDK 7はテキスト生成ライブラリから、耐久性のある実行のためのWorkflowAgent、HMAC署名によるツール承認、Claude CodeやCodex向けのHarnessAgent抽象化、実験的なgenerateVideoサポートを備えた完全なエージェントランタイムプラットフォームへと進化しました。

Deno 2.9はWebプロジェクトをネイティブバイナリにコンパイルする実験的なdeno desktopコマンドを導入し、コールドスタート時間を17msに半減、ML-KEM、ML-DSA、SLH-DSAなどのポスト量子Web Cryptographyアルゴリズムを追加しました。TanStack Table V9はObject.create()による共有プロトタイプでインスタンスごとのクロージャキャプチャ矢印関数を置き換え、V8比90%のメモリ削減を達成しました。Invoker Commands APIは主要ブラウザでのベースラインサポートが完了し、commandforとcommand属性だけでdialogとpopoverを宣言的に制御できるようになりました。

Key Takeaways
  • Astro 7とRspack 2.1はともにRustに集中投資しました。AstroはRolldownでesbuild/Rollupを統合し、RspackはSWCベースのReact Compilerをネイティブ統合して、実際のビルド性能をそれぞれ15〜61%、16%改善しました。
  • Next.js 16.3 Instant NavigationsとVercel AI SDK 7 WorkflowAgentは、サーバーフレームワークとAI SDKレイヤーが収束する方向を示しています。ルートはキャッシュセマンティクスを、エージェントは耐久性保証を持つようになりました。
  • TanStack Table V9の共有プロトタイプリファクタリングは、基本的なJSメモリパターンが大規模でも依然重要であることを証明しました。Object.create()でクロージャキャプチャメソッドを置き換え、100万行のメモリを2,710 MBから257 MBに削減しました。