SvelteKit 2 の発表

Svelte を使用してアプリを構築するための公式フレームワークである、SvelteKit のバージョン 2.0 が利用可能になりました。機能改善を多数備えた Vite 5 のサポートを追加する増分リリースです。また、要望が多かった機能が 1 つあります。

ここ数か月で Svelte に注目していた場合は、プロジェクトの歴史で最も期待されているリリースである可能性のある Svelte 5 に取り組んでいる ことをご存じでしょう。SvelteKit 2 にアップグレードすると、2024 年にリリースされる Svelte 5 へのパスがスムーズになり、すべてのユーザーに時間があればアップグレードすることをお勧めします。

非推奨の警告に対処するために、まず Svelte 4 とともに最新の 1.x リリースにアップデートすることをお勧めします。その後、自動化された移行ツールを実行して SvelteKit 2 にアップグレードします

npx svelte-migrate sveltekit-2

移行ガイド には、新機能に関する詳細が記載されています。

シャロールーティング

時間の霧の中で、正確には 5 月に、ナビゲーションを引き起こさずに状態を履歴エントリに関連付けることができる 新しい機能を紹介しました。スワイプバックで閉じたり、完全なナビゲーションを行いたくないルートのポップアップビューを作成したりするモーダルを作成する場合に非常に便利です。

この機能は シャロールーティングと呼ばれ、今週ついに pull リクエストを処理してフレームワークに追加しました。どのように使用するか楽しみです。

SvelteKit 1 周年

本日、SvelteKit が開始されて 1 周年を迎えます。SvelteKit がここまで発展してきたことを祝えることを嬉しく思います。SvelteKit は Web 開発コミュニティからすぐに受け入れられました。

この 1 年間で、Storybook、Tailwind、Playwright などの多くのオープンソースプロジェクトが公式に SvelteKit をサポートしているのを見てきました。Prismic、Sentry、InLang などの多くの商用エンティティも同様です。

SvelteKit は引き続き Svelte コミュニティから恩恵を受けています。Svelte コミュニティは、Skeleton、shadcn-svelte、Melt UI、Flowbite Svelte、daisyUI などの優れた UI ライブラリを多数開発しました。他にも多数あります。さらに 初のハッカソン で、Superforms、Threlte、SvelteLab といった素晴らしい Svelte プロジェクトから受賞者が選ばれました。

最後、新しい Svelte DevTools（Chrome ウェブストア、GitHub、トーク）、Svelte Inspector（ドキュメント、トーク）、および実験的な画像最適化サポート（ドキュメント、トーク）などの主要なサポートプロジェクトも開始しました。

今後

継続中の画像作業に加えて、今後リリースされるアップデートでは Svelte 5 および国際化のサポート改善に取り組みます。その作業の最初の部分はすでに SvelteKit 2 に組み込まれており、特定の言語を指定するために使用されることが多い、オプションのパスセグメントを使用した URL のプリレンダリングのサポートが強化されています。この改善に貢献してくれた InLang のチームへ感謝します。