$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SpringBootとhtmx
Search
k_sasaki
August 31, 2023
Programming
1
660
SpringBootとhtmx
SpringBootとhtmxについて書きました
k_sasaki
August 31, 2023
Tweet
Share
More Decks by k_sasaki
See All by k_sasaki
SpringBoot x MyBatis x TestContainersでSQLテストを行う
koheisasaki
1
1.4k
Other Decks in Programming
See All in Programming
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
atzzcokek
0
210
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
matsu_chara
1
210
エディターってAIで操作できるんだぜ
kis9a
0
700
20 years of Symfony, what's next?
fabpot
2
350
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
6
300
愛される翻訳の秘訣
kishikawakatsumi
1
310
tparseでgo testの出力を見やすくする
utgwkk
1
190
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
720
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
120
dnx で実行できるコマンド、作ってみました
tomohisa
0
140
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.3k
AIコーディングエージェント(skywork)
kondai24
0
150
Featured
See All Featured
Statistics for Hackers
jakevdp
799
230k
GitHub's CSS Performance
jonrohan
1032
470k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Why Our Code Smells
bkeepers
PRO
340
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
The Language of Interfaces
destraynor
162
25k
Visualization
eitanlees
150
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Docker and Python
trallard
47
3.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Transcript
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はでき るので、管理面くらいのクライアントライトな案件であれば、使って みてください。 まとめ
ご清聴ありがとうございました