Svelte

どんなツールか

Svelte は 2016 年に Rich Harris が公開した、UI 構築のためのツールです。React や Vue が「ブラウザ上で動くランタイム（実行用ライブラリ）」を必要とするのに対し、Svelte は ビルド時にコードをコンパイルし、素の JavaScript に変換してしまうのが最大の違いです。

「結局なに？」でいえば、**フレームワークというより“コンパイラ”**で、書いたコンポーネントを最適化済みの軽量な JavaScript へと事前変換する仕組みです。

特徴・設計思想

ランタイムを極力持たないため、出力される成果物が小さく、動作も軽快です。仮想 DOM を介さず、必要な箇所を直接更新するアプローチを取ります。

• 軽量・高速：ランタイムを最小化し、配信されるコード量が少ない。
• 記述量が少ない：定型のお作法が少なく、素直で読みやすいコードになる。
• リアクティブが言語に内蔵：状態の変化に応じた再描画を、特別な API なしに自然に書ける。

let count = 0;
function increment() {
  count += 1; // 代入するだけで画面に反映される
}

得意・不得意

得意なのは、軽さ・速さが効くサイトや、シンプルに素早く作りたい場面です。学習の初速も出やすく、少ないコードで動くものが手に入ります。

不得意というより成熟度の問題として、エコシステムや求人がまだ小さい点があります。周辺ライブラリや事例、採用市場の広さでは、React など先行勢に及びません。

いつ選ぶか（他との違い）

パフォーマンスやバンドルサイズを重視し、書き味の良さを取りたいなら Svelte は魅力的です。個人開発や、技術選定の自由がきくプロジェクトと相性がよいでしょう。

一方、情報量・人材・実績の厚みを優先する業務開発では、React や Vue のほうが安心です。Svelte は 「軽さと簡潔さ」を最優先するときの尖った選択肢 と位置づけると判断しやすくなります。