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

Svelteの最新情報: 2023年9月

SvelteKitのredirectとonNavigateライフサイクル関数の新しいパラメータの使用

ダニ・サンドバル

皆さんこんにちは、9月ですね！Svelte 5の近況報告と合わせて、過去1か月でリリースされた内容と、Svelteを使用してコミュニティが構築している内容を振り返ります。

話を始める前に、新しいSvelteアンバサダーの@cainuxと@grischaerbeを温かく歓迎します。チームへようこそ⛴️

SvelteとLanguage Toolsの最新情報

  • svelteHTMLはlanguage-toolsからSvelteコアに移行されたため、svelte/elementタイプは正常にロードされるようになりました（Svelteでは4.2.0、Language Toolsでは107.10.0）

SvelteKitの最新情報

  • URLがredirect関数で受け入れられるようになりました（1.23.0、ドキュメント、#10570)
  • ルートファイル名の入力ミスで警告が表示されるようになりました（1.23.0、#10558)
  • 新しいonNavigateライフサイクル関数はビューの遷移を可能にします。詳細についてはブログ記事を参照してください（1.24.0、ドキュメント、#9605)

それは新機能の一部にすぎません！この月のすべてのパッチとパフォーマンスの更新については、SvelteKitのCHANGELOGを参照してください。各アダプターディレクトリでアダプター固有のCHANGELOGを見つけることもできます。

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

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

  • Planet Of The Bugsは、開発者が人気のオープンソースプロジェクトのGithubからのユニークで厳選された問題とバグの無限の供給に取り組むことで、彼らのスキルセットを練習して磨くことができます
  • Minesweeperは、SvelteKit、Capacitor、TailwindCSS、DaisyUIを使用して構築されたAndroidゲームです（Google Playストアでチェック）
  • Pendorは、Svelte用のAIコンポーネントジェネレーターです
  • Avatars Proは、Web用に作られたソーシャルプルーフウィジェットです
  • Pomodoro Focusは、ポモドーロタイマーのブラウザ拡張機能です
  • memegenは、ユーザーがさまざまなテンプレートを使用してミームを作成できるFirefox Web拡張機能です
  • Resgenは、求人情報とあなたの経験に基づいて履歴書をカスタマイズするChrome拡張機能です
  • Icono Searchは、AIを搭載した動画検索エンジンです
  • digital-paperは、バックスペースやアンドゥ機能がないライティングアプリです
  • Ubuntu 22.04 in Svelteは、Web上でUbuntu 22.04デスクトップエクスペリエンスを複製することを目指しています
  • My Queueは、書かれた記事をオーディオストーリーに変換してプレイリストを作成します

学習リソース

Svelte のコントリビューターとアンバサダー

視聴用

読書用

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

  • Carta は、Marked ベースの軽量、高速、かつ拡張可能な Svelte マークダウンエディターとビューアーです。
  • Threlte、Svelte と Three.js で構築された 3D フレームワークは、バージョン 6 をリリースしました。
  • vite-plugin-web-extension は Svelte とうまく機能し、ブラウザ拡張機能の構築を容易にします。
  • セージアキット Svelte ダッシュボード には、SvelteKit 用の 10 個の無料のダッシュボードテンプレートが含まれています。
  • drab は、スタイルのない Svelte コンポーネントライブラリです。
  • svelte-img-previewer は、Svelte で入力ファイルタイプから画像を表示するためのツールです。
  • sveltekit-search-params は、SvelteKit のクエリ検索パラメータから読み書きする最も速い方法であるとされています。

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

また次回 👋