本文へスキップ

Svelte 2021年8月の最新情報

Shadow DOM、export、await - すごい！

Dani Sandoval

今月のSvelteに関する話題は尽きないようです！The Changelog ( JS Party Ep. 182 )からSvelte Radio (エピソード 29 と 30 )まで。さらに、SvelteにはShadow DOMサポートと新しいexportおよびawait機能が追加されました。

Svelteの最新情報

7月は、未処理のPR数を削減するために取り組んだ結果、2019年末以来Svelteコアリポジトリで最も活発な月となり、Svelte 3.39.0、3.40.0、および3.41.0がリリースされました。多数のバグ修正に加えて、以下の新機能も追加されました。

  • |trustedイベント修飾子を使用すると、イベントが呼び出される前に信頼できるイベントかどうかを確認できます（#6137）
  • SvelteKit SSRの改善作業をサポートするための新しいsvelte/ssrパッケージ（#6416）
  • TypeScriptファイルのプリプロセッシングを改善するための新しいerrorModeコンパイラオプション（#6194）
  • コンポーネントを作成する際にtargetとしてShadowRootを指定できるようになりました。これにより、Shadow DOM内でSvelteコンポーネントをレンダリングできるようになります（#5869）
  • export { ... } from（#2214）、export let { ... } =（#5612）、および{#await ... then/catch}（#6270）構文がSvelteコンポーネントでサポートされるようになりました。

機能とバグ修正の完全なリストについては、Svelteの変更ログをご覧ください。

SvelteKitのアップデート

  • prerender.forceは、ビルドに失敗するエラーと失敗しないエラーを微調整できるprerender.onErrorに変更されました（#2007）
  • SvelteKitアダプターで使用するためのesbuildの設定が公開されました（#1914）
  • 一般的な設定エラー（#1910）とコンパイラエラー（#1827）に対するエラーメッセージがより分かりやすくなりました。
  • ターゲットホストがSvelteKitアプリケーションと同じであるか、より具体的なサブドメインである場合にのみ、Cookieが渡されるようになります（#1847）
  • パッケージ化時にindex.jsエクスポートがディレクトリエクスポートに変更され、よりきれいなインポートが可能になります（#1905）
  • Vite.jsのmodeが$app/envから公開されるようになりました（#1789）
  • 全体的な型の改善（#1778、#1791、#1646）

SvelteKitのすべてのアップデートを見るには、SvelteKitの変更ログをご覧ください。

svelte/*周辺の機能とバグ修正

  • 言語ツールが「Workplace Trust」機能（VS Codeで使用）をより適切にサポートするようになりました。
  • svelte2tsxでは、将来の競合宣言を回避するために、環境型宣言の名前が変更されました。ユーザーは環境型定義を自分で提供する必要があります。これにより、JS出力の問題が修正されました。
  • Sapper v0.29.2がリリースされ、正規表現ルート、ディレクトリのリクエスト時のステータスコード、ユーザーがbaseタグを提供していない場合のエクスポートが修正されました（変更ログ）

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

アプリとサイト

  • Parsnipは、家庭で料理を学ぶのに役立つモバイルファーストのプログレッシブウェブアプリです。Redditでの会話で詳細を確認してください。
  • 中央銀行デジタル通貨（CBDC）トラッカーは、世界中の国々がデジタル通貨を採用している状況を追跡するサイトです。
  • Svelte Commerceは、SvelteKitをベースとした高度なeコマース用フロントエンドプラットフォームです。
  • neovimcraftは、neovimプラグイン専用のSvelteKitサイトです。

取り組むSvelteプロジェクトを探していますか？Web上でのSvelteの存在感を高めるお手伝いをしたいですか？ Svelte SocietyのSvelteKitでの書き換えに貢献したい場合は、未解決の課題のリストをご覧ください。

教育コンテンツ

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

  • Svelte-Capacitorがv2.0.0をリリースしました。SvelteとCapacitorを使用して、ほぼネイティブのパフォーマンスでiOSとAndroid向けのハイブリッドモバイルアプリを構築することがさらに容易になりました。
  • svelte-remixiconは、Remix IconをベースとしたSvelte用のアイコンライブラリで、2000以上のアイコンが含まれています。
  • SveltePressは、SvelteKitをベースとしたドキュメントツールです。
  • Svelte Starter Kitは、Supabaseによって強化された認証とユーザープロファイルを使用して、Svelteを迅速に開始するためのボイラープレートです。
  • Kahi UIは、ダークモードを組み込んだSvelteファーストUIキットです。
  • typesafe-i18nは、外部依存関係のないTypeScriptおよびJavaScriptプロジェクト向けの、意見のある、完全に型安全な軽量ローカリゼーションライブラリです。

コミュニティサイトsveltesociety.devで、Svelteエコシステム全体からのテンプレート、追加機能、アダプターをさらにご覧ください。

来月また会いましょう！

さらにアップデートが必要ですか？RedditまたはDiscordに参加してください！