Skip to main content

Svelte

サイバネティクスで強化されたWebアプリ
The Svelte compiler packaging up your component code
Svelte logotype

Write less code

既存の言語(HTML、CSS、JavaScript)で、ボイラープレートのないコンポーネントを作成することができます

さらに詳しく

No virtual DOM

Svelteは、コードをフレームワークを含まない小さいvanilla JSにコンパイルします - アプリは高速に起動し、そのスピードを維持します

さらに詳しく

Truly reactive

複雑な状態管理ライブラリは必要ありません - SvelteはJavaScriptそのものにリアクティビティをもたらします

さらに詳しく

Svelteはユーザーインタフェースを構築する先鋭的で新しいアプローチです。ReactやVueのような 従来のフレームワークがその作業の大部分を ブラウザ で行うのに対し、 Svelteはその作業を アプリをビルドする際の コンパイル時 に行います。

Svelteは仮想DOMによる差分検出のようなテクニックを使用する代わりに、 アプリケーションの状態が変化したときにDOMを外科的に更新するコードを生成します。

Svelteが、最近行われた2つの調査で 最も愛されているWebフレームワーク開発者が最も満足しているフレームワーク にそれぞれ選出されたことを誇りに思います。あなたにもきっと気に入って頂けると思います。もっと詳しく知りたい方は こちらの紹介記事 をご覧ください。

npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install
npm run dev
			

TypeScriptサポートやその他詳細については クイックスタートガイド をご覧ください。

Svelteを学ぶ

Why Svelte?

more  examples

Svelte components are built on top of HTML. Just add data.

Who's using Svelte?

1Password logo Alaska Airlines logo Avast logo Chess.com logo FusionCharts logo GoDaddy logo IBM logo Les Echos Philips logo Rakuten logo Razorpay logo Square The New York Times logo Transloadit
The Svelte logo in a ball pit
We stand with Ukraine. Donate → We stand with Ukraine. Petition your leaders. Show your support.