Svelteの最新情報：2021年7月

北半球が暑くなる中、Svelteはパフォーマンスとバグ修正、TypeScriptサポートの向上、エコシステム全体からの多くの新しいコンポーネントとツールにより、クールな状態を保っています。ちょっと覗いてみましょう👀

SvelteKitの新機能

• adapter-node がgzipとbrotliを使用してアセットを事前圧縮するようになりました (#1693)
• svelte-kit package ツールにTypeScriptトランスパイルのサポートが追加されました (#1633)
• adapter-node のキャッシュのデフォルトが改善されました (#1416)
• Rollup出力オプションの設定が可能になりました (#1572)
• HMRでのSSLの使用に関する問題が修正されました (#1517)

svelte/* 関連の機能とバグ修正

• Svelte 3.38.3 (6月22日リリース) には、ハイドレーションの最適化、バブルイベントでの this の保持など、パフォーマンスとバグ修正が多数含まれています！
• 最新の言語ツールリリースでは、コンポーネント外部からのプロップ名の変更、PostCSS構文文法、Svelteファイルから型定義を作成するために使用できる svelte2tsx の .d.ts 出力ターゲットのサポートが追加されました。
• また、言語ツールでは、TypeScriptのサポートを強化するための待望の実験的な機能がいくつか追加されました。これには、すべての可能なコンポーネントイベントまたはスロットを明示的に型指定すること、およびジェネリクスを使用することが含まれます。詳細についてはRFC を参照し、使用している場合はこのissue にフィードバックを残してください。
• svelte-scroller は2.0.7で、初期幅のバグを修正し、index の更新をより保守的に行うなど、いくつかの使い勝手の向上のための修正が行われました。

Svelteの今後の予定

• マークアップ内の定数 (RFC): ローカル定数を定義する新しい {@const ...} タグが追加されます (PR)

---

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

アプリとサイト

• SvelteThemes は、svelte、sveltekit、elderjs、routify などを使用して構築された、厳選されたSvelteテーマとテンプレートのリストです。
• Beatbump は、Svelte/SvelteKitを使用して作成されたYouTube Musicの代替フロントエンドです。
• Sveltuir は、ギターのフレットボードを覚えるのに役立つアプリです。

教育コンテンツ

• Svelte Radio: A Jolly Good Svelte Summer は、Svelteの最新情報とSvelte Radioの1周年を祝う会話です。
• Svelteのクラスプロパティ は、ReactからSvelteに移行する開発者向けに、class の威力を再確認するためのものです。
• Sveltekit初心者向けチュートリアル は、WebJedaによるSvelteKit学習のためのビデオプレイリストです。
• SvelteKitでサービスワーカーを使用して動的ページをオンデマンドでキャッシュする方法 は、オンデマンドキャッシュのためにSvelteKit内で使用されるサービスワーカーの威力を解説しています。
• Vue vs Svelte: フレームワーク内部の比較 は、VueとSvelteの違いを内部から深く掘り下げています。
• DockerとDocker Composeを使用してSvelteKitの開発環境をセットアップする は、どのようなデバイスでコードを実行する場合でも、再利用可能な開発環境を作成するためにDockerを使用する方法について説明しています。
• Scalable Scriptsは今月、docker化されたSvelteアプリをAWS、Azure、Google Cloudにデプロイする方法を説明する3つのビデオをリリースしました。
• ゼロからヒーローまで、SvelteでKatexをレンダリングする は、SvelteプロジェクトでKatexを実装する方法を示しています。
• Svelteでカスタム要素を使用する は、Svelteサイトでカスタム要素を使用する際に注意すべきいくつかの癖を示しています。

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

• svelte-pipeline は、REPL、エディターなど向けに、カスタムJavaScriptコンテキストとSvelteコンパイラをSvelteストアとして提供します。
• Sveltotron は、Svelteアプリを検査するために作られたElectronベースのアプリです。
• svelte-qr-reader-writer は、QRコードからデータを読み書きするのに役立つSvelteコンポーネントです。
• svelte-stack-router は、スタックでルーティングすることで、Svelteアプリをよりネイティブに感じさせることを目指しています。
• svelte-typed-context は、getContext または setContext に提供されると、より厳密な型付けを可能にするインターフェースを提供します。
• svelte-modals は、Svelte用のシンプルで柔軟な、依存関係のないモーダルマネージャーです。

コンポーネントを提供したいですか？SvelteのWeb上でのプレゼンス向上に協力することに興味がありますか？このファイルにPRを送信してSvelte Societyサイトにコンポーネントを送信するか、SvelteKitでSvelte Societyの書き直しに貢献したい場合は、未解決の問題のリストを確認してください。

来月もお会いしましょう！

最新情報が欲しいですか？Reddit または Discord でご参加ください！