SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

HTMLの属性で動的UIを実現するJavaScriptライブラリ「htmx 4.0.0」リリース

 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活用、開発ツール、エンジニアの学びとキャリアに関する記事をお届けしています。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/news/detail/29606 2026/09/09 07:00

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー