Skip to main content

What's new in Svelte: 2022年1月

SvelteKit のビルドの高速化と待望の REPL 機能

Dani Sandoval

翻訳 : Svelte日本コミュニティ
原文 : https://svelte.dev/blog/whats-new-in-svelte-january-2022

日本語版は原文をよりよく理解するための参考となることを目的としています。
正確な内容についてはsvelte.devの原文を参照してください。
日本語訳に誤解を招く内容がある場合は下記のいずれかからお知らせください。

Happy new year, Svelte Community! Svelte、SvelteKit、Language Tools、 Showcase にまたがって共有することがたくさんあります。Svelte を使って2021年を素晴らしい年にしてくれた全ての方に感謝します。今年も楽しみにしています 🚀

What's new in SvelteKit

  • SvelteKit の @sveltejs/adapter-static に precompress オプションが追加され、アセットとページの brotli 圧縮が簡単にできるようになりました (#3079)
  • SvelteKit の Concurrency mode はページを並行してプリレンダリングするようになりました (#3120)。1.0.0-next.205 以降ではデフォルトで有効になります
  • CSS が自動的に JS より前にインクルードされるようになり、ページのパフォーマンスが向上します (d13efe)
  • 新しい設定オプションによって service worker の登録を無効にできるようになり、カスタムで独自の登録を行うことができます (#2988)
  • SSR のルート分割(route-splitting)の導入 - モノリシックなビルドをより小さなピースに分割し、起動とルーティングのパフォーマンスを向上させます (#2931)
  • request.origin/path/query は request.url になりました - 設定とページの load 関数がシンプルになりました (#3126)
  • Vite 2.7 へのアップデート後、SvelteKit ユーザーから 大幅なパフォーマンスの向上が報告されており、SSRでのサードパーティライブラリのロードも大幅に改善されました
  • 設定ファイルの変更時、SvelteKit サーバーが自動的に再起動するようになりました (vite-plugin-svelte#237)

Other new bits from svelte/*

  • Svelte 3.44.3 がリリースされ、バインディングやループコードのいくつかのバグが修正されました
  • Svelte Language Tools が、Svelte 3.41 からの then/catch の短縮構文と TypeScript の "go to" 機能 (105.8.0 以降) のサポートが導入されました
  • Svelte REPL にも素晴らしいアップグレードがあります - 保存された REPL を削除できるようになりました。svelte.dev/apps にログインして試してみてください

Community Showcase

Apps & Sites

  • Discover Twitter Spaces は Twitter Spaces を探すのに便利なツールです
  • Modern Fluid Typography Editor は CSS clamp を使用して美しい fluid typography の作成を手助けしてくれます
  • Unnwhiteboard は "ホワイトボード" 面接を行わない企業(またはチーム)のための job board です
  • Secret Santa は手軽さを重視して開発されたギフトコーディネートアプリです
  • LogSnag は、プロジェクトのイベントを通知し、タイムラインを提供することで、重要なことが起こったときにそれを記録することができます
  • Version 0.2 of Tangent はSvelteベースのノートアプリで、ベータ版になりました
  • Intl Explorer は Intl に対応する全てのフォーマッターの出力を見るためのツールです

Svelte のメインの Web サイトと Svelte REPL を https://github.com/sveltejs/sites リポジトリに移行するために多くの作業が行われました - それには svelte.dev のリニューアルも含まれます。これを実現した全てのコントリビューターに感謝します！

もし何か作業できる楽しいSvelteKitプロジェクトをお探しなら、Svelte Society サイトの書き直しに貢献できます 💅

Learning and Listening

To Read

To Watch

To Listen To

Libraries, Tools & Components

  • svelte-headlessui は Headless UI コンポーネントライブラリの、アンオフィシャルなSvelte向けの完全移植版です
  • svelte-forms v2 がリリースされました - 作者は フィードバックを募集中です
  • Percival は宣言的なデータクエリと視覚化言語(visualization language)です
  • Svelte FlatList はモバイルフレンドリーで、シンプルで、カスタマイズ可能なドラッグメニューです
  • svelte-keyed はオブジェクトと配列向けの writable derived store です
  • Svemix は Svelte 向けの Remix です - Svelte コンポーネント/ルート内にサーバースクリプトを配置し、それがエンドポイントに変換されます

ショーケースに追加したいものがありますか？Svelte でアイデアを実現するのに助けが必要ですか？ Reddit または Discord にご参加ください！

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