Go to Qiita Advent Calendar Top
LoginSignup
40
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Day 1

Schoo Advent Calendar 2025

@okuto_oyama(オオヤマ オクト)in株式会社Schoo

フロントエンド技術周辺のアップデートから振り返る2025年

Last updated at Posted at 2025-11-30

この記事はSchoo Advent Calendar 2025の1日目の記事になります。

こんにちは。技術戦略部門に所属するエンジニアの @okuto_oyama です。

Schooアドベントカレンダー最初の記事では、昨年も実施した、フロントエンド開発にまつわる周辺技術が今年どれだけアップデートされたかを見つつ、2025年を振り返ってみる内容をお送りいたします。

昨年に引き続き、以下のジャンルで括ろうと思っております。

  • フロントエンドフレームワーク
  • メタフレームワーク 1
  • ランタイム
  • CSS
  • UIフレームワーク
  • パッケージマネージャ
  • モバイル＆デスクトップアプリ
  • ビルド・バンドルツール
  • モノレポツール
  • バックエンドフレームワーク
  • テストツール
  • リンター・フォーマッターツール
  • 型ツール

ここに加え今年は「AIエージェントフレームワーク」についても触れていきます。

できる限り主要なものは収集していますが、あのライブラリ・フレームワークが入ってないじゃん！となった場合はすみません。

バージョン比較のレギュレーションは以下の通りです。

レギュレーション

  • CHANGELOGやリリースノートを参考にしたバージョン表記
  • α、β、RCやCanaryなどのプレリリースバージョンは含めない
  • 今年一年でプレリリースを除くバージョンアップがなかったものは除く
  • メジャーバージョンが上がったものは太字で表記する

それでは、いってみましょう。

フロントエンドフレームワーク

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
React v18.3.1 v19.2.0
Vue.js v3.5.13 v3.5.25
Angular v19.0.1 v21.0.2
Svelte v5.3.0 v5.45.3
Preact v10.25.0 v10.28.0
Alpine.js v3.14.5 v3.15.2
Qwik v1.11.0 v1.17.2
htmx v2.0.3 v2.0.7
Lit v3.2.1 v3.3.1
Stencil v4.22.3 v4.38.3

フロントエンドフレームワークでメジャーアップデートがあったものはReact、Angularになります。

Reactは昨年の12/5にv19へアップデートされました。今年リリースされたv19.2までの間で、アクションという非同期関数概念が追加、新たなHooks APIや<Activity>などの機能が追加されています。
Reactの最適化コンパイラでもあるReact Compilerのv1もリリースされました。

Angularはこれまで状態の変更検知に使用していたZone.jsを使用しないZonelessアーキテクチャを提供できるようになりました。v21からはSignalベースのフォーム機構、ヘッドレスでアクセシブルなコンポーネント「Angular Aria」が登場しました。

Vue.jsはVue Vapor Modeを搭載したv3.6が開発中です。

Svelteは非同期処理の制御ができるようになるAsynchronous Svelteが実験的機能として発表されました。

メタフレームワーク

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Next.js v15.0.3 v16.0.6
React Router v7.0.1 v7.9.6
Gatsby v5.14.0 v5.15.0
Nuxt v3.14.1592 v4.2.1
SvelteKit v2.9.0 v2.49.0
SolidStart v1.0.10 v1.2.0
QwikCity v1.11.0 v1.17.2
Redwood v8.4.1 v8.9.0
Astro v4.16.16 v5.16.3
Docusaurus v3.6.3 v3.9.2
VitePress v1.5.0 v1.6.3
Lume v2.4.2 v3.1.2
Analog v1.9.4 v2.1.2

メタフレームワークでメジャーアップデートがあったものはNext.js、Nuxt、Astro、Lume、Analogになります。

Next.jsはv19よりuse cacheディレクティブを用いたキャッシュコンポーネント機能やDevTools MCPを搭載し、Turbopackがデフォルトのバンドラーとして採用されるようになりました。

Nuxtはv4よりディレクトリ構成を一新、useAsyncDataとuseFetchの動作改善、Import maps機能の導入、Rolldownの実験的導入などがされるようになりました。

SvelteKitはv2.27よりRemote functionsというコンポーネントからサーバサイド上の関数を呼べる機能が追加されました。

Astroは昨年12/3にv5がリリースされました。アイランドアーキテクチャを実現するServer Islands、Content Collectionsより汎用的でビルドパフォーマンスの優れたContent Layer APIが導入されました。

VitePressは現在v2に向けての開発を進めています。

Lumeはv2から約1年半ぶりのメジャーアップデートがされました。JSXサポートはReact/Preactベースのプラグインを廃止し、SSXというライブラリに一本化されています。

Analogはv2になりAngularの新しいResources APIに対応したコンテンツ一覧やファイルを扱うContent Resources機能が追加されました。

Remixは方向性を一転し、これまでのReact Router構成のアプリケーションとは決別し、独自のフレームワーク像を構築していきます。

ランタイム

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Node.js v23.3.0 v25.2.1
Deno v2.1.2 v2.5.6
Bun v1.1.38 v1.3.3

ランタイムでメジャーアップデートがあったものはNode.jsになります。

今年はNode.js v24はLTS（Long Term Support）になり、最新版としてv25が公開されました。v25からは、--allow-netオプションでネットワークアクセスへの制限ができるようになり、Node.jsがネイティブにTypeScriptを実行できる「Type Stripping」が安定版となりました。

Bunはv1.3からフルスタック開発機能を搭載しオールインワンの開発体験を提供しています。
また、今年からsosukesuzukiさんが入社され、内部で使用されているJavaScriptCoreの改善にコミットされています。

CSS

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Tailwind CSS v3.14.5 v4.1.17
UnoCSS v0.64.1 v66.5.92
Panda CSS v0.48.0 v1.6.0
styled-components v6.1.13 v6.1.19
vanilla-extract v1.16.1 v1.17.5
StyleX v0.9.3 v0.17.1

CSSでメジャーアップデートがあったものはTailwind CSS、Panda CSSになります。

Tailwind CSSはv4より大きくアーキテクチャが変更され、JavaScript（TypeScript）で管理していたものがすべてCSSで管理されるように変更されました。
公式のUIライブラリであるTailwind UIが「Tailwind Plus」に刷新されました。

Panda CSSはv1よりcreateStyleContext関数が導入されました。これにより親子関係によってスタイルの変更をしやすくなりました。
v1.6.0からはcssgenに--splittingフラグがつき、単一のstyle.cssではなくレイヤー・レシピごとに分割させる機能がつきました。

styled-componentsはメンテナンスモードへの移行が発表されました。

UIフレームワーク

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Chakra UI v3.2.2 v3.30.0
Material UI v6.1.9 v7.3.5
Ant Design v5.22.2 v6.0.0
Nuxt UI v2.19.1 v4.2.1
Angular Material v19.0.1 v21.0.1
daisyUI v4.4.24 v5.5.5
Kuma UI v1.5.8 v1.6.0
Yamada UI v1.7.0 v2.0.5
Bootstrap v5.3.3 v5.3.8

UIフレームワークでメジャーアップデートがあったものはMaterial UI、Ant Design、Nuxt UI、Angular Material、daisyUI、Yamada UIになります。

Material UIはv7よりESM対応が進み、CJSとESMをそれぞれサポートする（デュアルモード）ようになりました。

Ant Designはv6の発表と同時に、AIアプリケーション開発に特化したUIキットのAnt Design X 2.0のリリースも発表しました。

NuxtLabsがVercelにジョインした流れから、Nuxt UIはv4からNuxt UI Proも無償提供されるようになりました。

daisyUIはv5からわずかに残っていた依存関係をゼロにしてセキュリティリスクをなくしビルドサイズも削減することに成功しています。

昨年取り上げていたNextUIはHeroUIとしてリブランディングされ、テーマやコンポーネント単位で提供されるようになりました（１つのパッケージとして公開されていないため、今回は取り上げていません）。

日本人が作ったYamada UIはVercelのOpen Source Programにノミネートされました。

パッケージマネージャ

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
npm v10.9.1 v11.6.4
yarn berry v4.5.3 v4.12.0
pnpm v9.14.4 v10.24.0

パッケージマネージャでメジャーアップデートがあったものはnpm、pnpmになります。

npmはv11.5からセキュアな公開フローをサポートするため、OIDCベースの認証が追加されました。

pnpmはv10よりpreinstallやpostinstallのような依存パッケージのライフサイクルスクリプトがデフォルトで実行されなくなりました。v10.16からはminimumReleaseAgeが実装され、指定された期間でのバージョンのインストールを遅延させる機能が追加されました。

モバイル＆デスクトップアプリ

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
React Native v0.76.3 v0.82.1
Expo v52.0.0 v54.0.0
Electron v33.2.1 v39.2.4
Capacitor v6.2.0 v7.4.4
Tauri v2.1.1 v2.9.4
NativeScript v8.8.6 v9.0.4

モバイル＆デスクトップアプリでメジャーアップデートがあったものはExpo、Electron、Capacitor、NativeScriptになります。

React Nativeはv0.82からはレガシーアーキテクチャが完全に無効化され、v0.76.2からの新しいアーキテクチャが正式に採用されました。Metaが開発するReact Nativeに最適化されたJavaScriptエンジンのHermesのv1が試験的に導入されました。

Expo v53では実験的にlibSQLサポートがはじまりました。v54では クロスプラットフォーム（Apple TV、macOS）対応の拡張がされています。

Capacitor v7では低コードプラットフォームのOutsystemsがCapacitor基盤に採用され、Cocoapodsの公式非推奨に伴い、Swift Package Managerへの移行を推進されるようになりました。

NativeScript v9ではESMネイティブ対応とバンドラへの選択肢としてViteの公式サポートが追加されました。

ビルド・バンドルツール

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Vite v6.0.1 v7.2.6
SWC v1.9.3 v1.15.3
esbuild v0.24.0 v0.27.0
Parcel v2.13.2 v2.16.1
Rollup v4.28.0 v4.53.3
Webpack v5.96.1 v5.103.0
Rspack v1.1.4 v1.6.5
Rolldown v0.14.0 v0.15.1

ビルド・バンドルツールでメジャーアップデートがあったものはViteになります。

Vite v7からはRolldownが導入可能、ブラウザターゲット判定をBaseline Widely Availableのバージョンへ変更し、Sass legacy APIが廃止されるようになりました。
ViteConf 2025にて統合開発ツールチェーンとしてのVite+(plus)の発表がありました。

Parcelはv2.14よりReact Server Componentsのベータ対応、MDXのファーストクラス対応をしました。v2.15からはPostHTMLベースから、Rust製の html5ever（Servo由来）のパーサーへ変更されました。

webpackはv5.100よりHMRのESMネイティブ対応、import deferの実験的導入がされました。

モノレポツール

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Lerna v8.1.9 v9.0.3
Turborepo v2.3.3 v2.6.1
Nx v20.1.4 v22.1.3
Bazel v7.4.1 v7.7.1
Rush v5.141.3 v5.163.0
moon v1.30.2 v1.41.7

モノレポツールでメジャーアップデートがあったものはLerna、Nxになります。

Turbopackは設定ファイルにコメントを記述できるJSONCフォーマットをサポート、@vercel/microfrontendsによりVercelとのmicrofrontends機能とも統合され、ローカルと本番環境との橋渡しが容易になりました。

Nxはv21より複数タスクのログを確認できるTerminal UIが導入されました。v22からはCIで失敗した内容を自動解析し、修正案を提示するSelf-Healing CI、configure-ai-agentsでCopilotやCursorなどのAIアシスタント設定を最適化するコマンドが追加されました。

バックエンドフレームワーク

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Express v5.0.1 v5.2.1
Koa v2.15.3 v3.1.1
Fastify v5.1.0 v5.6.2
NestJS v10.4.12 v11.1.9
Hono v4.6.12 v4.10.7

バックエンドフレームワークでメジャーアップデートがあったものはKoa、NestJSになります。

KoaではWHATWG準拠のレスポンスボディ（ReadableStream、Blob、Response）がサポートされるようになりました。

NestJSはマイクロサービス化への柔軟性がより高まりました。NATS、Kafka、Redisなど公式サポートのトランスポーターが追加され、unwrapメソッドで基盤となるクライアントインスタンスへ直接アクセスできるようになりました。

import { NatsConnection } from 'nats';

const serviceRef = app.connectMicroservice({
  transport: Transport.NATS,
  options: {
    // NATS connection options here
  },
});
const connection = serviceRef.unwrap<NatsConnection>();

テストツール

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
Jest v29.7.0 v30.2.0
Vitest v2.1.6 v4.0.14
Mocha v10.8.2 v11.7.5
Playwright v1.49.0 v1.57.0
WebdriverIO v9.4.1 v9.21.1
Cypress v13.16.0 v15.7.0
Selenium v4.27.0 v4.38.0
Puppeteer v23.9.0 v24.31.0
Storybook v8.4.6 v10.1.2
Mock Service Worker v2.6.6 v2.12.3

テストツールでメジャーアップデートがあったものはJest、Vitest、Mocha、Cypress、Puppeteer、Storybookになります。

Jestは過去最大規模の更新・変更が入りました。ESMとTypeScriptサポート強化やNode.jsのv21以下のサポート終了、using構文を活用する他新機能が追加されました。モジュール解決にはRust製のツール「unrs-resolver」を導入しパフォーマンスが向上しています。今後より頻繁なメジャーリリースをしていくことを目指すそうです。

Vitestはv4より実験的機能だったBrowser Modeが安定版になり、そこにVisual Regression Testing（VRT）のサポートが入るようになりました。

Cypressはv15より、アプリ操作を記録してテストを自動生成する「Cypress Studio」の機能が強化されました。v15.4.0よりフラグなしでデフォルトで使用できるようにもなりました。

Storybookはv9よりStorybookのテスト機能が強化されました。v10からはESMオンリーの構成となり、React依存がなくなるなど依存関係も大幅に削減しています。

リンター・フォーマッターツール

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
ESLint v9.16.0 v9.39.1
Stylelint v16.11.0 v16.26.1
Prettier v3.4.1 v3.7.3
Biome v1.9.4 v2.3.8
oxlint v0.14.0 v1.31.0
oxfmt - v0.16.0

リンター・フォーマッターツールでメジャーアップデートがあったものはBiome、oxlintになります。

Biomeはv2からGritQLというクエリ言語を使ってリンタープラグインが作れるようになりました。v2.3からはVue.js、Svelte、Astroがフルサポートされました。

Oxcプロジェクトからはoxlintがv1としてメジャーアップデート、フォーマットツールとしてoxfmtが登場しました。

Prettierはv3.6より高速化された新たなCLI機能を--experimental-cliフラグより開放して使用できるようになりました。

型ツール

2024/12/1時点の最新バージョン 2025/12/1時点の最新バージョン
TypeScript v5.7.2 v5.9.3
flowtype v0.255.0 v0.291.0

型ツール関連でメジャーバージョンが上がったものはありませんでしたが、TypeScriptのバージョンについてはsemverで運用されていないため、マイナーバージョンアップに伴いいくつもの変更が入っています。

今年はTypeScriptのネイティブ実装をGoへ移植するプロジェクトが発表されました。

AIエージェントフレームワーク

2025/12/1時点の最新バージョン
Vercel AI SDK v5.0.105
LangChain.js v1.1.1
LlamaIndex.TS v0.12.0
VoltAgent v1.2.13
Mastra v0.24.6

AIエージェントを作成するためのフレームワークとしてTypeScript製のツールがいくつか登場してきています。PythonのものよりもWebアプリケーションとしての接続として同じ技術スタックが使えることは1つの利点と言えそうです。

Vercel AI SDKはエージェント昨日の開発が非常に簡易的でわかりやすく、LlamaIndex.TSはRAG重視型のイベント駆動フローを採用、LangChain.jsはLangChainにまつわるエコシステムとしての成熟度が高く、VoltAgentはLLM可視化プラットフォームを提供しており、MastraはWeb開発者としての開発体験を重視したフレームワークとされています。
UIライブラリやメタフレームワークのように、それぞれの機能要件に合わせて向いているものを扱うのが良さそうです。

ちなみにMastraはGatsbyJSの開発者でもある2人によって作成されたAIエージェントフレームワークです3。

おわりに - 昨年の予測振り返りと来年の予測

前回の記事では以下のような2025年の展望を予想しました。

  • 脱仮想DOMでの宣言的UIが主流となる（Fine Grained Reactivityの実現）
  • サーバーコンポーネントの普及に伴うクライアントとサーバーとの境界がより曖昧に
    • Next.jsのキャッシュ機能に振り回されなくなったことでのフレームワーク選択肢の多様化
    • 代わりにPages Routerがなくなるかもしれない
  • VoidZeroを中心としてJavaScriptツールチェインのエコシステムが賑わう
  • パフォーマンスを重視したものが価値として優先されていく

それぞれについてを振り返ってみましょう。

まず脱仮想DOMはVue.jsのVue Vapor Modeが次バージョンへの搭載が予定され、Reactは脱仮想DOMではないですがReact Compilerの登場によってパフォーマンスを考慮しつつコンパイラ内で隠蔽する方向へ進化しています。

クライアントとサーバーとの境界についてはNext.jsでのuse cacheディレクティブによる指定、SvelteKitのRemote fucntions、Astro Server Islandsなど、よりシームレスにサーバー機能がコンポーネントへ統合された動きがありました。

Vite v7でのRolldown採用、oxlint v1リリースなど、Oxc/Rolldown基盤がインフラとして実用段階に入っており、さらにVite Plusの統合型ツールチェインの発表など、Viteエコシステムを中心とした活発的な動きが見られました。

昨年から引き続きRust製ツールは順調に発達し、TypeScriptはGo移植へ転換するなどJavaScript実装に寄らないパフォーマンスを意識したフロントエンドエコシステムへの参入は見られています。

いずれの予想も大きなズレはなかったかと思っていますが、これに加えて生成AIとフロントエンドのエコシステムの融合や、サプライチェーン攻撃といったセキュリティにまつわる問題がより顕著にみられる1年になったなと振り返ってみて気付かされました。

フルスタックフレームワークやUIライブラリにはMCPサーバーが導入され、マイグレーションやライブラリの使い方をそこからAIエージェントに学習させて高品質なアウトプットができるような仕組みを作っています。HonoでもHono CLIが発表され、CLIでの操作したり情報を得られるようにしたAIフレンドリーな仕組みが実装されてきています。
今後もこの流れはフロントエンドのエコシステム上で必要なことになりそうです。

npm上でのサプライチェーン攻撃も顕著な年になりました。直接的には使ってなくても依存関係の都合上で悪意のある攻撃を受けてしまう危険性については、いきなり顕在化した問題でなくかつてからあった懸念点ではありましたが、あまりの深刻さにこれまで牧歌的な開発が許されていた雰囲気を一変させてしまいました。

その影響もあってか、OIDCを活用したnpm Trusted Publishingが登場したり、pnpmではminimumReleaseAge機能が追加されるなど、パッケージマネージャー側での自衛機能が強化されました。AIエージェントを活用することが当たり前になってきた中で、より安全に使うためにサンドボックスやコンテナ上で動かす必要性も出ているのでこうした安全性へシフトしていく動きも引き続き注目されそうです。

パフォーマンスで取り上げたTypeScriptのGo移植についても気になっている部分があります。それは内部のCompiler APIが使えなくなることです4。
この影響は特にts-morphといったCompiler APIを活用するプラグイン側に大きな影響があるためTypeScriptのプラグインやライブラリが一部追従できなくなる可能性も考えられます。特にVolar.jsにおいてはTypeScriptのソースコードを動的に書き換えることでtscにはない拡張機能やプラグインを注入させる仕組みを取り入れていたりします。

以上、今年の振り返りをしてみて、来年以降のフロントエンド技術動向はどうなるかを予測してみました。来年以降もフロントエンドのエコシステムに大きな変動は来ない（生成AIのようなゲームチェンジャーが登場しない限り）と思っているのでその延長線上のものになります。

  • ツールがよりAIフレンドリーに最適化され開発生産性の向上に寄与していく
    • MCPサーバーの搭載が当たり前のものになっていく
  • 依存関係を減らし人やAIが安心安全に使えるような技術選定やアーキテクチャに変化していく
  • TypeScriptのGo移植影響による一部エコシステムの衰退の可能性
    • もしかしたら生成AIが不足した部分をカバーしてくれるかもしれない

というわけで今日までの動向を振り返ってみましたが、今年の残りにもいくつかの変更やリリースがあるかもしれません。引き続きフロントエンド技術周辺を見守っていこうと思います。

参考記事

明日の12月2日は@hiroto_0411の担当になります。お楽しみに！

Schooでは一緒に働く仲間を募集しています！

  1. とあるフロントエンドフレームワークを基にアプリケーションのレンダリングと配信に重点を置いたフレームワークと定義 ↩

  2. 大幅にバージョンが上がっているように見えますが、これは作者のAnthony Fuが独自のセマンティクスバージョン管理（Epoch Semantic Versioning）をし始めたものです。これに沿ったセマンティックバージョンとして扱っているためメジャーバージョン扱いではないと判断しています。 ↩

  3. 【AIエージェント開発の最前線】Mastra創業者が語る「Train in Python, Ship in TypeScript」の真意【AI探求ラボ Vol.09】 ↩

  4. 詳細はTypeScript の Go 移植に備えて知っておくべきことの「Compiler API が使えなくなる？」を確認ください。 ↩

40
16
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
40
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?