2026-06-28
ここ一週間(2026年6月21日〜28日頃)のJavaScript/TypeScript/Reactの主な新情報まとめです。
TypeScript 7.0 RCリリース(最大のトピック)
TypeScriptチームがTypeScript 7.0 Release Candidateを発表。コンパイラ全体をGo言語にネイティブポートしたことで、TypeScript 6.0比で約10倍高速化(解析・型チェック・emitの並列化)。型チェックのセマンティクスはほぼ同一で、大規模コードベースでも安定。
- 主な新機能・変更:
--checkersフラグで型チェッカー並列化(デフォルト4)。--buildersでプロジェクト参照ビルドの並列化(モノレポ向け)。--watchモードの大幅改善。- 新しいデフォルト設定(strictなど)で既存configに影響あり。
- インストール:
npm install -D typescript@rc(tsc --versionで確認)。 - サイドバイサイド運用可能(
@typescript/typescript6パッケージでTS 6.0共存)。 - VS Code用「TypeScript Native Preview」拡張も利用可能。
@typescript や @pvs_studio などの投稿でも話題に。多くのチーム(Bloomberg, Vercelなど)が事前テストで高速化を実感。
実践方法: まずは非本番環境やCIで試し、 --checkers 2 などで調整。エディタ拡張から始めるのが低リスク。
React / React Native関連アップデート
This Week In React #287(6/24頃)が発行。主なハイライト:
- Fragment ref: 近日Reactで
<Fragment ref>サポート。Fragmentの子要素操作が可能になり、コンポジションが向上(canaryで利用可、React 19.3予定)。React Nativeでも類似機能。 - React Compiler: Bun統合の進捗やRust版に関する議論。Vite/Rolldownからの一時撤回も。
- React Router 8.0: Future flagsをデフォルト化、ESM-onlyなど「退屈な」安定リリース。
- その他: StyleX 0.19、Base UI 1.6、cnfast(clsx+tailwind-mergeの高速代替)、Remotion/ React Aria更新。
React Native側: - Reanimated 4.5: CSS pseudo-selector(:hoverなど)サポート。 - VisionCameraのリアルタイム処理デモ、Expo widgets安定化など。
@sebastienlorber がニュースレターを共有。
実践方法: Fragment refはcanaryでテスト。StyleXやcnfastは既存Tailwind/Styled Componentsプロジェクトの最適化に。React Router 8は段階的アップグレードを。
その他のJavaScript/エコシステム動向
- Next.js関連: App Router移行事例でレスポンスタイム80%改善報告など(過去週の文脈で言及)。
- Vite 8.1やAstro 7.0の高速化(Rust/Rolldown活用)。
- Node.js/TypeScriptネイティブサポートの議論継続。
注意: 古い情報(TS 6.0以前の一般論など)は除外。情報はX投稿・公式ブログ・ニュースレターから分散して収集(同一アカウント3件以内)。
全体の傾向: TypeScriptのコンパイラ大刷新が目玉で、パフォーマンス重視のエコシステム進化が続いています。実際に試す際は公式ドキュメントやRCインストールから始め、フィードバックをGitHubに寄せると良いでしょう。最新情報はThis Week In Reactや公式ブログをチェック!