Svelte の最新情報: 2024年2月
Kit の新機能: reroute
、emulate
など!
昨年末に 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つだけです。
Svelte 5 をリリース準備するために必要なすべてのバグ修正、雑用、および基礎作業については、メインブランチの変更ログ をご覧ください。
コミュニティショーケース
Svelte で構築されたアプリとサイト
- Sprite Fusion は、ブラウザで任意のタイルセットを使用して美しい 2D タイルマップを作成できる無料のレベルデザインツールです
- TypeMeUp は、タイピング速度を向上させるためのタイピングウェブサイトです
- Pathfinding Algorithm Visualizer は、プレイヤー機能を備えたインタラクティブな経路探索アルゴリズムビジュアライザーです
- Roch Dog は、犬に優しい度に基づいて企業やホテルをランク付けします
- highlight.cool は、ブログ用の無料のカスタマイズ可能なリアルタイムのハイライトツールです
- Nola Devs は、ニューオーリンズの中心部に位置する、活気に満ちたインクルーシブなソフトウェア開発者グループです。このサイトは、グループ全体のすべてのイベントを集約しています
- Startup Funding Simulator は、創業者が最新の資金調達(セーフノート付き)の仕組みと、資金調達時の希薄化の程度を理解するのに役立つツールです。
学習リソース
Svelte の貢献者とアンバサダーを紹介します
- Rich Harris による SvelteKit の新機能:
import { read } from '$app/server'
- Geoff Rich による SvelteKit でサーバー上のアセットを読み取る
- Tan Li Hau の新著、Real-World Svelte が発売されました (こちら)
- Svelte Society San Diego - 2024年1月: Attila が Svelte 5 と SvelteKit の最新情報について説明します。
- Svelte London - 2024年1月: Rich Harris と pngwn の両方の講演を特集しています
- Syntax.FM による Svelte 5: スピード、シンプルさ、サイズ
- 今週の Svelte
- 2024年1月12日: SvelteKit の変更ログの詳細
- 2024年1月19日: Paolo Ricciuti の新しいライブラリを紹介します
- 2024年1月26日: 関数型リアクティブプログラミングライブラリ「Cells」を紹介します
読むべき記事
- Launchnow による SvelteKit で TailwindCSS のフォントをカスタマイズする
- Kyle Nazario による Angular 開発者の視点からの Svelte (Svelte 開発者向け) と SvelteKit ブログのサイトマップを作成する方法
- Roland BOLE による インターネットコンピューターで Svelte を使い始める
- Devrl による deno にデプロイされた SvelteKit + Socket.io サーバー
ライブラリ、ツール、コンポーネント
- セッション処理の複雑さを抽象化する TypeScript で記述された認証ライブラリである Lucia がバージョン 3.0 をリリースしました
- Paraglide JS Adapter SvelteKit は、多言語ルーティングツールである ParaglideJS の SvelteKit 統合です
今月は以上です!何か見逃しているものがあれば、Reddit または Discord でお知らせください。
来月また会いましょう!