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

Svelte の最新情報: 2024年2月

Kit の新機能: rerouteemulate など!

昨年末に SvelteKit 2.0 がリリースされて以来、Kit の開発エクスペリエンスをさらに向上させるための新機能が多数追加されました!一方、Svelte チームは Svelte 5 を実現するために懸命に取り組んできました。

Rich は、「Svelte の哲学 — 設計判断の指針となる基本原則 — を明確にしようとする試み」である Tenets(信条) も投稿しました。

それでは、新機能とコミュニティの活動内容を見ていきましょう...

SvelteKit の最新情報

  • クライアントルーターがツリーシェイク可能になりました (2.1.0, #11340)
  • $env/static/public がサービスワーカーで公開されるようになりました (2.2.0, ドキュメント, #10994)
  • コンテンツセキュリティポリシーのある環境で style-src-elem がサポートされるようになりました (2.2.1, ドキュメント, #11562)
  • 新しい reroute フックを使用すると、URL がルートに変換される方法を変更できます (2.3.0, ドキュメント, #11537)
  • read 関数が $app/server モジュールで使用できるようになり、ファイルシステムからアセットを読み取ることができるようになりました (2.4.0, ドキュメント, #11649)
  • アダプターは、対応する関数を実装することで、開発およびプレビューサーバーの運用環境を emulate できるようになりました。これは、開発中に KV 名前空間などへのアクセスを提供するのに役立ちます (2.5.0, ドキュメント, #11730)

Svelte の最新情報

Svelte 5 がプレビュー版で公開されています。一方、Svelte 4 (@latest) はバグ修正リリースが1つ行われました。Svelte 5 の変更ログから注目すべき新機能は1つだけです。

  • スニペットが複数の引数を受け取ることができるようになりました (5.0.0-next.42, ドキュメント, #9988)

Svelte 5 をリリース準備するために必要なすべてのバグ修正、雑用、および基礎作業については、メインブランチの変更ログ をご覧ください。


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

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

  • Sprite Fusion は、ブラウザで任意のタイルセットを使用して美しい 2D タイルマップを作成できる無料のレベルデザインツールです
  • TypeMeUp は、タイピング速度を向上させるためのタイピングウェブサイトです
  • Pathfinding Algorithm Visualizer は、プレイヤー機能を備えたインタラクティブな経路探索アルゴリズムビジュアライザーです
  • Roch Dog は、犬に優しい度に基づいて企業やホテルをランク付けします
  • highlight.cool は、ブログ用の無料のカスタマイズ可能なリアルタイムのハイライトツールです
  • Nola Devs は、ニューオーリンズの中心部に位置する、活気に満ちたインクルーシブなソフトウェア開発者グループです。このサイトは、グループ全体のすべてのイベントを集約しています
  • Startup Funding Simulator は、創業者が最新の資金調達(セーフノート付き)の仕組みと、資金調達時の希薄化の程度を理解するのに役立つツールです。

学習リソース

Svelte の貢献者とアンバサダーを紹介します

読むべき記事

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

  • セッション処理の複雑さを抽象化する TypeScript で記述された認証ライブラリである Lucia がバージョン 3.0 をリリースしました
  • Paraglide JS Adapter SvelteKit は、多言語ルーティングツールである ParaglideJS の SvelteKit 統合です

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

来月また会いましょう!