SpringBootとhtmx

SpringBootとhtmx JJUGナイトセミナー 2023/08/31 @品川

自己紹介氏名: 佐々木興平(@earu) 所属: エキサイト株式会社メディア事業部主要開発技術: SpringBoot, Java, MySQL, PostgreSQL,
Redis, AWS, PHPなど... 仕事: 主にメディア開発

Web開発ってバックエンドも大事ですけど、フロントエンド大事ですよね？

バックエンドエンジニアがReact.jsとかVue.jsを追いかけるのは大変じゃないですか？大変なこと... アップデートのスピードが速いフロントエンド界隈割と発生する破壊的変更 Node.jsとの格闘その他諸々

とはいえ、メリットもたくさんモダンなフロントエンド開発 - ホットリロード - ブラウザでのデバッグ - 単体テスト - コンポーネント指向
- ReactiveでリッチなUI/UX - その他たくさんあります

モダンなフロントエンド開発 - ホットリロード - ブラウザでのデバッグ - 単体テスト - コンポーネント指向 ReactiveでリッチなUI/UX
とはいえ、メリットもたくさんなるべく諦めたくない

そこで htmx です URL: https://htmx.org/essays/a-real-world-react-to-htmx-port/

htmxとは - 元はRailsのHotwireって技術っぽい。(LaravelだとLivewireという名称) - Javascript/TypeScriptをほとんど書かずにSPAを実現するJavaScriptライブラリ - Node.jsも不要 - サーバサイドはJSONの代わりにHTMLを返却する(JSONも可)
- WebSocket/ServerSentEventにも対応

デモ動かなかった時用下記にコードとかを載せています htmxをSpringBoot Thymeleafで試してみる(1)

React.jsやVue.jsや入れなくてもJQueryで頑張らなくてもSPAはできるので、管理面くらいのクライアントライトな案件であれば、使ってみてください。まとめ

ご清聴ありがとうございました

SpringBootとhtmx

SpringBootとhtmx

k_sasaki

More Decks by k_sasaki

Other Decks in Programming

Featured

Transcript