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はでき るので、管理面くらいのクライアントライトな案件であれば、使って みてください。 まとめ

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