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

Biome v2.4 — Embedded Snippets、HTMLアクセシビリティ、… — 2026年 第7週 JavaScript

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

calendar_todaysummarizeWeek 7-2026
リリース

Biome v2.4 — Embedded Snippets、HTMLアクセシビリティ、強化されたフレームワーク対応

Biome v2.4では、JavaScriptのテンプレートリテラル内のCSSおよびGraphQLコードの自動フォーマット・リントが可能になり、styled-componentsやEmotionのパターンを自動認識します。Vue、Svelte、Astroファイルでも動作する15件のHTMLアクセシビリティlintルール（useAltText、useHtmlLang、noAutofocus、noSvgWithoutTitleなど）が追加されました。新しい--profile-rulesフラグでルールごとの実行時間を計測し、パフォーマンスのボトルネックを特定できます。隠しファイル（.biome.json）やプラットフォーム固有のconfigホームディレクトリのサポートも追加されています。typesリンタードメインが新設され、noFloatingPromisesやnoMisusedPromisesなど型推論を必要とするルールをまとめて管理できます。noImportCyclesやnoReactForwardRefなど24件のnurseryルールが安定版に昇格しました。

Biome v2.4 — Embedded Snippets、HTMLアクセシビリティ、強化されたフレームワーク対応
Read Articlearrow_forward
Video · チュートリアル53:46

高度なTypeScriptの楽しい側面：インタラクティブなコーディングセッション - Dante De Ruwe - NDC London 2026

ベルギーのAEに所属するテクニカルコンサルタントのDante De Ruweは、TypeScriptの型システムがランタイムコードを一切使わず、型レベルだけでWordleと算術計算機を実装できるほどチューリング完全であることをライブコーディングで実演しました。主要なテクニックとして、三項演算子のように機能する条件型（extends）、部分文字列マッチングと文字抽出のためのテンプレートリテラル型、ループを実現する再帰ジェネリック型（TypeScriptは再帰を約1,000回でハードキャップ）、inferを使ったタプル操作でインクリメント・デクリメントカウンターをシミュレートする手法が紹介されました。これらのプリミティブをもとに、型レベルのindexOf・add・subtract・multiply・divideジェネリックを構築し、二数の加算はBがゼロになるまでAを増やしBを減らすだけで実現できることを示しました。発表は、型安全性・IntelliSenseドキュメント・ランタイム例外防止が重要なライブラリコードでこそ、これらの技法が最も価値を発揮するという実用的な視点で締めくくられました。

AI_INFOGRAPHIC
高度なTypeScriptの楽しい側面：インタラクティブなコーディングセッション - Dante De Ruwe - NDC London 2026 — infographicWATCH_VIDEOarrow_forward
Article · 展望READ TIME: 4m

エージェント型の未来に向けたNext.js構築

Next.jsチームは、AIコーディングエージェントがフレームワークをより理解できるようにするための1年間の取り組みを公開しました。最初の試みはreact-grabに似たブラウザ内チャットエージェントVectorでしたが、CursorやClaude Codeなどの汎用ツールと機能が重複したため終了しました。その後、2025年10月のv16リリース前後にMCPを導入し、next-devtools-mcpを公開しました。これにより、HTMLだけでは見えないランタイムエラー、レンダリングされたセグメント、ルート、内部状態をエージェントに公開しています。核心的な教訓はエージェントをファーストクラスのユーザーとして扱うことです。Server Actionの呼び出しがターミナルにログ出力され、ブラウザエラーが転送され、npx @next/codemodで圧縮されたagents.mdドキュメントインデックスを生成できます。長期的にはnext dev内でこれらすべてを自動的に提供することが目標です。

READ_FULL_LOGarrow_forward
Article · ディープダイブREAD TIME: 10m

React Fiberが存在する理由

React 15のスタックレコンサイラーはupdateComponentを再帰呼び出しする方式で、1,000コンポーネントのツリーでは1,000フレームがネストされ、途中で中断できませんでした。JSのコールスタックはトップレベルの関数が戻るまでクリアされないため、再調整が完了するまでキー入力などのユーザーイベントはReactに届かず、UIのラグが発生しました。React Fiberは再帰の代わりにchild・sibling・returnポインタを持つリンクリストデータ構造を採用し、Reactが自前でトラバーサルを制御します。現代のスケジューラーは約5msのタイムスライス（React 18+では60fps基準の~16.7msにフレームアライン）で動作し、スライス間にブラウザへ制御を返します。Fiberは優先度スケジューリングも実現し、500件の商品リストのレンダリング途中でも、キー入力などの高優先度更新が割り込めるようになります。

READ_FULL_LOGarrow_forward
Article · リリースREAD TIME: 17m

Node.js 24.13.1（LTS）

Node.js 24.13.1 'Krypton'はv24 LTSラインの最新パッチリリースで、@aduh95がリリースを担当しました。主な変更点として、Python 3.14のビルドサポート、NSS 3.119へのルート証明書更新、Unicode 17対応のada URLパーサーv3.4.2へのアップグレードが含まれます。--heapsnapshot-near-heap-limit、--build-snapshot、v8.queryObjects()の3つのAPIが安定版に昇格しました。CVE-2025-59465（TLSSocketへのデフォルトエラーハンドラ追加）およびCVE-2026-21637（TLSコールバック例外をエラーハンドラ経由にルーティング）の2件のセキュリティ脆弱性が修正されています。OpenSSL 3.5.5、npm 11.8.0、SQLite 3.51.2、ICU 78.2へ主要な依存関係が更新され、Node-APIにはnapi_set_prototypeとFloat16Arrayサポートが追加されました。

READ_FULL_LOGarrow_forward
Article · ガイドREAD TIME: 6m

ReactのuseTransition：おそらく使い方を間違えているフック

useTransitionはReact 18から利用可能ですが、二重レンダリングの動作が正しく理解されていないため、誤用が多い状況です。最初のレンダリングはisPendingがtrueになる高優先度レンダリングで、2回目はトランジション作業が完了するまで低優先度レーンで遅延実行されます。サーチ入力の正しいパターンは、setQuery(value)をすぐに呼び出し、負荷の高いsetResults()だけをstartTransitionでラップすることで、ユーザーが再入力した際に進行中の作業を中断できます。固定遅延（300msなど）を使うデバウンスとは異なり、useTransitionは即座に処理を開始しつつ中断可能にします。このフックはCPUバウンドの処理専用で、fetchを包んでもPromiseを待機しないため効果はありません。ContextプロバイダーにstartTransitionとisPendingを配置することで、複数のコンポーネントが単一のローディング状態を共有できます。適用前にReact DevTools Profilerで計測し、16ms未満の処理には使用しないことを推奨します。

READ_FULL_LOGarrow_forward
summarizeDigest_Summary

今週のJavaScriptカテゴリの中心はBiome v2.4のリリースです。テンプレートリテラル内のCSSおよびGraphQLリント、Vue・Svelte・Astroに対応した15件のHTMLアクセシビリティルール、そしてnoImportCycles・noReactForwardRefを含む24件のnurseryルールの安定版昇格が主な内容です。Node.js 24.13.1はTLS関連の2件のCVE修正、OpenSSL 3.5.5へのアップグレード、3つのAPIの安定化をまとめています。

Reactの分野では、2つの深掘り記事がミニマスタークラスを形成しています。React Fiberがなぜスタックレコンサイラーをリンクリスト型スケジューラーに置き換えたかを解説した記事と、useTransitionの最も多い誤用パターン（fetchのラップ）を指摘した実践ガイドです。Next.jsはAIコーディングエージェントをファーストクラスユーザーとして扱うための1年間の取り組みを公開し、MCPツールとエージェント向け圧縮ドキュメントインデックスを提供しています。

TypeScript愛好者向けには、NDC Londonのセッションが型システムのチューリング完全性を実証し、型レベルでWordleと算術計算機を実装しました。ランタイムガードだけでなく型レベルの安全性に投資すべき説得力ある理由を示しています。

Key Takeaways
  • Biome v2.4はテンプレートリテラルリントと15件のHTMLアクセシビリティルールを追加し、フレームワークプロジェクトでのESLint＋Prettierの代替としての地位を固めました。
  • Node.js 24.13.1は2件のTLS CVEを修正し3つのAPIを安定化しました — LTSランタイムを速やかに更新して攻撃対象を減らしてください。
  • useTransitionはCPUバウンドの処理専用で、fetchをstartTransitionでラップしてもPromiseを待機しないため効果はありません。