フロントエンドニュース2026年7月号

Frontendチーム

はじめに

こんにちは！Frontendチームの薄羽です。サンダル勢なので梅雨が辛いです ☔️

TSKaigi 2026

フロントエンド・PHPカンファレンス北海道 2026

  • フロントエンドとPHPのカンファレンス
    • （こちらも会社としてはスポンサーではないですが、個人的に応援しています）
  • 気になった発表: React、まだ楽しくて草
    • 日々、楽しくて草なので同じ気持ち
    • 冗長な処理は新しいAPIでスッキリ書けることがあるため、ちゃんと覚えていきましょう

Announcing TypeScript 7.0 RC

  • ついに！！！！
  • itandi-frontend リポジトリでは倍ぐらい tsc が速くなった
  • 来月にはRCが外れる予定
  • 7.1からAPIも公開されるようなので、typescript-eslint などがどうなるかが楽しみ

VoidZero is Joining Cloudflare

  • VoidZeroがCloudflareに参加！
    • VoidZero: Vite、Vitest、Oxlintなどを開発しているところ
  • Vite周辺のOSSは引き続き開発される

Vite 8.1 is out!

  • 実験的機能としてBundled Dev Modeが追加され、開発サーバー起動やフルリロード性能が改善された
  • .wasmファイルをES Moduleとして直接importできるようになった

React Compiler

React Router v8 | Remix

  • Reactのミニマムバージョンが19.2.7になり、ESMのみの配布へ変更された
  • unstableではあるが、RSCもサポートされた

sharp@0.35.0

Nub — an all-in-one toolkit for Node.js

  • 新しい全部入りツールチェインが登場（逆から読むとbun…？）
    • 全部入りツールチェイン仲間: Vite+
  • pnpmと互換性がある

Setup pnpm with runtime

  • pnpmとJavaScript runtimeを一括でセットアップできるAction
  • devEngines.runtime を見てruntimeとversionが自動で設定される

gajus/zod-compiler

  • Zodスキーマをビルド時にコンパイルして、parse / safeParse を高速なバリデーション関数に差し替えるツール
  • 既存のコードのまま、pluginを追加することで高速化できる

Chrome 149  |  Release notes  |  Chrome for Developers

  • 個人的に嬉しい機能: CSS gap decorations
    • column-rule でGridやFlexのgapに装飾がつけられる
    • 149未満にも対応してほしい 😇

Biome v2.5—500 Lint Rules, Plugin Code Fix, and Cross-File Linting

  • 500を超えたルールが実装されている！
  • 個人的に嬉しい機能
    • New sorting assist actions are available for package.json fields, HTML attributes, TypeScript and GraphQL enum members, GraphQL selection sets, and GraphQL type fields.
      • package.json のfieldsがソートできるようになった
      • useSortedKeys と組み合わせるとバグるので注意: https://github.com/biomejs/biome/issues/10628
      • GraphQLのtype fieldsもソートできるようになったが、TypeScriptもできるようになってほしい 😇
    • noLeakedRender
      • suspicious に昇格したが、手元で試したところ、 eslint-plugin-react と挙動が異なるところがあった

Webwright | Terminal-Native Web Agents

  • LLMがPlaywrightを用いたPythonコードを書き、実行・修正しながらブラウザ操作を行う
  • ブラウザ作業を再実行可能なスクリプトとして残せるのが特徴

講評

  • Biome、React Compiler、TypeScriptなど、個人的に気になっていたニュースが多めで嬉しい月だった
  • sharp などの対応を見ていると、npmパッケージ周りを安全にしようという動きを感じる

採用情報

Frontendチーム、絶賛採用中です！カジュアル面談もお待ちしています！