JavaScript Rising Stars 第10回へようこそ!

実に様々なことがあった一年でした。AIエージェントの爆発的な普及によりアプリケーション開発の方法が変容し、エコシステムを揺るがすような重大な脆弱性やセキュリティ攻撃もありました。2025年は、目覚ましい技術革新と、気を引き締めなければならない課題の両方があった年と言えるでしょう。


以下は、2025年の1年間で増加したGitHubのスター数によるランキングです。Webプラットフォームに関するベストプロジェクトを集めたリストであるBest of JSからの一年間の分析です。各プロジェクトをクリックすると、より詳細な情報を閲覧することができます。

目次

  1. 総合ランキング
    n8nReact Bitsshadcn/uiExcalidrawSupabaseOnlookBetter AuthDyadAFFiNEStagehand
  2. フロントエンドフレームワーク
    ReactRippleSveltehtmxVue.js
  3. React エコシステム
    React Bitsshadcn/uiExcalidrawOnlookVercel AI SDK
  4. バックエンド/フルスタック
    MotiaPayloadNext.jsAstroHono
  5. ビルドツール
    BunViteBiomeOxlint/Oxc Parser/OxfmtNx
  6. AI
    n8nDyadStagehandMastraFlowise
  7. モバイル
    ValdiLynxExpoDioxusReact Native
  8. Vue エコシステム
    SlidevNuxtVue Bitsshadcn-vueVitePress
  9. 状態管理
    ZustandJotaialien-signalsXStateNano stores
  10. CSS in JavaScript
    Tailwind CSSDaisyUIBootstrapPico.cssNativeWind
  11. コンポーネントライブラリ
    shadcn/uitweakcnMagic UIBase UIHeroUI
  12. テストツール
    StagehandPlaywrightMidscene.jsPuppeteerStorybook
  13. デスクトップ
    TauriWailsDioxusElectronelectron-vite
  14. 静的サイトジェネレータ
    Next.jsFumadocsAstroDocusaurusNuxt
  15. GraphQL
    TwentyDirectusTanStack QueryEverShopVendure
  16. おわりに

総合ランキング

1
n8n

n8n

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
+112.4k☆

2025年の推移

4.2k
6.0k
9.7k
14.4k
14.2k
11.8k
12.0k
8.4k
9.4k
9.7k
6.5k
6.1k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
Loading

GitHub情報

作成日
2019-06
累計スター数
165.8k☆

リンク

GitHub
n8n-io/n8n
WEB サイト
n8n.io
Best of JS
bestofjs.org/projects/n8n
2
React Bits

React Bits

An open source collection of animated, interactive & fully customizable React components for building memorable websites.
+32.8k☆
3
shadcn/ui

shadcn/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
+26.3k☆
4
Excalidraw

Excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams
+25.1k☆
5
Supabase

Supabase

The open source Firebase alternative
+19.9k☆
6
Onlook

Onlook

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
+19.4k☆
7
Better Auth

Better Auth

The most comprehensive authentication framework for TypeScript
+19.0k☆
8
Dyad

Dyad

Free, local, open-source AI app builder v0 / lovable / Bolt alternative Star if you like it!
+18.9k☆
9
AFFiNE

AFFiNE

A next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use - a free replacement for Notion & Miro
+17.3k☆
10
Stagehand

Stagehand

The AI Browser Automation Framework
+17.1k☆

総合優勝: n8n 🏆

n8nが2025年のランキングで総合優勝を果たしました。その勢いは凄まじく、1年間で+112,000ものスターを獲得しました。これは、Rising Starsを開始して以来、1年間で最も多くのスターを獲得したプロジェクトです。

n8nは、ネイティブAI機能を備えたフェアコードのワークフロー自動化プラットフォームであり、ビジュアルワークフローを通じて様々なアプリやサービスを連携させることができます。その成功は、ノーコード自動化ツールへの需要の高まり、そして近年注目されているエージェントベースのワークフローをサポートするためのAI統合の進化を反映しています。

ワークフロー自動化の分野では、2025年に作成された以下の2つのプロジェクトにもご注目ください。

AI関連でトップ10に入ったプロジェクトは他に3つあります。

  • Onlook: ReactアプリにAIファーストのビジュアル編集をもたらします
  • Dyad: 無料でローカル実行可能なオープンソースAIアプリビルダーで、v0/lovable/Boltの代替となります
  • Stagehand: AIを活用したブラウザ自動化を実現します

第2位: react-bits

React Bitsは、React向けの洗練されたアニメーションコンポーネント(背景エフェクト、テキストアニメーション、カードなど)のコレクションであり、記憶に残るウェブサイト構築に最適です。

興味深いことに、これはshadcn/uiプロジェクトとして配布されており、コマンドラインを使用してshadcn/uiレジストリから、または従来のコピー&ペーストでコードベースに組み込むことができます。一部のコンポーネントには、GSAPまたはmotionのいずれかの依存関係が必要です。

ドキュメントには、すべてのコンポーネントの設定(色、速度、パーティクルの数など)を調整・カスタマイズし、コードベースにコピー&ペーストできるスニペットとしてエクスポートできるBackground Studioが付属しています。

Vue版も利用可能です: Vue Bits

第3位: shadcn-ui

第3位のshadcn/uiは、2023年および2024年のチャンピオンであり、その勢いは衰えを知りません。

以前の版を確認された方ならご存知の通り、これはRadix UI、TanStack Tableなどのヘッドレスコンポーネントの利点を結集し、細部(アクセシビリティ、キーボード操作など)にまでこだわり抜いて作られた、一貫性のあるReactコンポーネントセットです。

また、コンポーネント配布の新しい形態を実現したレジストリでもあります。 多くのプロジェクトが「shadcn/ui」プロジェクトを名乗っており、公式のRegistry Directoryには約100のプロジェクトがリストアップされています。

shadcn/uiの最も素晴らしい点は、すぐに利用できる機能とカスタマイズ性の間で、最適なバランスを見出していることです。

新たに追加されたコンポーネントに加え、shadcn/uiはRadix UIとの緊密な連携を解消し、Base UI(コンポーネントライブラリランキング第4位)もサポートするようになりました。

shadcn/uiで構築されたサイトは似たような外観になりがちだという批判もありましたが、新しいスタイルとカスタムテーマを作成するための新しいcreate pageの導入により、見た目のカスタマイズ性は大幅に向上しました。

特別ピックアップ

第7位のBetter Authは、独自のインフラストラクチャを使用してアプリケーションの認証を処理するための優れたソリューションです。マジックリンク、ワンタイムパスワード、組織のメンバーや役割をサポートするためのマルチテナントアーキテクチャなど、最も一般的なニーズに対応するためのプラグインシステムを備えています。

フレームワークに依存せず、どのフレームワークでも使用できますが、主要なフルスタックフレームワークすべてに対応した優れたインテグレーションが用意されています。

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

1
React

React

The library for web and native user interfaces.
+11.0k☆
2
Ripple

Ripple

the elegant TypeScript UI framework
+6.5k☆
3
Svelte

Svelte

web development for the rest of us
+4.6k☆
4
htmx

htmx

Access AJAX, WebSockets and Server Sent Events directly in HTML
+4.5k☆
5
Vue.js

Vue.js

A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
+4.3k☆

Reactは、2024年に同部門でトップだったhtmxから王座を奪還しました。

Reactの歴史の長さや、新規プロジェクトにはSolidSvelteのような代替案の方が優れているのではないかという議論は、LLMがReactのコードベースで学習されているため複雑化しており、代替案が勢いを増すのを難しくしています。この件については、Reactがデフォルトで勝利した理由をご参照ください。

React 19は、Activity APIやユーザーイベント管理のための強化されたフックなど、大幅な改善を導入しました。

エフェクトといえば、CloudflareのダッシュボードからuseEffectがAPIへの無限呼び出しを行ったことが原因で、Cloudflare自身がDDoS攻撃を受けてしまうという障害が発生しました

ReactのReact Server Componentsによるサーバーサイドへの移行は、近年最大の変化ですが、React Server Componentsにおけるリモートコード実行(RCE)の脆弱性であるReact2Shellのように、深刻な脆弱性も伴います。この脆弱性により、緊急のパッチリリースが必要となりました。(2025年12月3日, 2025年12月11日

2位のRippleは、TOP 5への新参者です。React、Solid、Svelteの長所を組み合わせた全く新しいUIフレームワークです。リアクティブプリミティブ、コンポーネントベースのアーキテクチャ、テンプレート構文を備えています。

現在は開発初期段階です。ReactにはNext.js、Vue.jsにはNuxt、SvelteにはSvelteKit、SolidにはSolidStartがありますが、Rippleはサーバーサイドレンダリングを処理するための独自のメタフレームワークを持つのでしょうか?

Svelteは3年連続で3位です。Svelte 5のRunesリアクティビティシステム($state、$derived、$effect)が、状態をモデル化する標準的な方法となりました。

React エコシステム

1
React Bits

React Bits

An open source collection of animated, interactive & fully customizable React components for building memorable websites.
+32.8k☆
2
shadcn/ui

shadcn/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
+26.3k☆
3
Excalidraw

Excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams
+25.1k☆
4
Onlook

Onlook

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
+19.4k☆
5
Vercel AI SDK

Vercel AI SDK

The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents
+9.7k☆

ゲストライター: Robin Wieruch

フリーランスのフルスタック開発者であり、『The Road to React』および『The Road to Next』の著者です。

Guest Writer rwieruch

2025年、Reactエコシステムは、サーバーサイドの強力な機能と、クライアントサイド開発のシンプルさと予測可能性を維持したいという願いとの間で、長年くすぶっていた緊張関係の明確な転換点に達しました。Next.jsが主導した、Reactのサーバーコンポーネント、サーバー関数、ストリーミングへの注力は、パフォーマンスとアーキテクチャにおける新たな可能性を切り開きました。同時に、この変化は新しいメンタルモデルを導入し、クライアントとサーバーの境界、データライフサイクル、レンダリングフェーズの理解が、日々の開発に不可欠となりました。

コミュニティの反応は二分されました。新しいサーバーファーストの方向性をReactの自然な進化と捉えて受け入れた人もいれば、日常的なUI開発において、追加される複雑さが正当化されるのか疑問視する人もいました。サーバー関数とリクエスト境界を巡るセキュリティインシデントは、この議論をさらに鋭くしました。これらは、高度に抽象化されたフルスタックパターンによってもたらされるリスクを露呈しましたが、同時に別のことも示唆していました。それは、Reactのサーバーサイドモデルが、本番環境で想定がテストされ、監査され、異議が唱えられるレベルの実際の採用に達していたということです。

こうした背景の中、TanStack Startは、よりクライアント中心(かつアイソモーフィック)な視点からReactの新しい機能にアプローチし、明瞭さ、型安全性、明示的な制御を優先することで注目を集めました。これは自然に、フレームワークを機能競争ではなく、開発者がどの程度の抽象化を受け入れるべきか、そして複雑さが真にどこに属するのかについての競合する哲学へと議論をシフトさせます。

この緊張関係が、次にReactエコシステムをどのような方向へ導くのか、私は非常に楽しみにしています。私は2年以上にわたりNext.jsでサーバーサイドReactを構築してきましたが、TanStack Startとその視点がもたらすものを探求することにも同様に興味があります。

バックエンド/フルスタック

1
Motia

Motia

Multi-Language Backend Framework that unifies APIs, background jobs, queues, workflows, streams, and AI agents with a single core primitive with built-in observability and state management.
+13.8k☆
2
Payload

Payload

Open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
+8.9k☆
3
Next.js

Next.js

The React Framework
+8.7k☆
4
Astro

Astro

A website build tool for the modern web — powerful developer experience meets lightweight output.
+7.2k☆
5
Hono

Hono

Web framework built on Web Standards
+6.8k☆

新顔のMotiaがバックエンド/フルスタック部門を制しました!Motiaは、従来複数の別個のフレームワークで実現していた機能を単一のシステムに統合し、バックエンドエンジニアリングのパラダイムシフトをもたらします。API、バックグラウンドジョブ、キュー、ワークフロー、ストリーム、AIエージェントといった異なるツールを使い分ける代わりに、Motiaはバックエンド全体をカバーする一つのフレームワークを提供します。

Motiaの中核となるのは「Steps」と呼ばれるプリミティブです。これは、コードがどのように実行され、いつ、どこで、何を実行するかを定義する単一の抽象化です。各Stepは、設定(トリガー、パス、スケジュールを定義)とハンドラー(ビジネスロジック)を持ちます。Stepのタイプを変更するだけで、APIエンドポイント、イベントハンドラー、cronジョブといった異なるユースケースに同じパターンが適用できます。

StepsはTypeScriptまたはPythonで記述可能です。さらに、管理、デバッグ、実行状況の監視を行うビジュアルコントロールパネルであるWorkbenchによる組み込みのオブザーバビリティ機能、および組み込みの状態管理とストリーミング機能も備えています。

続く4つのプロジェクトは、HonoとAstroの順位が入れ替わった以外は、2024年と同じ顔ぶれです。

昨年の1位であったPayloadは、Next.js向けのヘッドレスCMSと管理パネルを組み合わせたような存在です。特筆すべきはFigmaによる買収であり、デザインとコードの間のギャップを縮小することを究極の目標としています。

3位のNext.js 16では、キャッシングをより明示的かつ柔軟にするためにキャッシュコンポーネントが導入されました。これにより、開発者はサーバーから動的なコンテンツをストリーミングする静的ページシェルを作成できます。

4位のAstroは、開発者体験に優れ、パフォーマンスに重点を置いた、コンテンツ主導型のアプリケーション(お気に入りのJS Rising Starsのような!)を構築するための多用途なフレームワークとして輝き続けています。

5位のHonoは、軽量なコアがどこでも(Node.jsランタイム、Cloudflare Workersなど)実行可能で、豊富なハンドラーやミドルウェアのエコシステムを持つことから、モダンWebサーバーの標準となりました(Expressも依然として健在ですが!)。Honoのストーリーについてはこちらをご覧ください。

メタフレームワークのカテゴリにおける最大の変化は、React上でフルスタックアプリケーションを構築したい開発者にとって、Next.jsの優れた代替案の一つとしてTanstack Startが登場したことです。

ビルドツール

1
Bun

Bun

Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one
+10.8k☆
2
Vite

Vite

Next generation frontend tooling. It's fast!
+7.6k☆
3
Biome

Biome

A toolchain for web projects, aimed to provide functionalities to maintain them. Biome offers formatter and linter, usable via CLI and LSP.
+6.7k☆
4
Oxlint/Oxc Parser/Oxfmt

Oxlint/Oxc Parser/Oxfmt

A collection of high-performance JavaScript tools.
+5.2k☆
5
Nx

Nx

Get to green PRs in half the time. Nx optimizes your builds, scales your CI, and fixes failed PRs. Built for developers and AI agents.
+3.7k☆

ゲストライター: Sébastien Lorber

Sébastienは、45,000人以上のReact開発者に最新情報を提供しているThis Week in Reactを運営しています。

また、Meta Open Sourceに所属し、Docusaurusのリードメンテナーも務めています。

Guest Writer slorber

Bunは継続的な努力が実を結び、オールインワンJavaScriptツールキットをトップの座へと導きました。年間を通して、パフォーマンスの向上、Node.js互換性、そして多くの新しい有用な機能の提供が続けられ、フルスタックJavaScript開発のための優れたプラットフォームとなっています。BunはAnthropicによる買収で年を締めくくり、2026年にこのプロジェクトがどのような展開を見せるのか、私たちは楽しみにしています。

今年はvoid(0)にとっても重要な年でした。2024年後半に発表された同社は、新世代のフロントエンドインフラストラクチャーツール(Oxc、Rolldown)を開発しており、すでに未来の一端を垣間見せてくれています。主力プロジェクトであるViteは、年間を通して改善が続けられ、新しいEnvironment APIが安定化し、新しいRustベースのバンドラーRolldownの使用が可能になりました。プロジェクトは独自のドキュメンタリーまで公開されました。Vitestも最も期待されていた機能の一つであるブラウザモードをリリースしました。Oxcエコシステムからは、既存のツールに代わる魅力的な新しいプロジェクトが登場しています。Oxlintは新しいESLintになり、Oxfmtは新しいPrettierになる可能性があります。同社は新しいシリーズAの資金調達を発表し、初の商用製品となるVite+を発表して年を終えました。

Rspackについても言及する価値があります。ByteDanceが開発したこのRustベースのバンドラーは、webpackよりも高速なドロップイン代替製品であり、今年になって広く採用されているのも驚くことではありません。より広範なRstackエコシステムにも注目すべきであり、RstestRslintのような新しいツールの誕生につながっています。

Next.jsは最近、新しいデフォルトバンドラーとしてTurbopackに切り替え、以前のバンドラーであるwebpackよりも大幅な速度向上をもたらしました。Rspackを使用してNext.jsアプリをビルドすることも可能です。

まだ本格的なリリースではありませんが、今年最も重要な発表の一つは、MicrosoftがTypeScriptをGoで書き換えたことです。これにより、パフォーマンスが大幅に向上しました。チームは最近進捗状況を共有しており、ネイティブTypeScriptエクスペリエンスはすでに早期採用者向けに準備が整っているように見えます。TypeScript 6.0はJavaScriptベースの最後のリリースとなり、TypeScript 7.0(Goによる書き換え版)への橋渡しとなります。 2025年、モダンなインフラストラクチャーツールは、大企業またはVC支援企業から生まれることがますます増えており、今後数年間で、既存のコミュニティ主導のプロジェクトは競争力を維持できるのか、という重要な問いを投げかけています。

AI

1
n8n

n8n

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
+112.4k☆
2
Dyad

Dyad

Free, local, open-source AI app builder v0 / lovable / Bolt alternative Star if you like it!
+18.9k☆
3
Stagehand

Stagehand

The AI Browser Automation Framework
+17.1k☆
4
Mastra

Mastra

From the team behind Gatsby, Mastra is a framework for building AI-powered applications and agents with a modern TypeScript stack.
+15.0k☆
5
Flowise

Flowise

Build AI Agents, Visually
+14.6k☆
6
Vercel AI SDK

Vercel AI SDK

The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents
+9.7k☆
7
AI Chatbot

AI Chatbot

A full-featured, hackable Next.js AI chatbot built by Vercel
+8.5k☆
8
bolt.new

bolt.new

Prompt, run, edit, and deploy full-stack web applications. -- bolt.new -- Help Center: https://support.bolt.new/ -- Community Support: https://discord.com/invite/stackblitz
+5.0k☆
9
Midscene.js

Midscene.js

Driving all platforms UI automation with vision-based model
+4.8k☆
10
VoltAgent

VoltAgent

Open Source TypeScript AI Agent Framework with built-in LLM Observability
+4.6k☆

ゲストライター: Jack Herrington

YouTubeでチャンネル「Blue Collar Coder」を運営

Guest Writer jherr

2025年はワークフローの年、そして2026年は無視できない年になります

チャットボットの時代は終わりました。開発者の間で注目を集めているツールは、チャットボットライブラリやプロンプトプレイグラウンドではなく、ワークフローエンジンです。n8nは2025年に11万2千以上のスターを獲得し、記録を塗り替えています。これは驚くことではありません。n8nは、最先端のモデルをエージェント構築のために作られたツールに接続するためのデファクトスタンダードになりつつあります。DyadFlowiseMastraStagehandは、自動化とエージェント型ワークフローの代表格です。Vercelは、チャットとエージェント型フローを基盤レベルで制御したい人にとって、依然として人気がありますが、彼らもエージェント機能を追加しています。TanStack AIは新参者ですが、そのエージェント機能で注目を集めています。

そこで、2026年の宿題です。「LLMからより良い応答を得るにはどうすればよいか?」と尋ねるのをやめ、「完全にAIに任せられるワークフローは何か?」と問い始めてください。n8nやFlowiseを使って、イベントをトリガーとし、複数の選択肢を検討し、許可を求めずにアクションを実行するものを構築しましょう。Mastraエージェントを連携させ、複数のツールやプラットフォームを横断して連携させましょう。Stagehandを使ってブラウザタスクを自動化する実験も行ってみてください。

チャットボットは単なるトレーニング用補助輪でした。そろそろ外す時です。

また、ダークホースである「コードモード」にも注目してください。これは、MCP以来、この分野で最も大きな出来事になる可能性があります。

モバイル

1
Valdi

Valdi

Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer velocity.
+15.9k☆
2
Lynx

Lynx

Empower the Web community and invite more to build across platforms.
+14.0k☆
3
Expo

Expo

An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
+10.2k☆
4
Dioxus

Dioxus

Fullstack app framework for web, desktop, and mobile.
+5.7k☆
5
React Native

React Native

A framework for building native applications using React
+5.0k☆
6
React Native Reusables

React Native Reusables

Bringing shadcn/ui to React Native. Beautifully crafted components with Nativewind, open source, and almost as easy to use.
+3.3k☆
7
Capacitor

Capacitor

Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web
+2.2k☆
8
NativeWind

NativeWind

The utility-first workflow you love from Tailwind CSS in your React Native applications.
+1.9k☆
9
gluestack-ui

gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
+1.7k☆
10
Tamagui

Tamagui

Universal UI kit and style system for React Native + Web - with an optimizing compiler
+1.7k☆

ゲストライター: Jamie Birch

Web技術とネイティブ技術の融合を目指すクロスプラットフォームアプリ開発者

Guest Writer jamiebirch

初登場のフレームワーク

10年以上にわたるJavaScript Rising Starsの歴史において、React Nativeおよびその主要なメタフレームワークであるExpoが、モバイル部門のトップにランクインしないのは今回が初めてです。代わりに、両者はSnap(Snapchatの親会社)の社内フレームワークであるValdiと、ByteDance(Tiktokの親会社)の社内フレームワークであるLynxという、2つの新興フレームワークに取って代わられました。

ValdiLynxはReact Native開発者にとって馴染みのあるものでしょう。どちらもWebにインスパイアされており、ネイティブビューをレンダリングしつつ、TypeScript、JSX、flexboxレイアウト、ホットリロード、CSSをサポートしています。ValdiのコンポーネントはReactクラスコンポーネントを彷彿とさせますが、Lynxは命令型APIと本格的なReact抽象化(デフォルトで推奨)の両方をサポートしています。

これらが差別化されるのは、最適化されているビジネス要件においてです。Valdiは、パフォーマンスへの大きな影響なく、画面単位でのオプトイン採用を可能にするため、軽量、遅延ロード、スケーラビリティを考慮して設計されました。Lynxは、デュアルスレッドアーキテクチャを採用し、単一スレッドでのボトルネックなしにWebのような抽象化を提供することで、リッチなインタラクティビティを実現するように設計されています。

しかし、React Nativeを退けた新顔はこれだけではありません。4位のDioxusは、「より優れたFlutter」をWeb技術に基づいて提供することを目指す野心的なフレームワークですが、フル機能のWebビューの重さを伴いません。現時点ではシステムWebビューを使用するのがデフォルトですが、長期的にはネイティブグラフィックAPI(VulcanやMetalなど)をwgpu経由で使用して描画する軽量WebレンダラーであるBlitzを安定させることを目指しています。現在、DioxusアプリはRustのみでスクリプト化されていますが、将来的にはより多くの言語をサポートする計画があります。

既存技術

まずは、説明不要の既存技術についてです。React Native は今年も素晴らしいパフォーマンスを示し、待望のバージョン 1 に向けて着実に進歩しました。

  • バージョン 0.77 では Web への適合性が向上しました。
  • バージョン 0.78 では React 19 のサポートが導入されました。
  • バージョン 0.80 からは、安定した JavaScript API および 厳格な TypeScript API への移行が開始されました。
  • バージョン 0.81 では、プリビルドされた iOS バイナリが導入され (CocoaPods から Swift Package Manager への移行への道が開かれました)。
  • バージョン 0.82 では、旧アーキテクチャが廃止され、Hermes V1 のオプトインサポートが追加されました。
  • バージョン 0.83 では、史上初の非破壊リリースが提供されました。

この驚異的な勢いと、今年設立された React Foundation による長期的な保証により、React Native は引き続きクロスプラットフォーム技術スタックにおいて確実な選択肢であり続けます。

Vue エコシステム

1
Slidev

Slidev

Presentation Slides for Developers
+9.3k☆
2
Nuxt

Nuxt

The Progressive Web Framework.
+3.7k☆
3
Vue Bits

Vue Bits

An open source collection of animated, interactive & fully customizable Vue components for building stunning, memorable websites.
+3.5k☆
4
shadcn-vue

shadcn-vue

Vue port of shadcn-ui
+3.4k☆
5
VitePress

VitePress

Vite & Vue powered static site generator.
+3.2k☆
Loading
Loading
Loading
Loading
Loading
Loading
Loading

おわりに

今年の最大のニュースの一つは、Claude CodeやClaudeファミリーのLLMで知られるAnthropicによる、Bunの買収です。

Bunは、JavaScriptランタイムとして2022年に注目を集めました。AIの急速な台頭が、クラウド製品(Denoが提供するDeno Deployのようなもの)開発から、AIエージェントの強化へとビジョンをシフトさせたことは興味深い展開です。

AIコーディングツールは急速に進化しており、Bunの単一ファイル実行可能形式を利用して、どこでも動作するCLIやエージェントが提供されています。

JavaScriptコミュニティにとってもう一つ重要なニュースは、長年Next.jsの顔であったLee Robinson氏(2020年には当社のゲストライターでもありました!)がCursorに入社し、開発者向けのAI教育コンテンツを提供していることです。特に、初心者向けの学習コースは大変おすすめです。

オープンソースコミュニティでお馴染みの顔といえば、Anthony Fu氏(ViteVitestなど多数のプロジェクトを手掛ける)や、Daniel Roe氏、Sébastien Chopin氏(Nuxt)がVercelに入社したことです。VercelはNext.jsとReactに注力することで知られており、これらのフレームワークの多様性にとって良い兆候と言えるでしょう。

Remix 3の発表は大胆な一歩でした。Remixのクリエイター(React Routerのクリエイターでもあります)はReactから離れ、Webプラットフォームにこれまで以上に賭けることを決定しました。これはRemixユーザーがお気に入りのフレームワークを失うことを意味するわけではなく、Remix 2はReact Routerフレームワークへと進化しました。

ReactとRemixが異なる未来を選択した理由についての興味深い記事があります。

Reactは、複雑さを犠牲にすることになっても、安定性の道を追求しています。一方Remixは、シンプルさを最優先目標としています。

Remix 3の正式リリースは、2026年のハイライトとなることは間違いありません。

Reactといえば、ディレクティブパターンが今年、一部で論争を巻き起こしました。ディレクティブパターンは、Reactが登場するずっと以前のuse strictから始まり、最近になって話題となりました。

  • React Server Components (RSC) は、コンポーネントがクライアントサイド専用であることをコンパイラに伝えるためにuse clientを導入しました。
  • use serverは、Server Actionsと呼ばれるHTTPエンドポイントとして関数を公開します。
  • Next.js 16で導入されたuse cacheは、ページ、コンポーネント、または関数のレベルでキャッシュを設定します。
  • わずか2ヶ月前に作成されたばかりの新しいプロジェクト「Workflow」では、use workflowuse stepにより、ディレクティブがさらに進化しました。これはインフラ層に影響を与え、長期間実行可能な強力な非同期ワークフローの作成を可能にします。

これらのディレクティブは、明示的な実行時契約ではなく、ビルド時規約に依存しており、30年を経た言語の将来について興味深い議論を生んでいます。Tanner Linsley氏(TanStackの立役者!)によるディレクティブとプラットフォームの境界に関する記事をお読みください。

2025年は、良いことばかりではありませんでした。年末に見つかったReact2Shellの脆弱性については既に言及しましたが、npmエコシステム全体が、数千のnpmパッケージとGitHubリポジトリを侵害した巧妙なキャンペーン「Shai-Hulud」サプライチェーン攻撃の標的となりました。この攻撃は、我々の依存関係エコシステムの脆弱性と、より優れたセキュリティプラクティス、依存関係監査、サプライチェーン保護の必要性を浮き彫りにしました。

2026年に何を期待するか?開発者にとって、エージェントワークフローの習得は必須スキルとなるでしょう。同時に、AIに全てのコントロールを委ねてしまい、品質やクリーンコードを妥協したくはありません。 適切なバランスを見つけることが鍵となるでしょう。

Japanese version

Naoki Haba

Front-end Developer loving Vue ecosystem

Built by

Available Translations

English

Español

中文