Svelte 最新情報：2023年1月

SvelteKit 1.0のリリースからわずか2週間が経ちました！まだご覧になっていない方は、ライブストリーム、新しいウェブサイト、そしてチュートリアルをチェックして、SvelteKitの機能をステップバイステップで学習してください。

詳細を見ていきましょう…

SvelteKitの最新情報

• @sveltejs/kit 1.0がリリースされました！今後のすべてのリリースはsemverに従い、変更はCHANGELOGにメジャー/マイナー/パッチとしてリストされます。
• StorybookとHistoireのサポートが改善されました（#7990）。これらのツールを完全にサポートするための作業は進行中です（storybook#20239）。
• vitePreprocessがデフォルトのプリプロセッサになりました。ドキュメントで、vitePreprocessとsvelte-preprocessの違いを確認してください（#8036）。

破壊的変更：

• +(layout|page)(.server)?.jsおよび+server.jsファイルから、アンダースコアで始まる場合を除き、不明なエクスポートは許可されなくなりました（#7878）
• __data.jsonがURLから削除されるようになりました（#7979）
• sveltekit()は、Viteプラグインの配列に対するPromiseを返すようになりました（#7994）
• 新しいembeddedオプション（デフォルトでオフ）は、SvelteKitを埋め込む際のリンククリックに役立ちます（ドキュメント、#7969）
• 自動フォールバック生成がbuilder.generateFallback(fallback)に置き換えられました（#8013）
• invalid()はfail()になり、ValidationErrorはActionFailureになりました（#8012）
• SvelteKitは、無効なロードレスポンスでエラーをスローするようになりました（#8003）
• SvelteKitは現在Vite 4を使用しており、SvelteのpeerDependencyとして^3.54.0が必要です（#7543）
• ssrがfalseでprerenderがfalseでない場合、シェルはプリレンダリングされます。ssrもfalseの場合は、prerenderをfalseにしてください（#8131）
• 削除または変更されたAPIに関する警告とエラーが削除されました（#8019）

Svelteの最新情報

• options.direction引数をカスタムトランジション関数に渡せるようになりました（**3.54.0**、#3918）
• @constで宣言された関数から変数を更新できるようになりました（**3.54.0**、#7843）
• Svelte/HTMLの型定義のためにsvelte/elementsが追加されました（**3.55.0**、#7649）

言語ツールの最新情報

Svelte拡張機能と言語ツールには、いくつかの新しい最小バージョン要件が追加されました。

• Nodeのバージョンは16になりました。
• TypeScriptのバージョンは4.9になりました。
• Svelteのバージョンは3.55になりました。

以下の機能もリリースされました。

• ハンドラーが見つからない場合のクイックフィックス（#1731）
• Svelteアンカーの属性が足りない場合のコードアクションを追加（#1730）
• コミット文字の処理の改善（#1742）
• --preserveWatchOutputオプションを追加（#1715）
• Svelteストアを含むクイックフィックスを強化（#1789）
• SvelteKitプロジェクトでのみSvelteKitファイルのコンテキストメニューを表示（#1771）
• 可能な場合はsatisfies演算子を使用（#1770）

リリースされていない変更を含む、Svelteコンパイラのすべての変更については、CHANGELOGを参照してください。

---

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

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

• Svelte Recipes 🧑‍🍳は、一般的なデータ視覚化の問題に対するコードスニペットを提供します。
• Everything Svelteは、最新のWebアプリケーションを構築するために必要なすべてのことを教える新しいコースです。
• CSS Timelineは、CSSの歴史と進化のタイムラインです。
• GitBarは、プルリクエストレビューを表示するためのシステムトレイアプリです。
• Texture Labは、任意のテキストからゲーム用のテクスチャを瞬時に生成します。
• Totemsは、カスタムメイドのスタンドとサポートを作成するスタジオです。
• PeopletoNotionは、ワンクリックでLinkedInのプロファイルをNotionに追加するChrome拡張機能です。
• DeckDevは、マジック：ザ・ギャザリングのデッキビルダーです。
• Default Shortcutsは、ブラウザ間でキーボードショートカットを検索するためのツールです。

学習リソース

Svelte Societyから

• Svelte Society - London December 2022では、AntonyとRichによる2つの講演が紹介されています。Richの講演「Mistakes were made」は、SvelteKit 1.0の回顧録です。
• Brittney PostmaによるSvelteKit with Netlify Edge Functions
• Chris SimmonsとBrittney PostmaによるSirens Stream: Skeleton - A fully featured UI Toolkit
• Lacey PeveyがSirensに参加して、エンタープライズレベルでのSvelteKitの使用について説明するSirens: SvelteKit for Enterprise
• Kevが再びSirensに参加して、SvelteKitのフォームアクションについて話し合い、SvelteSirens.devで講演者募集のための新しいフォームを作成するSirens: Form Actions

視聴する

• FireshipによるSvelteKit is my mistress
• Gui BibeauによるSveltekit 1.0 in under 3 minutes
• Joy of CodeによるWhat Svelte UI Library Should You Use?とThe Best Icon Library For Svelte (Iconify)

読む

• Gautier Ben AïmによるRendering emails with Svelte
• Somnath SinghによるNow That React is Dead, What’s the Next Big Thing?
• TilaによるWhat is SvelteKit? And Why Should You Care?
• Jef MeijvisによるSveltekit API endpoints
• 更新されたSvelteサポートを含むChart.js 4.0がリリースされました。
• Rik SchenninkによるCreating A Custom Svelte Media Query Store

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

• Konsta UIは、React、Vue、Svelte向けにTailwind CSSで構築された、ピクセルパーフェクトなモバイルUIコンポーネントのライブラリです。
• probablykasper/modal-svelteは、Svelte用のモーダルコンポーネントです。
• deepcrayon/scrolltronは、OBS Studio用のニュースティッカーオーバーレイです。
• JetBrains WebStorm 2022.3は、Svelteの組み込みサポートを提供するようになりました。
• NextAuth.jsがSvelteKitで利用可能になりました。
• SvelteKit CAS認証は、SvelteKitでCAS/SSOの使用を容易にする一連の関数です。
• @macfja/sveltekit-sessionは、SvelteKitのセッション管理を容易に行う方法です。
• @svelte-plugins/tooltipsは、Svelteで記述された基本的なツールチップコンポーネントです。
• tRPC-SvelteKitは、SvelteKitアプリケーション向けのエンドツーエンドの型安全なAPIを提供します。
• SvelteKit Tailwind Blog Starterは、SvelteKit + Tailwind CSS用の簡単に構成およびカスタマイズできるブログスターターです。
• Free Svelte Acceleratorsは、プロジェクトをすぐに開始するためのSvelteとSveltekitのオープンソースコードのリストです。

新年明けましておめでとうございます🎆 何か見落としたものがあれば、RedditまたはDiscordでお知らせください。