Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SpringBootとhtmx
Search
k_sasaki
August 31, 2023
Programming
1
550
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
800
Other Decks in Programming
See All in Programming
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
270
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
9
3.2k
TCAを用いたAmebaのリアーキテクチャ
dazy
0
170
CloudNativePGを布教したい
nnaka2992
0
110
CI改善もDatadogとともに
taumu
0
200
Introduction to kotlinx.rpc
arawn
0
770
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
SwiftUI Viewの責務分離
elmetal
PRO
2
270
生成AIで加速するテスト実装 - ロリポップ for Gamersの事例と 生成AIエディタの活用
kinosuke01
0
130
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
3
530
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
620
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
150
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Become a Pro
speakerdeck
PRO
26
5.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Rails Girls Zürich Keynote
gr2m
94
13k
RailsConf 2023
tenderlove
29
1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Building Applications with DynamoDB
mza
93
6.2k
What's in a price? How to price your products and services
michaelherold
244
12k
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はでき るので、管理面くらいのクライアントライトな案件であれば、使って みてください。 まとめ
ご清聴ありがとうございました