htmxがめっちゃいい！JavaScriptを書かずにモダンなWebアプリを作る革命

BRANK

htmxとは何かhtmxは、HTML属性だけでAJAX、CSS Transitions、WebSocket、Server-Sent Eventsを実現できるライブラリです。<button hx-post="/clicked" hx-swap="outerHTML"> クリックしてね </button> たったこれだけで、ボタンをクリックしたらサーバーにPOSTリクエストを送り、レスポンスでボタン自体を置き換えられます。JavaScriptは1行も書いていません。 JavaScriptをほぼ書かなくていいReact、Vue、Svelteなどのフレームワークは素晴らしいですが、学習コストが高く、ビルドツールの設定も必要です。htmxなら：<!-- これだけでインタラクティブなUIが作れる --> <script src=" CDNから1行読み込むだけ。npm install不要、webpack不要、Vite不要。2. HTMLが主役に戻るSPAの時代、HTMLはただの「器」になってしまいました。htmxはHTMLを再び主役にします。<!-- 検索フォーム：入力のたびにサーバーに問い合わせて結果を表示 --> <input type="search" name="q" hx-get="/search" hx-trigger="input changed delay:300ms" hx-target="#results"> <div id="results"> <!-- ここに検索結果が入る --> </div> これ、HTMLを読むだけで何…