最近話題のライブラリHTMXについて

インターン先の会社のオンラインLT会で発表した資料です

Transcript

1. 最近話題のライブラリ HTMXについて 鈴木愛斗
2. HTMXとは？ • 従来のHTMLに属性を追加するだけで非同期通信やDOM操作が できるようになるJavaScriptのライブラリ • JavaScriptを書かずに動的なWebサイトを作ることができる • 軽量で高速
3. 使い方 以下の１行をheadタグの中に書くだけ
4. HTMXの属性
5. ボタンを押すと/helloにGETリクエストを送って レスポンスを表示
6. HTMXの場合 JavaScriptを一切書かずに非同期通信ができる！
7. HTMXのデメリット • HTMLベースなので複雑なUI操作には向かない • 細かい動きを加えたい場合は結局JavaScriptを使うことになる • ReactのようにSPAを作るのは苦手 大規模・複雑な開発では実用的ではないかも
8. まとめ • ちょっとしたUIが欲しいけど、JavaScriptは書きたくないとき • 小規模アプリや社内ツールをサクッと作りたいとき • とにかく軽量・高速な開発がしたいとき こんなときはHTMXが便利
9. ハイパーメディアシステム htmxとRESTによるシンプルで軽やかなウェブ開発 2025年6月11日発売
10. ご清聴ありがとうございました