Skip to content
公開日

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@rctsc --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や公式ブログをチェック!