TL;DR

Web のユーザインタフェースを作るためのフレームワーク。HTML、CSS、JavaScript で宣言的に書いたコンポーネントを、コンパイラで無駄のない JavaScript に変換する。

仕組み

Svelte の公式ドキュメントによると、コンポーネントはマークアップ、スタイル、スクリプトを 1 つのファイルに書く。これを実行時に解釈するのではなく、ブラウザに届く前にコンパイラが最適化された JavaScript に変換する。単独のコンポーネントにもアプリケーション全体にも使え、フルスタックのアプリケーションには SvelteKit を組み合わせる。

Svelte 5 では $state のように $ で始まる Rune で、リアクティブな状態や振る舞いを明示的に書く。

例

  • SvelteKit: Svelte のメタフレームワーク
  • Svelte CLI: アプリケーションを作成・保守するためのコマンドラインツール(sv)
  • Svelte MCP: コーディングエージェントに Svelte と SvelteKit の文脈を与える公式の MCP サーバー

関連

出典