メインコンテンツへスキップ

Svelte 2023年11月の新機能

11月11日開催のSvelte Summitと、すべての人により良いDevExを！

ダニ・サンドバル

カレンダーに印をつけましょう！Svelte Summit Fallが11月11日に開催されます。YouTubeとDiscordで、Svelteに焦点を当てた楽しい時間を過ごしましょう 🎥

Svelteエコシステム内のメンテナーは毎月、バグの修正、パフォーマンスの向上、そしてSvelte、SvelteKit、およびそれらを取り巻くツールに新機能をもたらしています。今月のリリースでは、より優れたブロック折りたたみ、推論された型、およびuse:enhanceの設定により、開発者エクスペリエンスが向上しています。

詳しく見ていきましょう 👀...

SvelteとLanguage Toolsの新機能

  • Svelte 4.2.2では、いくつかの要素固有の機能が整理されました（リリースノート）
  • Extensions 107.12.0では、関数、if文などのブロック折りたたみが改善されました（リリースノート、PR）

SvelteKitの新機能

  • ルートパラメータの型が、該当するマッチャーのガードチェックから推論されるようになりました（kit@1.26.0、ドキュメント、#10755）
  • 新しいinvalidateAllブールオプションを使用すると、enhanceコールバック内でinvalidateAll()フォーム関数をオン/オフできます（kit@1.27.0、ドキュメント、#9476）
  • プロジェクト作成ウィザードの出力が、使用しているパッケージマネージャーを反映するようになりました（create-svelte@5.1.1、#10811）

バグ修正とパフォーマンスアップデートの完全なリストについては、SvelteKit CHANGELOGをご覧ください。また、各adapterディレクトリでアダプター固有のCHANGELOGを見つけることもできます。

コミュニティショーケース

Svelteで構築されたアプリとサイト

  • 4THSEXは、同名のプロデューサー/クリエイティブディレクターのためのクリエイティブなウェブサイトです
  • Syntax.fmは、SvelteKitでゼロから再設計されました
  • GitContextは、コードレビュープロセスを改善するための早期アクセスツールです
  • Lunierは、ハンドバッグを閲覧および購入するためのサイトです（サイトはフランス語）
  • Feldman Architectureは、同名の建築家向けのポートフォリオです
  • Formulatorは、ユーザーインターフェイスを反復、実験、構築するためのより迅速な方法です
  • Dwarfは、ドメイン名をため込む人のための、リラックスしたドメイン名マーケットプレイスです
  • Teekは、時間給の開発者向けのシンプルで無料の時間トラッカーです
  • Sessionicは、ブラウザセッションを簡単に保存および管理するためのWeb拡張機能です
  • Pilinkは「suckless」なリンク短縮ツールです

学習リソース

Svelteの貢献者とアンバサダーをフィーチャー

見る

読む

ライブラリ、ツール、コンポーネント

今月は以上です！何か見逃したものがあれば、RedditまたはDiscordでお気軽にお知らせください。

また次回 👋