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

Svelteの新機能：2024年5月

Svelte 5 リリース候補と Svelte Summit 春季開催の主なハイライト

ダニ・サンドバル

Svelte Summit が先週開催され、コミュニティ全体の素晴らしい講演が数多く披露されました。最終発表「自分のフレームワークでできること」では、リッチ・ハリス（PuruVJ の neoconfetti ライブラリの手助けを受けて）が、Svelte 5 が「リリース候補」段階に入ったことを発表しました。

この投稿では、プレリリースの変更点を多数紹介するとともに、コミュニティの注目すべきアイテムを取り上げます。それでは始めましょう！

Svelte Summit Spring 2024 のハイライト

以下に、Svelte Summit のライブ配信バージョンのすべての講演へのリンクを記載します。

これらはすべて、時間の経過とともに共有可能で（再視聴可能な）ビデオに分割されますので、Svelte Society YouTube チャンネルを購読して、最新情報を入手してください。

Svelteの新機能

Svelte 5 は正式にリリース候補段階に入りました。リリースは日に日に近づいています。以下に、プレリリースのチェンジログのハイライトをいくつか示します。

  • ホットモジュールリロードが Svelte 5 でサポートされるようになりました。（5.0.0-next.97 と 101、#11106、#11132）
  • ブロック内にグローバル（または子グローバル）スタイルを定義できるようになりました（5.0.0-next.111、#11276）
  • コンパイルされたコードが、if ブロック、each ブロック、属性更新でさらに効率的になりました。（5.0.0-next.83-85、#10906、#10937、#10917）
  • svelte/reactivity からの組み込み関数が再エクスポートされ、サーバーで利用できるようになりました（5.0.0-next.88、ドキュメント、#10973）
  • 新しいリアクティブ URL オブジェクトが svelte/reactivity で利用できるようになりました（5.0.0-next.103、ドキュメント、#11157）
  • HTML タグがより効率的なハイドレーションマーカーを備え、高速になりました（5.0.0-next.90-91、#10986、#11019）
  • 新しい $host ルーンは、コンポーネントを含むカスタム要素の this 参照を取得します。これにより、createEventDispatcher の必要性がなくなります（5.0.0-next.96、ドキュメント、#11059）

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

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

  • Collabwriting が 120 万ドルを調達し、新製品「Collabwriting for Teams」をリリースしました。おめでとうございます！
  • Skypixは、ユーザーがプレイリストを作成し、ライブラリに曲を追加し、音楽を友人と共有できる音楽ライブラリです
  • Jonzeは、メンバー情報を管理するためのオープンソースのツールですが、管理されています。出席追跡とメンバーシップ計画が備わっています
  • midi-note-trainerは、Web MIDIで構築された楽譜トレーナーアプリです
  • Easy-Rdは、コーディングベースのERダイアグラム作成のための無料ツールです
  • Gameraは、プライバシー優先の世界のためのシンプルなサイト分析ツールです
  • Collectaでは、インターネットを1つの空間にまとめられます。画像、ブックマーク、インスピレーションを整理し、雰囲気を友人と共有できます
  • ColdCraftは、箇条書きとLinkedInプロフィールを効率的なコールドメールに変換して、代わりに執筆します
  • Fourplayは、RustとSvelteで書かれたマルチプレイヤーのワードゲームです
  • how-long-is-a-clickは、ウェブ上でのクリックが正確にどのくらいの長さかを測定するサイトです

学習リソース

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

読むべきもの

視聴する

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

  • sk-seo は依存関係がなく、単機能な svelte コンポーネントで、面倒な SEO の部分を自動化します
  • Svelte Lib Helpers は Svelte ライブラリの開発時のさまざまなタスクを効率化するユーティリティパッケージです
  • skitsa は Lambda アプリケーションとして AWS にホストされた SvelteKit Magic Links を使用した、単純でありながらも完全な機能的な運用デモです
  • svelte-zoomable-circles はズーム可能な円を使用して階層データを閲覧および表示するための Svelte コンポーネントです

今月は以上です! 見落としているものがあれば Reddit or Discord までお知らせください。

また来月 👋