トップ OSS紹介 Svelte

Svelte

NRIのOpenStandiaが提供するSvelte最新情報

バージョンアップ情報

Svelte情報

Svelteとは

Svelte(スベルト)は、2016年11月に初版が公開された、比較的新しいJavaScriptライブラリです。
最大の特徴は、React、Vue等とは異なり、コンパイル時にライブラリのコードがほぼ無い状態のPureなJavaScriptファイルを生成することです。
そのため、Svelteのライブラリとしての立ち位置はUIライブラリではなく、コンパイラとなります。
The State of JavaScript 2021の結果からも、注目度が高い状態であることが確認できます。

主な特徴

Svelteは、下記の特徴を持つライブラリです。

Write less code

Svelteでは、ボイラープレートのない簡潔な記載を行うことができるため、従来のライブラリ(React、Vue)と比較して、少ないコード量で簡潔に実装することが可能です。

No Virtual DOM

React、Vue等のライブラリでは、仮想DOMを利用するため、ライブラリの実装をビルド後のファイルに含めた状態となります。
しかし、Svelteでは仮想DOMを利用せず、コンパイル時に「値(state)の変更を検知してDOMへ反映する」コードを生成します。
仮想DOMを経由しないため、パフォーマンスがより向上することを期待できます。

Truly reactive

hooks等により値の変更を通知する必要はなく、変数の更新により値が反映されます。

動作環境

前提となる動作環境は、以下のとおりです。

  • Node 16以降
  • webpack を使用している場合は、webpack 5 以降
  • TypeScript を使用している場合は、TypeScript 5 以降

Svelteのライセンス

Angular、React等と同じくMITライセンスです。
MITライセンスは、数あるソフトウェアライセンスの中で最も制約が少なく、ソースコードの無償の使用のほか、改変、再配布することも認められています。

オープンソース年間サポートサービス

OpenStandiaではOSSを安心してご利用いただけるように、オープンソース年間サポートサービスをご提供しております。
サポートしているOSSは下記ページをご参照ください。

お気軽にお問い合わせください

関連OSS

  • Vue.js
    サポート対象

    Vue.js

    ヴュー・ジェイエス。SPA(シングルページアプリケーション)に向いたJavaScriptフレームワークです。

  • React
    サポート対象

    React

    リアクト。Facebookが作成したMVCモデルのView領域を担当するJavascriptのUIライブラリです。

  • Angular
    サポート対象

    Angular

    アンギュラー。Googleが開発を行っているMV*モデルのJavaScriptのアプリケーションフレームワークです。

オープンソースに関するさまざまな課題、OpenStandiaがまるごと解決します。
下記コンテンツも
あわせてご確認ください。