フレームワークTreeの所有者は誰か？ArchitectureではなくProtocolとしてのRSC
Tanner Linsleyは、React Server Componentsがレンダリング済みのReact出力をストリームとしてシリアライズするワイヤプロトコルであり、アプリ全体のアーキテクチャを反転させる強制ではないと主張します。TanStack Startは2つのコンポジションモデルを提供します。一つは'use client'境界を用いるサーバー所有ツリー、もう一つはComposite ComponentsとcreateFromReadableStreamでサーバーレンダリングフラグメントを取得するクライアント所有ツリーです。ほぼクライアント主体のダッシュボードでも、重い分析チャート1つだけをサーバー関数からuseSuspenseQueryで取得し、Flightストリームの結果をツリーの任意の場所に配置できます。Startは'use cache'ディレクティブをあえて省き、RSC出力を生バイトとして流すことで、デプロイ環境に合ったReact.cache・Redis・HTTPヘッダー・TanStack Queryなど既存のキャッシュ層を自由に使えるようにしています。
Read Articlearrow_forward Video · AI ツール
Claude Codeが好むTech Stack
TheoはAmplifying AIが4つのプロジェクトタイプ（Next.js、Vite/React、FastAPI、Node/Commander.js）と3つのAnthropicモデルを使って20のツールカテゴリーにわたってClaude Codeを調査した研究を解説します。主な発見として、20カテゴリーのうち12でClaude Codeはサードパーティツールを推薦せずDIYで実装することを選択し、このDIY実装が全主要推薦の12%を占めます。サードパーティツールを選ぶ場合はVercel（JSデプロイの100%）、GitHub Actions（94%）、Stripe（91%）、Shadcn UI（90%）、Zustand、Drizzle、Vitest、Resendに収束します。新しいモデル（Opus 4.6）はPrismaよりDrizzle（100%対0%）など新しいツールを好む一方、Sonnet 4.5は実績あるツールに留まります。Codexとの比較ではランタイム（Bun対Node）とエッジコンピュート（Cloudflare Workers対Vercel Edge）で差異が見られます。
AI_INFOGRAPHICWATCH_VIDEOarrow_forwardArticle · リリースREAD TIME: 4m
Astro 6.2リリース
Astro 6.2では、SVGOから切り離されたSvgOptimizerインターフェースを導入し、OxVGなどの代替ライブラリに差し替え可能な新しいSVGオプティマイザーAPIが追加されました。実験的なlogger機能はexperimental.logger設定や--experimentalJson CLIフラグで構造化JSONログを出力でき、Astroのビルド出力をコーディングエージェントが解析する際に役立ちます。astro:assetsからexportされる新しいexperimental_getFontFileURL()ヘルパーは、Satoriなどのツール向けにプリレンダリング中にフォントファイルを解決できるようにし、従来の非公開パスへの回避策を不要にします。また、Astro 7の最初のalphaが公開され、Vite 8サポートとRustベースコンパイラの安定化・デフォルト化が含まれ、Goコンパイラは完全に削除されてビルド速度が大幅に向上しています。
READ_FULL_LOGarrow_forwardArticle · AI エージェントREAD TIME: 7m
Nuxt Agentを発表
Nuxtチームが、nuxt.comに直接組み込まれたベータ版AIエージェントを公開しました。このエージェントはCursor、Claude Desktop、ChatGPTがすでに接続しているNuxt MCPサーバーの上に構築されています。server/api/agent.post.tsの単一Nitroハンドラーが全体を制御し、AI SDK v6のstreamTextがclaude-sonnet-4.6を呼び出し、MCPツールとネイティブUIツール（show_module、show_template、open_playground、report_issue、search_github_issues）を統合して使用します。stopWhenResponseComplete述語がツール呼び出しループを最大10ステップに制限します。チャット状態はDrizzle ORMでagent_chatsテーブルに保存され、会話ごとのトークンコストが追跡されます。IPあたり1日20メッセージでレート制限が設けられています。エージェントはモジュール・テンプレート・ホスティングプロバイダーのクリック可能なカードをレンダリングし、会話コンテキストからStackBlitz playgroundリンクを自動生成します。
READ_FULL_LOGarrow_forwardArticle · フレームワークREAD TIME: 4m
Svelteの最新情報：2026年5月
SvelteKit 2.56.0ではTypeScript 6.0サポートが追加され、リモート関数に重要な変更が加えられました。新しいhydratable転送によりクエリ結果でよりリッチなデータ型が使えるようになり、フォームフィールドにはfield.as(type, value) APIでデフォルト値を設定できます。クライアントからのクエリリフレッシュにはサーバー側の明示的な許可が必要になりました。2.57.0ではform submitが有効性を示すbooleanを返すようになっています。CLIでは、sv@0.1.0でコミュニティadd-onが実験的機能として追加され、sv@0.2.0でsvとsv-utilsが別パッケージに分離されパブリックAPIが整理されました。Svelteコンパイラ5.55.0はsvelte/motionからTweenOptionsやSpringOptionsなどの型をexportします。今月SvelteはThoughtWorks Technology Radarにも掲載されました。
READ_FULL_LOGarrow_forwardArticle · バニラ JSREAD TIME: 12m
Vanilla Routingの実験
この記事では、フレームワークを使わずネイティブブラウザAPIだけでクライアントサイドルーターを構築する過程を記録しています。MapベースのルートレジストリとinnerHTML入れ替えを持つRouterクラスから始まり、6つの具体的な問題を順に解決していきます。ビュー固有のロジックがルーターに混入する問題（ES6動的importで読み込むinit/destroyライフサイクルを持つビュー別script.jsモジュールで解決）、戻る/進むボタンによる重複履歴エントリ（ユーザークリックとpopstateを区別するpushStateフラグで解決）、静的ホストでのディープリンク404（404.htmlでsessionStorageリダイレクトで解決）、未登録ルートの空白画面（カスタムshow404メソッド）、GitHub PagesのサブディレクトリデプロイでpushState URLが壊れる問題（import.meta.urlでランタイムにbasePathを導出して解決）、リグレッションカバレッジ（Playwright BDDエンドツーエンドテストで追加）。
READ_FULL_LOGarrow_forwardArticle · ツールREAD TIME: 2m
ESLint v10.3.0リリース
ESLint v10.3.0では、no-unused-private-class-membersルールに自動修正サジェスト機能が追加されました。#doSomethingElseのような未使用のprivateクラスメンバーが報告された際、ESLintがそのメソッドと関連するJSDocコメントを一括削除するサジェストを提示します。バグ修正は2件あり、一つはrequireキャッシュが利用不可な場合の処理、もう一つはルールサジェストがクラスボディ内で予期しない継続を引き起こす問題を解消します。このリリースではESLint内部のTypeScript依存関係もv6に更新され、GitHub Actionsによる新しいエコシステムプラグインテストワークフローも追加されています。
READ_FULL_LOGarrow_forwardsummarizeDigest_Summary
今週のJavaScriptシーンは、React Server Componentsの再解釈と大型フレームワークリリースが中心です。Tanner Linsleyは、RSCがアーキテクチャの強制ではなくwire protocolであると論じ、TanStack Startがサーバー所有ツリーとcreateFromReadableStreamを使ったクライアント所有ツリーという2つのコンポジションモデルでこれを実証すると説明します。SvelteKit 2.56.0はTypeScript 6.0サポート、よりリッチなクエリデータ型のためのhydratable transport、field.as(type, value) form APIを搭載しました。Astro 6.2はSVGOから切り離されたSVGオプティマイザーインターフェース（OxVGへの差し替えに対応）とコーディングエージェント向けの構造化JSONロガーを導入しています。
AIエージェント分野では、NuxtがMCPサーバー基盤、AI SDK v6 streamText + claude-sonnet-4.6で動くベータAIエージェントをnuxt.comに公開しました。Amplifying AIの調査によると、Claude Codeのサードパーティツール選択はVercel（100%）、GitHub Actions（94%）、Shadcn UI（90%）、Drizzle、Vitestに集中しており、Opus 4.6などの新モデルはPrismaよりDrizzleを100%選好します。ESLint v10.3.0はno-unused-private-class-membersルールに自動修正サジェストを追加し、フレームワーク不使用のクライアントサイドルーター構築実験はES6動的import・import.meta.urlによるbase path検出・Playwright BDDによるリグレッションカバレッジを体系的に解説しています。
Astro 7の最初のalphaも今週公開され、Rustベースコンパイラが安定化されてGoコンパイラが完全に削除され、Vite 8ベースの高速ビルドが実現しています。
Key Takeaways- TanStack StartはRSCがアーキテクチャの強制ではなくwire protocolであることを証明します。クライアント所有ツリーがcreateFromReadableStreamでサーバーレンダリングフラグメントを選択的に取得できます。
- Claude CodeのAIツール選択はVercel・Shadcn UI・Drizzle・Vitestに強く収束し、新しいAnthropicモデルほどPrismaよりDrizzleなどのモダンな代替ツールを好む傾向があります。
- Astro 7 alphaはGoコンパイラを完全に削除してRustベースコンパイラをVite 8とともに安定化し、SvelteKit 2.56とESLint 10.3も意義ある開発体験の改善を提供しています。
