皆さん、こんにちは！
Svelte Japanは、SvelteやSvelteKitの公式ドキュメントを日本語に翻訳し、Svelteに関するイベントを開催する、日本最大のSvelteコミュニティです。これから新たに、Svelteに関する最新情報や機能アップデート、コミュニティイベント、役立つリソースなどを定期的にお届けするニュースレターを始めます。
このニュースレターを通じて、皆さんがSvelteを使った開発をより楽しく、そして効率的に行えるようサポートしていきます！
それではさっそく、今月のトピックスを見ていきましょう！
新しいidPrefixオプション: renderに新たに追加されたこのオプションにより、クライアントサイドのID生成がより信頼性の高いものになりました。これは、ページ上に複数のSvelteランタイムが存在する場合でも安心してID生成が行えるようにするものです (5.22.0, ドキュメント, PR#15428)。
Derivedステートメントの書き換えが可能に: 今回のアップデートでは、Derivedステートメントが書き換え可能になりました。これにより、状態管理がより柔軟に行えるようになり、開発者はより快適に作業できるようになります。
(5.25.0/5.25.2, ドキュメント, PR#15570 及び PR#15581)。
サンプルコード
script>
let { post, like } = $props();
let likes = $derived(post.likes);
async function onclick() {
likes += 1;
try {
await like();
} catch {
likes -= 1;
}
}
script>
button {onclick}>🧡 {likes}button>
Svelte CLIの改善: Svelte CLIもアップグレードされ、コード生成のフォーマットが改善されました。これにより、より直感的な操作が可能となり、初心者でも扱いやすくなりました (0.7.0, PR#380)。
eslint-plugin-svelte v3のリリース: この最新のアップデートは、Svelte 5に対するサポートを改善しています。
追加されたルールのsvelte/no-unused-propsはPropsで定義されているが、コンポーネントコードでは使用されていないプロパティを教えてくれるので便利です。
その他の詳細はCHANGELOGをご覧ください。
また、今月の初めには言語ツールへの多くの修正も行われているので、プラグインは最新の状態に保つことをお勧めします！
Tailwind CSSがSvelte Playgroundに組み込まれました！
非同期rerouteの導入: rerouteが非同期で呼び出せるようになり、クッキーやリクエストコンテキストを渡す際の利便性が向上しました。これにより、より柔軟なリクエスト処理が可能となります (2.18.0/2.19.0, ドキュメント, PR#13520 及び プルリクエスト#13549)。
新しいnormalizeUrlヘルパー: この機能が追加されたことで、生のURLを正規化する手段が提供され、SvelteKit内部のデータを扱いやすくなります (2.18.0, ドキュメント, PR#13539)。
getRequestEvent 機能の追加: $app/serverに新しい関数が追加され、現在のRequestEventを取得できるようになりました。これにより、リクエストの処理がよりスムーズになります (2.20.0, ドキュメント, PR#13582)。
cloudflare-adapterのアップデート: 最新のアップデートにより、Wrangler 4のサポートが追加され、改善された_headersおよび_redirectsファイル、Cloudflare Workers Static Assets向けの特別なビルドサポートが提供されるようになりました (5.1.0-7.0.0, CHANGELOG)。
Svelte、SvelteKit、およびそのアダプターに関するバグ修正の完全なリストは、こちらとこちらのCHANGELOGをご確認ください。
今月のSvelte Japanニュースレターはいかがでしたでしょうか？
もしご意見や質問があれば、ぜひXやDiscordでお知らせください。
次回のニュースレターもお楽しみに！
またお会いしましょう！👋🏼
Be the first to comment
