ep194 Yearly Ecosystem 2025

published_at
2025-12-17
guest
@sakito
guest
@hiroppy
guest
@re-taro
toc
headings

Theme

第 194 回のテーマは 2025 年の Yearly Ecosystem です。

Show Note

2025 年のチェックポイント

  • React の WC 対応と Open UI により WC 元年がまたくるかも
  • SC で zero runtime じゃない CSS も動くようになりそうなので、より戻すか?
    • CSS ライブラリのこの先はどこに落ち着くのか、css modules,tailwind,zero-runtime & AI & React の対応
  • next.js の cache が安定するか?
  • figma->実装のワークフローの進化(devmode, codeconnect)、AI 活用
  • next.js app router 移行先に post remix としての tanstack family
    • remix 自体どうなる?
  • react compiler どうなるか
  • JS0 / JSSugar によるツールとエンジンの分離
  • OSS のマネタイズどうなる?
  • Bun の独走に対するエコシステムへの還元
  • jsr/vlt/npm の覇権争いと ESM 移行
  • tooling 系百花繚乱どうなるか

今年のキーワード

  • Jxck
    • Remix 迷走
    • Vite+ 設立
    • Bun 買収
    • Hono CLI
    • npm -> pnpm
    • Figma 上場
    • Figma Make
    • Keep4o
    • tsgo
  • Sakito
    • vercel の陰り
    • Void 0 による Vite やツールチェインの新しい未来?
      • Vite+とか
    • AI + フロントエンドツール
      • MCP,エディター周り,Bun,Playwright
    • Lint 周りの変化
      • ESLint の JS 以外の対応、OxLint
    • フロントエンドエコシステムへの攻撃
  • Hiroppy
    • vite+
    • security
    • tsgo
    • next@16
    • thank you styled-components
  • re-taro
    • remix くん...
    • styled-components くん...
    • recoil くん...
    • cra くん...
    • 脆弱性
    • ツールチェイン Rust 化
      • oxc が縁の下の力持ち
    • tsgo
    • react compiler
    • react foundation

2026 年のチェックポイント

  • Bun 買収された影響がどうでる?
  • Deno への意向モチベーションはどこに出てくるか?
  • ESLint から oxlint への移行は進むか?
    • Type Aware Linting 広まる?
  • tsgo に依存するライブラリが更新にどう追従するか?API は結局出るか?
  • swc などの transpile するライブラリはどうなっていくか?
  • Turbopack が Next 以外でも使われるか、Turporepo 相当が Vite Family にくるか?
  • Figma が AI とデザインの新しい可能性を見出せるのか?
    • Design Token Format 対応 / Make kit / npm package 読み込み etc は Figma に良い影響を与える?
  • app router はどうなるか?RCE 脆弱性の影響は?
  • Vite+ のサービス内容と、価格はどういうものか?マネタイズが成り立つのか?
  • CSS は引き続き tailwind / css module が続くか、別のパラダイム/ライブラリが出るか?
    • shadcn が来年どうなっているか?
  • サイバーインシデントは落ち着くのか?
    • サプライチェーンは無限に続く?
    • Next/React 系のデカいインシデントはまだ出る?
    • Cloudflare 落ちすぎじゃね?
  • AI がエコシステムにどう影響を与えるか?

1 月

2 月

3 月

4 月

5 月

6 月

7 月

8 月

9 月

10 月

11 月

  • Next.js 16
    • https://nextjs.org/blog/next-16
    • Cache Components は、Partial Pre-Rendering (PPR)を利用してページやコンポーネントのキャッシングを明示的に行える。
    • Next.js Devtools MCP が統合され、AI 支援のデバッグが可能になった。
    • ミドルウェアは proxy.ts に置き換えられ、ネットワーク境界が明確化された。
    • Turbopack は全アプリのデフォルトバンドラーとなり、ビルド時間が 5-10 倍短縮される。
  • Turborepo 2.6
    • https://turborepo.com/blog/turbo-2-6
    • マイクロフロントエンドのローカル開発用プロキシが導入され、複数のアプリケーションを 1 つのポートで実行可能に
    • 開発コマンドやポートの管理が簡素化され、チームは独立してアプリケーションを展開できる
    • Bun パッケージマネージャーが安定版として統合され、依存関係の変更があったパッケージのみがキャッシュから外れる
  • Make any TypeScript Function Durable
    • https://useworkflow.dev/
    • "use workflow"ディレクティブを使用して関数を耐久性のあるワークフローに変換できる。
    • 手動でのキューやスケジューラの設定は不要で、自動リトライ機能がある。
    • "sleep"を使用して計算を保持せずに一時停止し、再開できる。
    • デバッグ時にはトレース、ログ、メトリクスが可視化される。
    • ローカル開発が可能で、Vercel や他のクラウドにデプロイできる。
  • VS Code の Private Marketplace 機能
  • Schema 2025: Design systems for a new era
    • https://www.figma.com/blog/schema-2025-design-systems-recap/
    • Figma のデザインシステム周りのカンファレンスが行われ、そこで Figma の機能も追加された
    • Extended Collections
      • デザインシステムのマルチブランド対応が容易に
    • Slots
      • figma 上で react children 的なことができる
    • Check designs
      • DevMode 移行時にデザイン上でコンポーネントや variables の紐付け漏れ検知
    • Code Connect UI
      • GUI 上から実装ファイルへの紐付けが可能に
      • コンポーネント毎に MCP に読み込ませるコンテキスト追加できる
    • Figma MCP server
      • beta 版の終了
    • Make kits
      • Figma ライブラリを読み込ませて React などのコードを出せるように
    • Figma Make に Npm package imports
      • Figma Make に npm package を読み込ませて実装コードを参照させれるように
    • Variables の Design Tokens Community Group の仕様に準拠した import/export
  • StyleX: A Styling Library for CSS at Scale - Engineering at Meta
  • Hono CLI 爆誕
  • VoidZero Raises $12.5M Series A
    • https://voidzero.dev/posts/announcing-series-a
    • VoidZero は 1,250 万ドルのシリーズ A 資金調達を実施した。
    • 新たにチームに加わったメンバーには、napi-rs の創設者や OSS プロジェクトのコア貢献者がいる。
    • Vite は Webpack を超える週次ダウンロード数を達成した。
    • Vitest のブラウザモードが安定し、Rolldown は 100 万の週次ダウンロードを記録した。
    • Vite+は VoidZero の持続可能なビジョンの第一歩であり、現在プライベートベータ版である。
  • ViteConf 2025 Recap
    • https://voidzero.dev/posts/whats-new-viteconf-2025
    • Vite+は、Vite のスーパーセットであり、開発者ツールを統合した CLI を提供する。
    • Vite+は、テスト、リント、フォーマット、ライブラリバンドル、タスク実行の新しいコマンドを追加し、ゼロ設定で動作する。
    • Oxlint が JavaScript プラグインをサポートし、ESLint のカスタムルールを使用できるようになった。
    • Vite DevTools には、ビジュアルビルド分析ツールとプラグイン API が追加され、開発者がビルドプロセスを簡単に検査できる。
  • Vitest 4.0 is out!
    • https://vitest.dev/blog/vitest-4
    • https://x.com/voidzerodev/status/1991169793257336971
    • Browser Mode が安定版としてリリースされ、実際のブラウザ環境でのテストが可能に
    • Visual Regression テストが追加され、コンポーネントの視覚的変化を検出できる
    • Playwright Trace のサポートにより、詳細なトレースファイルを生成し、デバッグが容易に
    • schema validation 用の assertion が追加
  • 国土交通省が「MCP サーバ」公開 API の知識不要、対話形式でのデータ取得が可能に
  • Cloudflare outage on November 18, 2025
  • 海賊版サイト巡り米 Cloudflare に賠償命令 著作権侵害ほう助認定
  • Bun runtime on Vercel Functions
    • https://vercel.com/docs/functions/runtimes/bun
    • Vercel Functions で Bun をランタイムオプションとしてサポート
    • Node.js と Bun の選択が可能で、特に計算集約型アプリケーションに適している
    • Bun は CPU バウンドの Next.js レンダリングで平均レイテンシを 28%削減
    • Bun は Express、Hono、Nitro に対応し、vercel.json で設定可能
    • Fluid compute 上で動作し、同一インスタンスで複数リクエストを処理
    • アクティブ CPU 料金により、実行時間のみが課金される
  • Introducing Vercel Agent: Your new Vercel teammate
    • https://vercel.com/blog/introducing-vercel-agent
    • Vercel Agent は AI を活用した開発支援ツールで、コードレビューと調査の 2 つの主要機能を持つ。
    • コードレビュー機能は GitHub 内で動作し、シミュレーションビルドを用いて提案を検証する。
    • 調査機能はアプリケーションの異常を分析し、根本原因を特定する。
    • Vercel Agent は、開発者が迅速にマージを行えるようにし、パフォーマンス問題を事前に特定する。
  • Oxlint enabling type checking straight out of tsgo!
  • Announcing Oxlint JavaScript Plugin Support
  • Biome v2.3-Let's bring the ecosystem closer
    • https://biomejs.dev/blog/biome-v2-3/
    • Vue、Svelte、Astro の完全サポートが追加された。
    • JavaScript、TypeScript、CSS コードのフォーマットとリンティングが可能。
  • Directives and the Platform Boundary
  • Announcing Prisma 7
  • Storybook MCP sneak peek
    • https://storybook.js.org/blog/storybook-mcp-sneak-peek/
    • Storybook MCP は、コーディングエージェントが生成するコードの質を向上させるためのツールである。
    • エージェントに機械可読なコンポーネントメタデータを提供し、より良いコード生成を実現する。
    • 自動修正ループを持ち、エージェントが自らエラーを修正できる。
    • 既存のパターンを再利用することで、トークンの使用量を削減しつつ高品質なコードを生成する。
  • Astro 5.16
    • https://astro.build/blog/astro-5160/
    • SVG 最適化により、SVG ファイルのサイズを削減し、ページの読み込み時間を改善する。
    • astro preview コマンドにキーボードショートカットが追加され、プレビューサーバーの操作が簡単になった。
    • astro add コマンドは--yes フラグをサポートし、AI エージェントが自動的に Astro プロジェクトを設定できる。
    • ActionInputSchema ユーティリティタイプにより、アクション定義から入力スキーマを簡単に抽出できる。
  • Astro 5.15
    • https://astro.build/blog/astro-5150/
    • 新しいアダプターAPI により、ヘッダーやアセットのカスタマイズが可能になる。
    • Astro のコア機能全体でスキュー保護が機能し、開発者は手動設定なしで高度な機能を実装できる。
  • pnpm 10.21
  • Announcing Angular v21
  • Node.js v25.2.1 (Current)
    • https://nodejs.org/en/blog/release/v25.2.1
    • ローカルストレージへのアクセス時に例外をスローする仕様が元に戻された
    • この変更は次のバージョン 26.0.0 に持ち越される
  • Node.js v25.2.0 (Current)
    • https://nodejs.org/en/blog/release/v25.2.0
    • util.deprecate にオプションが追加され、より柔軟な非推奨機能の管理が可能になった。
    • localStorage の getter がストレージパスが存在しない場合にエラーをスローするようになった。
    • HeapStatistics に total_allocated_bytes が追加され、メモリ使用状況の把握が容易になった。
  • Node.js v25.1.0 (Current)
  • ESLint v10.0.0-alpha.0 released
    • https://eslint.org/blog/2025/11/eslint-v10.0.0-alpha.0-released/
    • 新しい設定ファイルの検索アルゴリズムにより、各リント対象ファイルのディレクトリから設定ファイルを検索する。
    • eslintrc 機能が完全に削除され、CLI は eslintrc 特有の引数をサポートしなくなった。
    • eslint:recommended 設定が更新され、新しいルールが追加された。
  • ESLint v9.39.1 released
  • ESLint v9.39.0 released
    • https://eslint.org/blog/2025/10/eslint-v9.39.0-released/
    • 特定のルール違反に対するハイライト位置がより正確になり、視覚的なノイズが減少した。
    • complexity ルールが関数のヘッダーのみをハイライトするように更新された。
    • for-direction、no-dupe-args、no-dupe-class-members ルールも同様に改善された。
    • TIMING 環境変数を設定すると、統一されたパフォーマンスレポートが出力される。
  • Building an MCP Server for Nuxt
  • Nuxt 4.2
    • https://nuxt.com/blog/v4-2
    • TypeScript プラグインの実験的サポートが追加された。
    • AbortController を使用してデータ取得のリクエストをキャンセルできるようになった。
    • 開発中のエラー表示が改善され、カスタムエラーページと技術エラーオーバーレイが同時に表示される。
    • Vite 環境 API のオプトイン機能が追加され、開発と本番環境のパフォーマンスが向上。
    • Nitro サーバー統合が@nuxt/nitro-server パッケージに分離され、モジュール性が向上。
  • Announcing Rspack 1.6
    • https://rspack.rs/blog/announcing-1-6
    • ツリーシェイキングは、動的インポートの幅広い使用パターンを認識し、未使用のエクスポートを排除する。
    • import defer 構文のサポートにより、モジュールの即時実行を避けることができる。
    • ESM 出力の改善には EsmLibraryPlugin が導入され、クリーンで効率的な ESM ライブラリの構築が可能になる。
    • バンドルプロセスの完全な制御が可能となり、コード分割のサポートも強化される。
  • Rspack 2.0 を含めたロードマップの公開
    • https://rspack.rs/misc/planning/roadmap
    • https://x.com/jait_chen/status/1981290205836693941
    • 🗓️ First preview planned for Feb 2026
    • 🧩 Refined webpack outputs & APIs - cleaner and simpler
    • 📦 Better ESM output, with out-of-the-box support via Rsbuild & Rslib
    • ⚛️ Built-in RSC support
    • 💾 More stable persistent cache, aiming for default in dev
    • ⚡ Enable native watcher for faster HMR
    • 🔄 Refined internal structure for better performance
    • 🌐 Move toward pure ESM packages
  • Electron 39.0.0
    • https://www.electronjs.org/blog/electron-39-0
    • ASAR integrity が安定版となり、アプリの改ざん検出機能が追加された。
    • 新機能として、app.isHardwareAccelerationEnabled()メソッドや USBDevice.configurations のサポートが追加された。
    • window.open ポップアップが常にリサイズ可能になった。
    • --host-rules コマンドラインスイッチが非推奨となった。
  • Cursor 2.0
    • https://cursor.com/ja/blog/2-0
    • Composer という速度早く、コーディングレベルもそこそこのモデルがでた
    • マルチエージェント機能で複数のモデルの回答を選べるように
    • bult-in browser でブラウザから UI を指定して修正できるように
  • Storybook 10
    • https://storybook.js.org/blog/storybook-10/
    • ESM 専用への移行により、インストールサイズが 29%削減された。
    • モジュールの自動モック機能が追加され、Vitest との連携でテストが容易になった。
    • 型安全な CSF ファクトリが導入され、TypeScript プロジェクトに対応した。
    • UI 編集と共有の最適化により、QR コードを使ったモバイルアクセスが可能になった。
    • CSF ファクトリは React 専用で、将来的に Vue、Angular、Web コンポーネントのサポートも予定されている。
  • Google Antigravity
  • Sketch のデザイン刷新と機能追加
  • Figma Weave
  • Figma Make にリモート MCP が組み込めるように
  • Hire Me in Japan - overreacted