Svelte とは？

ReactやVueは、ブラウザでアプリが動いているときにフレームワーク本体も一緒に動いているんだ。でもSvelteはビルドの段階で全部普通のJavaScriptに変換されるから、ブラウザにはフレームワークのコードが残らないんだよ。「変身を解いたら普通のJS」って感じだね。

ReactやVueは「仮想DOM」というメモリ上のコピーを使って、変更箇所を計算してから本物のDOMを更新するよね。Svelteはコンパイル時に「この変数が変わったらこのDOM要素を更新する」というコードを直接生成するから、仮想DOMの比較処理が不要なんだ。

本当だよ。たとえばReactで状態管理するにはuseStateフック、VueならrefやreactiveAPIが必要だけど、Svelteは「let count = 0;」だけでリアクティブな変数になるんだ。ボイラープレート（お決まりの定型コード）がとても少ないよ。

Svelteをベースにしたフルスタックフレームワークだよ。ReactにおけるNext.js、VueにおけるNuxtみたいな立ち位置で、ルーティング・サーバーサイドレンダリング・APIエンドポイントなんかの機能が入ってるんだ。

エコシステムがReactやVueに比べてまだ小さいから、欲しいライブラリが見つからないことがあるんだ。あとSvelte 5で導入された「Runes」という新しいリアクティビティの仕組みは、今までのSvelteの「書くだけでリアクティブ」という素朴さとは設計思想が変わって、$state()や$derived()を明示的に使う方式になったんだ。既存プロジェクトの移行方針をどうするかは、Svelteコミュニティでも議論が続いていて、長く使ってきた人ほど戸惑うポイントだったりするよ。