Skip to main content

What's new in Svelte: 2023年2月


翻訳 : Svelte 日本コミュニティ
原文 :

正確な内容については の原文を参照してください。

先月から、Svelte と SvelteKit のマイナーバージョンのリリースがあり、たくさんの教育コンテンツが 1.0 リリースをサポートし、そして State of JS survey の結果は…

Svelte は今回も、満足度、興味、ともに上昇しました。投票してくださった皆さんに感謝します!


What's new in SvelteKit

今月の Svelte エコシステムにおける活動は、SvelteKit のバグフィックスと 1.0 ローンチからのフィードバックに対する取り組みにフォーカスされていました。待ち望まれていた SvelteKit の base path サポートのバグフィックスがリリースされたことで、リモート開発環境でも SvelteKit プロジェクトが作れるようになりました。こういったフィックスだけでなく、以下のような新機能もリリースされています:

  • <form method="get"> にプログレッシブ・エンハンスメントを適用している場合、submitter の値が自動的に含まれるようになりました (1.0.3, #8273)
  • グローバルな fetch に相対 URL が使用されている場合、開発モードではエラーが追加されるようになりました (1.0.8, #8370)
  • HTML からコメントが削除された場合にハイドレーションが壊れる可能性がある、という警告が追加されました (1.0.11, #8423)
  • .svelte ファイルに page option が使用されている場合や、レイアウトに <slot /> が無い場合に警告されるようになりました (1.1.0, #8475)
  • 新しい text(...) ヘルパーにより、テキストのレスポンスを簡単に生成できるようになりました (1.2.0, #8371)
  • パブリックな env が app.html でアクセスできるようになりました (1.2.0, Docs, #8449)
  • cookie がサイズ制限を超過した場合にエラーがスローされるようになりました (1.2.1, #8591)
  • 生成される tsconfig を変更できるようになりました (1.3.0, #8606)

What's new in Svelte and Language Tools

  • VS Code HTML language service の html.customData に対するサポートが追加されました (extensions-107.0.0, #1824)
  • インポートが必要な store のオートコンプリート (#1823) と object/class メンバーのスニペット (#1817) が Svelte extension に追加されました (extensions-107.0.0)
  • 関数の型の promise の検知が改善されました (Svelte 3.55.1, #8162)
  • グローバルな part 属性と on:submit に、それぞれ不足している型とプロパティが追加されました (Svelte 3.55.1, #8181)
  • 多くのパフォーマンス改善とバグフィックス (Svelte 3.55.1* and extensions-107.0.x)

*Svelte コンパイラに対する全ての変更については、まだ未リリースの変更も含め、 CHANGELOG をご確認ください。

Community Showcase

Apps & Sites built with Svelte

  • is a series of photographic films by the writer & photographer, Tito West
  • Verve is a lightweight and blazingly fast launcher for accessing and opening applications, files and documents
  • Round The World is an interactive guide to the travels of Andrew Carnegie
  • Linear Regression is an interactive blog post visual introduction to (almost) everything you should know about linear regression
  • Flotes is a free note taking app enhanced with flashcard features
  • nomie is a Daily Journal for short attention spans
  • is a collection of stunning websites made with no code
  • Whom to Follow helps you find accounts you'll love by searching the network of accounts you already follow
  • poker-simulator is a poker simulation and evaluation tool
  • Pixelicious converts your images into pixel art
  • Apple Music is now built with Svelte (proof)

Learning Resources

Featuring Svelte Contributors and Ambassadors

To Watch or Hear

To Read

Libraries, Tools & Components

  • Sveltepress is a simple, easy to use, content centered site build tool with the full power of SvelteKit
  • Svelte Form Helper is a lightweight helper for form validation with Svelte
  • Dapper UI is a sleek and modern UI component library for Svelte, offering full TypeScript support and extensive documentation
  • TeilUI is a better way to build design systems with Svelte
  • Neodrag is an SSR-friendly, multi-framework draggable library
  • Svelvet, a UI library for Svelte, is now 5.0 (read more here)
  • Svelte Inview is a Svelte action that monitors an element enters or leaves the viewport/parent element
  • html2svelte makes it easy to convert HTML to Svelte components in a snap

お読みいただきありがとうございます!見落としなどございましたら RedditDiscord にてお気軽にお知らせください。