Svelteの将来性は？流行らない理由・デメリットとReact/Vue比較で採用判断【2026年11月】

Svelte（スベルト、英語で「ほっそりした」の意）は、ビルド時のコンパイルで仮想DOMを不要にしたフロントエンドフレームワークです。2026年10月、npmの月間ダウンロード数でAngularを上回りました。それでも国内のフリーランス案件サイト、レバテックフリーランスで「Svelte」を検索すると、ヒットは1件（募集終了）しかありません。この記事では、npm・Stack Overflow Developer Survey 2026・State of JS 2025・W3Techs・案件サイトの数値を2026年11月2日時点で取り直し、Svelteの将来性、「流行らない」と言われる理由、デメリット、Svelte 6の現状、採用してよい案件の条件を整理します。

まとめ：技術は伸び、国内の採用が細いSvelteの将来性

結論として、Svelteの開発が止まる心配はほぼありません。npmの月間ダウンロードは2026年10月に約2,533万回となり、Angular（約2,278万回）の約1.11倍に達しました。1年前の2025年10月はAngularの47%でした。2026年10月1日にはSvelteKit 3も正式版になり、本体も5.57.3（2026年10月26日、npm公開時刻のUTC基準）まで更新が続いています。

弱いのは「選ばれる段階」です。Stack Overflow Developer Survey 2026では、使った人が使い続けたい割合（admired）が59.4%でReact（46.7%）・Vue.js（47.2%）より高い一方、今後使いたい割合（desired）は9.9%でReact（24.2%）の半分以下で、現ユーザー分を除いた未経験者の推計でも約5.7%とReact（約8.2%）を下回ります。国内の案件はさらに細く、レバテックフリーランスのキーワード検索ではReact 8,110件に対しSvelteは1件（募集終了）です。

採用の判断は、配信サイズが品質に効くか、メンバーを固定できるかで分けてください。少人数で性能を詰めるプロダクトならSvelteに分があります。採用市場から人を集めて体制を広げる前提なら、React・Vueを選ぶほうが安全です。

Svelteとは：コンパイラで仮想DOMをなくすフレームワーク

仮想DOMを持たないコンパイラ方式

ReactやVueは、ブラウザ上で仮想DOM（実際のDOMを模した中間表現）を作り、差分を計算して画面を更新します。そのためのランタイムが、利用者のブラウザへ毎回配信されます。

Svelteはこの処理をビルド時に済ませます。コンパイラがDOMを直接書き換えるJavaScriptを出力するため、仮想DOM用のランタイムは配信物に含まれません。コンポーネント内のstyleも、コンパイラがsvelte-1a2b3cのようなハッシュ付きクラスへ変換するので、CSSの衝突を命名規約に頼らず防げます。実行時のJavaScriptを減らすという考え方はAstroとも共通しており、その比較はAstroとReactの違いと使い分け｜AstroでReactを使う方法【Astro 7対応】で扱っています。

SvelteとSvelteKitの役割分担

SvelteはUIコンポーネントを作る部分だけを担い、ルーティングやサーバーサイドレンダリング（SSR）は含みません。アプリ全体を作るときは公式のSvelteKitを組み合わせます。ReactとNext.js、VueとNuxtの関係と同じで、業務でSvelteを選ぶことは、ほぼSvelteKitを選ぶことです。

SvelteKitは2026年10月1日にバージョン3.0が公開されました。設定ファイルがsvelte.config.jsからvite.config.tsへ移り、$libエイリアスは#libに変わっています。npmの@sveltejs/[email protected]はNode.js 22.17以上とsvelte 5.57.1以上を要求します。導入手順と3.0の変更点はSvelteKitとは？読み方・Svelteとの違いと始め方、SvelteKit 3の変更点【3.1対応】にまとめました。

数値で見るSvelteの現在地（2026年11月）

2026年10月にAngularを上回ったnpm月間ダウンロード

実際のインストール回数に最も近いのが、npmの公開統計です。npmのダウンロードAPIから月間合計を集計しました（2026年11月2日取得）。

SvelteはAngularの47.0%（2025年10月）から111.2%（2026年10月）へ伸び、2026年5月に91.5%、8〜9月に約96%と差を詰めたうえで10月に逆転しました。ただし10月はAngular側が前月比で約1割減った月でもあり、差は今後また入れ替わる可能性があります。最新版はsvelteが5.57.3、@angular/coreが22.2.4です。

もう一つの注意点として、Reactも1年で3.26倍に増えています。ダウンロード数はCIや自動化された環境構築の回数もそのまま数えるため、増加分のすべてが開発者の増加とは限りません。Reactに対する比率で見ると、Svelteは4.1%から3.6%へわずかに下がりました。「Angularは抜いたが、Reactとの差は縮まっていない」と読むのが正確です。

実サイト普及率0.1%と大手メディアに偏る採用例

稼働中のWebサイトを調べるW3Techsでは、Svelteの利用は全サイトの0.1%、JavaScriptライブラリが判明しているサイトの0.2%です（2026年11月時点）。同じ基準でReactは6.0%、Vue.jsは0.6%、Angularは0.2%でした。

それでもW3Techsが挙げる採用サイトにはThe New York Times、The Guardian（一部ページ）、IKEA、Brave（サブドメイン）が並び、国内ではnote.com（一部ページ）も入っています。サイト全体ではなく、性能が効く一部のページやサービスでの採用が目立ちます。

開発者調査：SO 2026で使用率7.8%、State of JS 2025で満足度86%

Stack Overflow Developer Survey 2026のWebフレームワーク設問（回答者10,281人）で、Svelteの使用率は7.8%でした。2025年版（回答者23,678人）は7.2%でしたが、回答者数が半分以下になっているため、0.6ポイントの差は伸びと断定できる幅ではありません。React 41.5%、Vue.js 17.2%、Angular 16.0%との差はまだ大きく、SvelteKitは別項目で5.6%です。

フロントエンド開発者が中心のState of JavaScript 2025では、ライブラリの満足度比率（使った人のうち「また使いたい」の割合）でSvelteが86%、SvelteKitが88%でした。Vue.jsは84%、Reactは72%、Angularは48%です。どちらの調査でも、満足度ではSvelteがReactを上回るという結果は一致しています。

「Svelteは流行らない」と言われる理由

満足度もダウンロードも伸びているのに「流行らない」と言われる原因は、品質ではなく選ばれ方にあります。

admired 59.4%とdesired 9.9%の差が示す選ばれにくさ

Svelteは使い続けたい割合で主要4つのうち最も高いのに、今後使いたい割合ではAngularをわずかに下回りました。ただしdesiredは回答者全体に対する割合で、すでに使っていて続けたい人も含みます。使用率×admiredで現ユーザー分を差し引くと、未経験者のうち今後使いたい人は推計でSvelte約5.7%、React約8.2%、Vue.js約6.4%、Angular約4.4%です。Angularより関心は集めていますが、React・Vue.jsには届きません。使った人は離れないが、未経験者の第一候補にはなりにくい。これが「流行らない」と言われる中身です。

採用・外注・引き継ぎまで考えて技術を選ぶ立場では、使った人の満足度よりも次の基準が重く見られます。求人票に書けるか、外注先が対応できるか、担当者が辞めたら代わりを採れるか。この基準で比べると、満足度の高さは判断材料になりにくいのです。

Angular 405件に対し1件の国内案件

日本ではこの傾向がさらに強く出ます。レバテックフリーランスのキーワード検索で同じ条件（募集終了を含む既定表示）のまま件数を比べました（2026年11月2日）。

npmではAngularを上回ったSvelteが、国内案件では405対1です。唯一の1件もSvelteKitとTypeScriptを使う広告クリエイティブ生成ツールの開発で、すでに募集は終わっていました。フリーランス案件サイトのフリーランスコンシェルジュも、2026年11月1日更新の記事でSvelteの絞り込みタグ自体が無いと書いています。海外のOSSや個人開発、スタートアップの自社開発で伸びている数字が、国内の受託・SES市場にはほとんど届いていません。Svelteを学ぶ人は、仕事の入口をReactやTypeScriptの案件で確保し、Svelteは自社開発や個人開発で使う、という順番で考えるのが現実的です。

旧記法のまま残る日本語情報

Svelte 5で状態管理の記法が変わったため、日本語の解説記事や書籍には旧記法（$:やストア中心の書き方）のまま更新されていないものが多く残っています。学習は公式ドキュメントを軸にし、他の記事はSvelte 5対応かを確かめてから参照してください。

Svelte 5の現在とSvelte 6のロードマップ

runesで明示的になったリアクティビティ

2024年10月19日にnpmで公開された（公式告知は10月22日）Svelte 5は、状態管理を「runes」に刷新しました。$state・$derived・$effect・$propsなどの記号で、どの値が変化を伝えるかをコード上に書きます。

<script>
  let count = $state(0);
  let doubled = $derived(count * 2);
</script>

<button onclick={() => count++}>{count} / {doubled}</button>

旧来の$:記法では、どの変数に反応するかをコンパイラが推測していました。runesでは宣言を読めば依存関係が分かるため、コードが大きくなるほど読み違いが減ります。既存のSvelte 4のコンポーネントはlegacy modeとして動き続けるので、新しく書く部分からrunesにそろえ、改修のたびに置き換える移行で足ります。手順は公式のSvelte 5移行ガイドにあります。

Svelte 6は未リリース、焦点は非同期処理

2026年11月2日時点で、Svelte 6はリリースされておらず、npmにもプレリリース版はありません。公開日の告知もありません。

中身の手がかりは2つあります。1つ目はawait式です。Svelte 5.36から、コンポーネントの<script>直下・$derivedの中・マークアップの3か所でawaitを書けるようになりました。ただしexperimental.asyncを有効にする実験的機能で、公式ドキュメントは「この実験的フラグはSvelte 6で削除される」と明記しています。SvelteKit 3の告知でも、型安全なサーバー通信の仕組み「remote functions」は最優先で進めているがまだ完成していないと書かれ、その利用には同じ実験的フラグが必要です。

2つ目はGitHubの「6.0」マイルストーンです。未完了17件・完了2件で、{#await}ブロックの削除を検討する課題や、Safari 18未満向けの回避コードを外す破壊的変更が並んでいます。Svelte 6は非同期処理を標準にし、古い構文と古いブラウザへの対応を整理する版になる見込みです。いま新規に書くなら、await式を本番で使うのはSvelte 6を待ち、それまではSvelteKitのload関数でデータを取る書き方にとどめるのが安全です。

開発体制：Vercel在籍の作者とリリースのペース

作者のRich Harris氏は2021年11月にVercelへ入社し、Svelteを専任で開発する体制になりました。Vercelの発表は、Svelteが独立したオープンソースプロジェクトであり続けると明言しています。資金はVercelだけではなく、Open Collectiveでは562の支援者から年間約1万8,235ドルを受け入れ、残高は約8万8,749ドルです（2026年11月2日）。

リリースは5.0.0（2024年10月19日）から5.57.3（2026年10月26日）までに57回のマイナー更新を重ねました。一方で5.56.0（2026年5月29日）から5.57.0（8月28日）までは3か月空き（いずれもUTC）、公式ブログの2026年10月1日号も、9月のSvelte本体について「静かな月だった」と書いています。開発の重心がSvelteKit 3と次の版へ移っている時期で、11月19〜20日にはSvelte 10周年を祝うSvelte Summitがスロベニアのリュブリャナで開かれます。

配信サイズと周辺規模で分かれるSvelteのメリット・デメリット

メリット：配信サイズと記述量の少なさ

仮想DOM用のランタイムを配信しない分、初期表示に必要なJavaScriptが小さくなります。本文のカウンターをVite 8.3.5で本番ビルドすると、svelte 5.57.3は25.32kB（gzip 10.16kB）、同じ動きのReact 19.3.1は219.58kB（gzip 68.63kB）でした。これはランタイム分の固定費の差なので、画面が増えれば比率は縮みますが、回線が遅い環境や性能の低い端末ほど初期表示に効きます。HTML・CSS・JavaScriptを1つの.svelteファイルにまとめられ、JSXのようにclassをclassNameへ書き換える必要もありません。CSSのスコープ分離もコンパイラが担うため、立ち上げ時に決める設定と依存パッケージが減ります。

デメリット：エコシステム・人材・記法変更

弱みは周辺の薄さと追随の遅れです。データテーブル（@tanstack/svelte-table）やフォーム（sveltekit-superforms）のように主要な部品にはSvelte版がありますが、選択肢の数はReactより少なく、メジャー更新への追随も遅れます。たとえばAuth.jsのSvelteKit版（@auth/sveltekit 1.11.3）は、2026年11月2日時点でpeerDependenciesが@sveltejs/kit ^1.0.0 || ^2.0.0のままで、10月1日に出たSvelteKit 3を対象に含めていません。前述のとおり国内の案件はほぼなく、採用する側は経験者を見つけにくく、エンジニア側は職務経歴として活かしにくい。Svelte 5での記法刷新で4系の社内資料が古くなったように、メジャー更新のたびに書き方が変わる点も、10年単位で保守する業務システムでは負担になります。

React・Vue・AngularとのDL数・満足度・国内案件の比較

Reactは情報量・ライブラリ・案件のすべてで最大で、チームを拡大する前提なら第一候補です。Vueは日本語の情報と公式エコシステムが厚く、国内案件もSvelteの千倍以上あります。両者で迷う場合はReactとVue 3の違いを比較｜どっちを選ぶべきか【React 19.3・Vue 3.5対応】を参考にしてください。同じく満足度の高い少数派のSolidJS（State of JS 2025で5年連続の満足度1位）は、SolidJSとは？Reactとの違い・Signalの仕組みと始め方【1.9／2.0 RC対応】で比較できます。

Svelteを採用すべき案件・避けるべき案件

Svelteは全社標準に据える技術ではなく、条件が合う案件で選ぶ技術です。判断の軸は次のとおりです。

• 初期表示速度や配信サイズが品質・コンバージョンに直結する → Svelteが有力
• データ可視化やインタラクティブな表現が中心のページ → Svelteが有力
• 1〜5名程度で立ち上げ、当面メンバーを固定できる自社開発 → Svelteが有力
• 短期で人員を増やす、退職時の代わりを採用で埋める → React・Vue（レバテックで1件という国内案件の少なさが最も重く効く条件）
• 既存のReact資産やコンポーネントライブラリを流用したい → React
• 受託で納品し、保守を別の会社へ引き継ぐ可能性がある → React・Vue

迷う場合は、既存のReact構成を残したまま、性能の厳しい1画面だけをSvelteで作り、表示速度とバンドルサイズを測ってから広げる方法をおすすめします。学習コストも1画面分で済みます。フレームワーク選定を含めて業務システムやWebアプリの開発体制を検討している場合は、業務用・Webアプリ開発の支援もご相談ください。主要フレームワーク全体の見取り図はWebアプリケーションフレームワークとは？主要フレームワークの比較と選び方【2026年10月】にまとめています。

よくある質問

Svelteに将来性はありますか？

開発の継続という意味ではあります。npmの月間ダウンロードは2026年10月にAngularを上回り、SvelteKit 3も同月に正式版になりました。ただし国内の案件はほとんどなく、仕事で使えるかという意味では自社開発か受託かで評価が分かれます。

Svelteはなぜ流行らないと言われるのですか？

使った人の評価は高いのに、使ったことのない人に選ばれにくいためです。Stack Overflow Developer Survey 2026では使い続けたい割合が59.4%でReact（46.7%）を上回る一方、今後使いたい割合は9.9%でReact（24.2%）の半分以下でした。現ユーザー分を除いた未経験者の推計でも約5.7%とReact（約8.2%）に届きません。国内ではレバテックフリーランスの案件が1件しかなく、求人や外注のしやすさで選ばれにくい状況です。

Svelteのデメリットは何ですか？

技術よりも周辺の規模が課題です。ライブラリの選択肢、日本語の情報、国内の案件と経験者がReact・Vueより少なく、Auth.jsのSvelteKit版のようにメジャー更新への追随が遅れる部品もあります。

Svelteの普及率はどのくらいですか？

W3Techsでは全Webサイトの0.1%、JavaScriptライブラリが判明しているサイトの0.2%です（2026年11月時点）。開発者調査ではStack Overflow 2026の使用率が7.8%で、どの指標を見るかで数字は変わります。

Svelte 6はいつリリースされますか？

2026年11月2日時点で公開日は告知されておらず、プレリリース版もありません。最新安定版は5.57.3です。公式ドキュメントは、await式を有効にするexperimental.asyncフラグがSvelte 6で削除されると明記しており、非同期処理の標準化が中心になる見込みです。

SvelteとSvelteKitの違いは何ですか？

SvelteはUIコンポーネントを作るフレームワーク、SvelteKitはルーティングやSSRを含めてアプリ全体を作る公式のフルスタックフレームワークです。ReactとNext.jsの関係に当たり、最新版は2026年10月1日に公開されたSvelteKit 3系です。

Svelteの読み方と意味は？

「スベルト」と読みます。英語のsvelteは「ほっそりした」「すらりとした」という意味で、ランタイムを配信せず出力を小さく保つ設計がそのまま名前になっています。

関連記事

• SvelteKitとは？読み方・Svelteとの違いと始め方、SvelteKit 3の変更点【3.1対応】
• ReactとVue 3の違いを比較｜どっちを選ぶべきか【React 19.3・Vue 3.5対応】
• SolidJSとは？Reactとの違い・Signalの仕組みと始め方【1.9／2.0 RC対応】
• AstroとReactの違いと使い分け｜AstroでReactを使う方法【Astro 7対応】
• Webアプリケーションフレームワークとは？主要フレームワークの比較と選び方【2026年10月】