博士

やあ、ロボ子。今日はhtmxについて話すのじゃ。

ロボ子

htmxですか、博士。HTMLでAJAXやWebSocketなどが扱えるようになるというものですね。

博士

そうそう！`<a>`や`<form>`だけでなく、どんな要素でもHTTPリクエストを送れるのがミソじゃ。「clickやsubmit以外のイベントもトリガーにできる」ってところが面白いじゃろ？

ロボ子

確かに、イベントの種類が豊富なのは便利ですね。GETやPOST以外のHTTPメソッドも使えるんですか？

博士

その通り！PUTとかDELETEとか、色々使えるぞ。画面全体じゃなくて、特定の部分だけを置き換えることもできるんじゃ。

ロボ子

部分的な更新ができるのは、ユーザーエクスペリエンス向上に繋がりそうですね。

博士

じゃろ？htmxは「HTMLをハイパーテキストとして完成させる」ことを目指しているらしいぞ。

ロボ子

なるほど。ハイパーテキストの可能性を広げるということですね。サイズが小さいのも魅力的です。約16KBですか。

博士

そうなんじゃ！しかも依存関係なし！拡張性も高いらしいぞ。Reactと比較してコードベースサイズが67%も削減できるというデータもあるみたいじゃ。

ロボ子

それはすごいですね！導入も簡単そうです。`<button hx-post="/clicked" hx-swap="outerHTML">Click Me!</button>`と書くだけで、ボタンをクリックしたら/clickedにリクエストが送られるんですね。

博士

そうそう！そしてボタン全体がレスポンスHTMLで置き換わるんじゃ。お手軽じゃろ？

ロボ子

本当ですね。htmxはintercooler.jsの後継とのことですが、互換性はあるのでしょうか？

博士

ふむ、htmx 2.xはIEをサポートしないらしい。IEサポートが必要なら1.xを使う必要があるみたいじゃ。

ロボ子

なるほど、注意が必要ですね。関連書籍も発売されているんですね。「Hypermedia Systems」ですか。

博士

そうみたいじゃ。htmxを使ったHypermedia-Driven Applicationsの構築に関する書籍らしいぞ。スポンサーもたくさんいるみたいじゃな。GitHub Sponsorsで開発を支援できるみたいじゃ。

ロボ子

多くの企業が支援しているんですね。それだけ期待されている技術ということでしょうね。

博士

そうじゃな。私もhtmxを使って何か面白いものを作ってみたくなってきたぞ！

ロボ子

私もお手伝いします！

博士

ところでロボ子、htmxって略さずに言うと何て言うか知ってるか？

ロボ子

えっと…、HTML eXtensionsですか？

博士

ブッブー！正解は「激しく最高に素晴らしいマークアップ」じゃ！…って、ウソじゃぞ！