30秒で判断
- 対応すべき人: Svelte 5 系を利用し、CSS セレクタのエスケープや
:nth-childセレクタ、{#await}ブロックの出力で不具合に遭遇していたプロジェクト。 - 対応不要な人: 上記の不具合に該当せず、安定稼働している 5 系利用者。急いで更新する必要はありません。
- 確認コマンド:
npm ls svelte
この変更が意味すること
Svelte v5.56.10 は 5 系のパッチリリースです。新機能や破壊的変更はなく、CSS とコンパイラ周りのバグ修正が中心です。特定のセレクタ記法や {#await} ブロックで出力が意図どおりにならないケースが解消されています。
該当する不具合に遭遇していなければ急いで更新する必要はありませんが、次回の定期メンテナンス時に取り込んでおくとよいでしょう。
主な変更点
CSS 関連の修正
- セレクタ出力時に CSS のエスケープシーケンスを保持するよう修正されました(#18667)。
:nth-child(2n of.foo)のようにofの後に空白がないケースを正しくパースするよう修正されました(#18611)。- コンポーネントに falsy な値の CSS カスタムプロパティを適用するよう修正されました(#18634)。
append_styleを正しいルートへ解決するよう修正されました(#18614)。
コンパイラ / 移行スクリプトの修正
- サーバーコンパイル時に、ラベル付きステートメント内の式を変換するよう修正されました(#18617)。
{#await ... catch x}などを正しく出力するよう修正されました(#18645)。- 移行スクリプトで Program ノードのコメントを無視するよう修正されました(#18656)。
- ドキュメントで、コンテキスト参照が現在のコンポーネントとすべての祖先を含むことが明確化されました(#18581)。
EOL / サポート状況
Svelte は endoflife.date に個別の EOL カレンダーを持ちません。現行メジャーは 5 系で、npm の latest は 5.56.10 です。
| サイクル | 最新バージョン | ステータス |
|---|---|---|
| 5 | 5.56.10 | 現行(latest) |
開発者への影響
- CSS セレクタを多用するプロジェクト: エスケープシーケンスや
:nth-childのパースが改善されました {#await}を使うコンポーネント:catch付きの出力が正しくなりました- Svelte 4 からの移行中のプロジェクト: 移行スクリプトのコメント処理が改善されています
- 上記に該当しないプロジェクト: 影響は限定的です。次回の定期更新で取り込めば十分です
アップデート方法
# npm
npm install -D svelte@5.56.10
# バージョン確認
npm ls svelte
データソース: GitHub Releases API, endoflife.date, npm Registry
AI解説は Claude API により自動生成されています。正確性については原文をご確認ください。
