8月28日、htmxチームは軽量JavaScriptライブラリ「htmx」の最新版「htmx 4.0.0」をリリースした。
2.xと4.xの動作上の違いは比較的小さく、ユーザーから見るとほぼ同じだという。内部的にはXMLHttpRequestからfetch()へ移行したものの、ほとんどのユーザーにその違いは意識されない。htmx 4.0.0の主要な変更点は3つ。
一つは、属性の継承がデフォルトでは暗黙的ではなく明示的になった点。htmx 4 では、属性名の後に:inheritedを追加して 明示的に指定しない限り、属性は継承されない。
二つ目はhtmxイベント名が標準化され整理された点。もう一つは、サポート上の問題の原因となっていた履歴機能localStorageをデフォルトで使用しなくなった点である。
また、注目の新機能として、「Morph Swaps」の追加が挙げられる。innerMorph および outerMorph のスワップが組み込み機能として追加された。
拡張機能も追加されており、hx-preload(コンテンツをプリロードして高速化)やhx-download(fetchベースのネイティブファイルダウンロード)などの拡張機能が利用できるようになっている。
htmx 4.0.0はパッケージマネージャを使用してバージョンを指定してインストールすることができる。また、htmx 2は今後も無期限でサポートされる。詳細はブログポストを参照のこと。
- 関連リンク
この記事は参考になりましたか?
- この記事の著者
-
CodeZine編集部(コードジンヘンシュウブ)
CodeZineは、株式会社翔泳社が運営する開発者のための情報メディアです。日々の開発に取り組むエンジニアやテクノロジーを学びたい方に向けて、プログラミングやAI活用、開発ツール、エンジニアの学びとキャリアに関する記事をお届けしています。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
この記事は参考になりましたか?
この記事をシェア
