Svelte 2023年10月の新機能
ルーンとSvelteKitの+serverフォールバックへの反応
Svelte 5はまだリリースされていませんが（ただし、今すぐプレビューできます）、それでもスニークピークを入手できます！最も注目すべきは、Svelteコードでリアクティブ変数を管理するためのよりシンプルな方法であるルーンです。ルーンに関するあらゆるものを深く掘り下げるためのショーケースセクションには多くのリンクがありますが、今月リリースされたその他のものについて話しましょう...
Svelte & Language Toolsの新機能
- Svelte 4.2.1がリリースされ、HTML、CSS、ソースマップコンパイルに関する多数の修正が含まれています
- Svelte language toolsの最新バージョンは、「すべての参照を検索」コマンドでコンポーネント参照を強化し、プロジェクトの再起動後に自動型が失われるという永続的な問題を修正し、自動型（SvelteKitの
+server.jsファイルにあるものなど）にフォールバック処理を追加しました。
SvelteKitの新機能
+server.jsには、実装されていないすべての有効なサーバーリクエストを処理するキャッチオールハンドラーが追加されました。fallback関数をエクスポートするだけです！（1.25.0、ドキュメント、#9755）
新機能は以上です！その他のパッチやパフォーマンスのアップデートについては、SvelteKitのCHANGELOGを確認してください。また、各adapterディレクトリにはアダプター固有のCHANGELOGがあります。
コミュニティショーケース
Svelte Summit Fallは2023年11月11日に開催されます。第7回バーチャルSvelteカンファレンスは、10月15日まで提案を受け付けています - 誰でも提出できます！
Threlteがハッカソンを開催しています（ランディングページにはモーション警告があります - Reduce Motionの設定は尊重されます）。キックオフイベントは2023年10月15日（日）16:00 UTCです。
Svelteで構築されたアプリとサイト
- game-of-life-svelteは、SvelteKitテクノロジーを使用したコンウェイのライフゲームの実装です
- Limeyは、シンプルなサイトやランディングページ向けの使いやすいウェブサイトビルダーです
- Appwriteの新しいランディングページは、現在SvelteKitで記述されています（以前はSvelteでコンソールUIが取り上げられていました）
- PlaceItは、数字と場所に関するゲームです
- Sveltroidは、メトロイドプライムリマスターのファンメイドによる再現です（コード）
- Bolighubは、デンマークの住宅検索ポータルです
- Ditheringは、多数のオプションを備えた写真のディザリングツールです
- Rocky Mountain Slamは、ジェイソン・ヘインが初のロッキーマウンテンスラムを達成しようとするのを追うためのインタラクティブマップです（コード）
学習リソース
Svelteのコントリビューターとアンバサダーによる特集
- Svelte 5：Rich Harrisによるルーンの紹介とその続編：Svelte 5ルーン：ゲッターとセッターは何ですか？
- SvelteKitでデータを条件付きでストリーミングする、Geoff Rich著
- SvelteルーンはSvelteでのリアクティビティの仕組みを変える、Svelteで3D GitHubスカイラインを作成して同僚に自慢する、SvelteKitでView Transitions APIを使用したシンプルなページトランジション、SvelteでJavaScriptライブラリを使用するのは簡単、Joy of Codeによる
- Modern Web Podcast S11E2 - Willow（GHOST）とSvelte、オープンソース、Discordボットを探る
- 再開します！Svelte 5、トランジション、新機能？！、Svelte Radioによる
- 今週のSvelte
- 2023年9月1日 - SvelteKit 1.24.0、View Transitions API、AbortController
- 2023年9月8日 - SvelteKit 1.24.1、Capacitorチュートリアル、プロップタイプの再利用
- 2023年9月15日 - SvelteKit 1.25.0、フォームデータのデシリアライズ、魔法がやってくる
- 2023年9月22日 - Svelte 5 ルーン！
視聴する
- ルーン - Svelte v5に登場 | 私の考え、Coding Gardenによる
- Svelte 5を見逃さないでとSvelteストアをレベルアップ、Huntabyteによる
- Svelteルーン入門（すべてのSvelteルーンを説明）、Cooper Codesによる
- Svelteルーン：素晴らしいかひどいか？、Jack Herringtonによる
- SvelteKitでYouTubeクローンを作成しましょう（Svelte、Tailwind Css、RapidApi、Shadcn Svelte、Axiosなど）、Lawal Adebolaによる
読む
- Svelteで完璧な共有可能なルーンを作成する、Jonathan Gambleによる
- Svelteを「学ぶ」必要はない、KaviiSuriによる
- PrismicとSvelteKitでウェブサイトを構築する、Angelo Ashmoreによる
- PHP内にSvelteアプリを埋め込む方法、Justin Ahinonによる
- SvelteKitでWebブラウザのIndexed DBを使用する、Shivam Meenaによる
- SvelteでStorybookを統合する：Svelte流に行う、Oscar Dominguezによる
- Sveltekitチュートリアル：パート1 | 何、なぜ、どのように？、Suyashtntによる
ライブラリ、ツール、コンポーネント
- KitForStartupsは、オープンソースのSvelteKit SaaSボイラープレートです
- SuperNavigationは、モバイルのようなWebナビゲーションUXです
- skeleton-material-themeは、Skeleton UIライブラリのマテリアルテーマです
- better-i18n-for-svelteは、多言語SvelteKitサイト向けのSEOに焦点を当てたライブラリです
- uicoは、基本的なUI要素用のユーティリティクラスを提供するTailwindプラグインです
- svelte-maskifyは、AlpineJSマスクのアクションラッパーです
- sveltekit-capacitorは、CapacitorでSvelteKit SPAを構築するためのテンプレートです
- router-gen.tsは、SvelteKitの型安全なルーターです
今月は以上です！RedditまたはDiscordで何か見落としがあればお気軽にお知らせください。
また次回 👋