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

Svelte 2021年1月の新機能

新年の幕開けを飾る、Svelte満載のショーケース！

ダニ・サンドバル

Svelteから新年のご挨拶を申し上げます！ この1ヶ月で、Sapperの次期リリースに向けて進捗があり、SvelteComponentの型定義を調整し、素晴らしいアプリ、サイト、ライブラリがショーケースに登場しました。

Svelteの変更点

新しいマイナーリリースでは、SvelteComponentクラスがSvelteComponentTypedクラスに置き換えられました。この名前変更は、後方互換性に役立つはずです。名前の変更による混乱を避けるため、先月のブログ記事を更新しました。

もしあなたのプロジェクトやライブラリでSvelteComponentまたは新しいSvelteComponentTypedを使用している場合は、どのような目的で使用しているか教えてください。ショーケースに追加させていただきます！

Sapperの状況

次期リリースには、日々、さらに多くの便利な機能が追加されています。0.29.0には、新しいTypeScript定義、スクロール追跡とプリフェッチ動作の修正、およびエンコードされたクエリパラメータをサポートするためのランタイムルーターの改善が含まれます。

0.28.xからアップグレードする場合は、Sapper 0.29への更新手順について移行ガイドをご覧ください。

SvelteKitの準備はできましたか？

開発中の混乱を避けるため、SvelteKitはまだプライベートリポジトリで開発中です。より多くのユーザーや貢献者が利用できるようになったら、Discord、ブログ、Twitterで発表します。

それまでの間、コマンドラインからnpm init svelte@nextを実行して、現在のビルドを試すことができます。

SvelteKitとは何か？で注意喚起されているように、まだドキュメントやサポートはありません... ですので、自己責任で、あるいはご自身の楽しみのために使用してください！

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

アプリとサイト

  • manitu.meは、集中力とリラックスのためのバックグラウンドサウンド/ポモドーロタイマーです
  • Answer Socratesは、最も関連性の高いブログ記事、ツイート、または看板を書くことができるように、インターネット上でトレンドになっている質問を見つけるのに役立ちます
  • multrisは、マルチプレイヤーテトリスゲームです。開発についてはこちらをご覧ください
  • weather-abは、世界のさまざまな都市の気象アーカイブを比較します。移住を考えている人にとって不可欠です
  • Game Nibsは、ゲーマーが簡潔なゲームのアドバイス、ヒント、トリック、スクリーンショット、ビルドなどを探し、共有するためのプラットフォームです
  • Oraは、ChromeとFirefox用のオープンソースのWebサイト追跡および制限ツールです
  • vscode-dmsは、VSCode用のグループダイレクトメッセージチャットアプリです
  • Zero.2は、できるだけ早くゼロに到達しようとする数学ベースのチャレンジゲームです
  • Octave Compassは、多くの人気のある音楽スケールのコードテーブルとスケールエクスプローラーです
  • Infinite Walking Bass Generator 2は、独自のウォーキングベースラインを生成するオンライン音楽プレーヤーです
  • ListenAddictは、ある人がポッドキャストで新しいトーク/インタビューをしたときに通知するサイトです

デモ、ライブラリ、コンポーネント

  • svelte-tiny-virtual-listは、表示されているアイテムのみをレンダリングすることで、長いリストの処理を高速化します
  • svelte-queryは、非同期データとリモートデータの管理、キャッシュ、同期に役立つフックのコレクションです
  • svelte-previousは、前の値を記憶するためのsvelteストアです。トランジションやクイックアンドゥスタックに役立ちます
  • 紙吹雪キャノンの構築は、パーティクルシステムを構築し、Canvasベースのアニメーションをより大きなアプリケーションに統合する方法を説明しています
  • svelte-microは、1つのコンポーネントルーターです
  • svelte-standalone-routerは、standalone-routerに基づいたAPIを備えたスタンドアロンルーターです
  • svelte-datepickerは、時刻選択、日付範囲、レスポンシブテーマのバリエーションを備えた日付ピッカーコンポーネントです
  • svelte-slimscrollは、Svelte.jsのアクションで、任意のdivを、素敵なスクロールバー付きのスクロール可能な領域に変換できます。
  • Svelte Zoomableは、素敵なズーム効果を備えたカスタムトランジションです

共有したいコンポーネントはありますか？ 独自のコンポーネントを送信して、Svelte Societyサイトのパッケージのリストに追加してください。

学習リソース

  • Snowpackのv3リリース候補が1月6日のリリース日に向けて公開されました。 Snowpackの使用方法の詳細については、Svelte入門をご覧ください。
  • オープンソースのファイルアップローダーであるUppyは、新しいバージョン1.24でSvelteのサポートを発表しました

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

ショーケースにあなたの作品を追加しませんか？ Svelteに貢献しませんか？ 参加するには、Svelte Society、Reddit、Discordをご覧ください！