JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に

今回は「JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に」についてご紹介します。

関連ワード (実現、実行時、縮小等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


JavaScriptのUIフレームワーク「Svelte」の最新版となる「Svelte 4」が正式にリリースされました。

https://t.co/9qz0sDglCe

— Svelte 4 Ever (@SvelteSociety) June 22, 2023

Svelteは読みやすく簡潔なコードでWebアプリケーションのユーザーインターフェイスを構成できるフレームワークです。Stack Overflowの調査では開発者の人気が急速に高まっていることでも注目されています。

Svelteの最大の特徴はコンパイラであるということです。UIフレームワークは、なんらかのライブラリをアプリケーションに同梱することが一般的ですが、Svelteではコードをコンパイルして、いわゆるバニラJavaScriptを生成する仕組みです。

仮想DOMを使わず、コンパイル時に状態が変化する箇所を特定し、その変更のためのJavaScriptを生成することで実行時の高速な状態変更を実現することも特徴とされています。

このSvelteを基に、ルーティングやサーバーサイドレンダリング、ビルドツールなどを加えてフルスタックなアプリケーションフレームワークとしたのが、昨年(2022年)12月にリリースされた「SveltKit」です。

参考:Webアプリケーションフレームワーク「SvelteKit 1.0」正式リリース。SSR/SSG/SPAなど対応

ちなみに、Svelte/SvelteKitの作者であるRich Harris氏は現在、Next.jsの開発元として知られるVercelの社員となっています。

Sveltパッケージが10MBから3MBにまで縮小

Svelt 4は2019年にリリースされたSvelt 3以来、4年ぶりのメジャーバージョンアップとなります。

ただし今回はSvelt 5のリリースに向けた前段階としてのメンテナンスリリースだと説明されており、大きな機能追加や変更はありません。下記は「Announcing Svelte 4」からの引用です。

Svelte 4 is mainly a maintenance release, bumping minimum version requirements and tightening up the design in specific areas. It sets the stage for the next generation of Svelte to be released as Svelte 5 – we think you’ll love it.

Svelte 4は主にメンテナンスリリースであり、要件としての最小バージョンの引き上げと特定の領域で設計を強化しました。これはSvelteの次世代としてリリースされるSvelte 5(きっと気に入ってもらえると思いますが)の準備段階としてのリリースです。

Svelt 4では、Sveltのパッケージ自身が非常に小さくなりました。具体的には、10.6MBだったものが2.8 MBにまで縮小したとのことです。

さらにこの2.8MBのうち多くの部分を構文チェックなどを行うESLintが占めており、現在ESLintはCommonJSベースからES Moduleベースへと全面的に書き換えられているところなので、この書き換え後のESLintが採用されれば、Sveltのパッケージはさらに約半分になるとのことです。

ただし前述の通り、Svelteはライブラリではなくコンパイラなので、Svelteのパッケージが小さくなることはアプリケーションのバンドルサイズが小さくなるのではなく、ビルド時などにSvelteをロードしてコンパイルを実行する際の時間が短くなる、という効果になります。

また、Webアプリケーションのイベントに紐付けられるコード(Hydration Code)もより小さく高速になっているとのことです。

このタイミングで「svelte.dev」の公式ドキュメントも刷新され、より読みやすいレイアウトになりました。Svelte 3からSvelt 4へのマイグレーションガイドも公開されています。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
KDDIの大規模通信障害、影響は最大3915万回線–事象が重なり復旧に遅れ
IT関連
2022-07-05 23:38
パナソニックの保冷ボックス、4月からレンタル 保冷剤で低温を最大18日間保持 ワクチン輸送に活用
IT関連
2021-03-04 15:33
「フォートナイト」のゲームプレイがHousepartyを通じて友人たちに配信可能に
ゲーム / eSports
2021-04-07 18:06
米国務省、サイバー犯罪情報に1000万ドルの報奨金(暗号通貨で支払い)
アプリ・Web
2021-07-17 08:19
NEC、1台のカメラで顔と虹彩の両方を認証できる技術を開発
IT関連
2024-11-24 23:15
マイクロソフトによる「Microsoft Cloud」の説明が新鮮に聞こえたのはなぜか
IT関連
2022-10-22 22:23
システム開発の内製化における、マーケットインの視点による人材モデル
IT関連
2023-12-23 23:17
Redditが透明性レポート公表、大きなスパム問題は大きく政府からの削除要請は少なめ
ネットサービス
2021-02-18 19:54
Apple、オンラインイベント「Spring Loaded.」を開催すると発表 日本時間4月21日午前2時から
IT関連
2021-04-15 03:23
SNS活用などデジタルマーケ特化の転職エージェントサービス サイバーバズが提供
キャリア・しごと
2021-06-22 03:47
賞金もゲットできる新たなトリビアクイズのモバイルアプリ「BigBrain」が登場
ゲーム / eSports
2021-05-11 21:27
マイクロソフトの新AI機能を体験、仕事に使いたいトップ5を紹介
IT関連
2023-09-29 01:28
リモート投資とビッグデータがカギ、パンデミック中に誕生したMoonfireが初となる65億円規模のシードファンドを設立
VC / エンジェル
2021-06-29 20:45
ディープフェイク研究の取り組みを強化するFacebook
IT関連
2021-06-17 15:35