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

Svelte 2023年2月の新機能

マイナーバージョンと大きな満足

ダニ・サンドバル

先月から、SvelteとSvelteKitでいくつかのマイナーバージョンがリリースされ、1.0リリースのサポートのための教育コンテンツが多数提供され、さらにState of JS surveyの結果も発表されました。

Svelteは、再び満足度と関心を高めたので、投票してくれた皆様に感謝します！

それでは、アップデートを見ていきましょう...

SvelteKitの新機能

今月のSvelteエコシステムでの作業は、SvelteKitのバグ修正と1.0リリースからのフィードバックへの対応に焦点が当てられました。特に待望されていたSvelteKitのベースパスサポートのバグ修正が適用され、リモート開発環境でSvelteKitプロジェクトを作成できるようになりました。これらの修正を含むいくつかの新しいリリースがあり、次のような新機能もいくつか追加されました。

  • プログレッシブエンハンスメントを行う際に、サブミッターの値が自動的に含まれるようになりました。
    (1.0.3, #8273)
  • グローバルfetchが相対URLで使用された場合、開発モードでエラーが追加されました（1.0.8, #8370）
  • HTMLからコメントが削除されると、ハイドレーションが壊れる可能性があるという警告が表示されるようになりました（1.0.11, #8423）
  • ページオプションが.svelteファイルで使用されたり、レイアウトで<slot />が見つからない場合に警告が発生するようになりました（1.1.0, #8475）
  • 新しいtext(...)ヘルパーを使用すると、テキスト応答を簡単に生成できます（1.2.0, #8371）
  • パブリック環境変数がapp.html内でアクセスできるようになりました（1.2.0, ドキュメント, #8449）
  • クッキーがサイズ制限を超えた場合、エラーがスローされるようになりました（1.2.1, #8591）
  • 生成されたtsconfigを編集できるようになりました（1.3.0, #8606）

SvelteとLanguage Toolsの新機能

  • VS Code HTML言語サービスからのhtml.customDataのサポートを追加しました（extensions-107.0.0, #1824）
  • インポートが必要なストアの自動補完（#1823）とオブジェクト/クラスのメンバースニペット（#1817）がSvelte拡張機能に追加されました（extensions-107.0.0）
  • 関数でもあるPromiseの検出を改善しました（Svelte 3.55.1, #8162）
  • グローバルなpart属性とon:submitの不足していた型とプロパティをそれぞれ追加しました（Svelte 3.55.1, #8181）
  • 多くのパフォーマンスとバグ修正（Svelte 3.55.1* および extensions-107.0.x）

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

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

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

  • Titowest.comは、作家兼写真家のTito Westによる一連の写真フィルムです。
  • Verveは、アプリケーション、ファイル、ドキュメントへのアクセスとオープンを高速化する軽量ランチャーです。
  • Round The Worldは、アンドリュー・カーネギーの旅をインタラクティブにガイドします。
  • Linear Regressionは、線形回帰について知っておくべきこと（ほぼ）すべてを視覚的に紹介するインタラクティブなブログ記事です。
  • Flotesは、フラッシュカード機能で強化された無料のメモ取りアプリです。
  • nomieは、集中力が短い人向けのデイリージャーナルです。
  • nocode.galleryは、コードなしで作成された素晴らしいウェブサイトのコレクションです。
  • Whom to Followは、フォロー中のアカウントのネットワークを検索して、気に入るアカウントを見つけるのに役立ちます。
  • poker-simulatorは、ポーカーのシミュレーションと評価ツールです。
  • Pixeliciousは、画像をピクセルアートに変換します。
  • Apple Musicは現在Svelteで構築されています（証拠）

学習リソース

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

視聴または聴取

読む

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

  • Sveltepressは、SvelteKitのすべての機能を備えた、シンプルで使いやすい、コンテンツ中心のサイト構築ツールです。
  • Svelte Form Helperは、Svelteでのフォーム検証用の軽量ヘルパーです。
  • Dapper UIは、完全なTypeScriptサポートと広範なドキュメントを提供する、Svelte向けの洗練されたモダンなUIコンポーネントライブラリです。
  • TeilUIは、Svelteでデザインシステムを構築するより良い方法です。
  • Neodragは、SSR対応のマルチフレームワークドラッグ可能ライブラリです。
  • Svelvet、SvelteのUIライブラリが5.0になりました（詳細についてはこちら）
  • Svelte Inviewは、要素がビューポート/親要素に出入りするのを監視するSvelteアクションです。
  • html2svelteを使用すると、HTMLをSvelteコンポーネントに簡単に変換できます。

お読みいただきありがとうございます！何か見落としがあった場合は、RedditまたはDiscordでお気軽にお知らせください。