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
790
Other Decks in Programming
See All in Programming
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
750
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
120
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
150
Formの複雑さに立ち向かう
bmthd
1
930
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
140
Better Code Design in PHP
afilina
0
160
たのしいSocketのしくみ / Socket Under a Microscope
coe401_
8
1.2k
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
860
Honoとフロントエンドの 型安全性について
yodaka
7
1.4k
Rails 1.0 のコードで学ぶ find_by* と method_missing の仕組み / Learn how find_by_* and method_missing work in Rails 1.0 code
maimux2x
1
120
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
220
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
190
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Designing Experiences People Love
moore
140
23k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Adopting Sorbet at Scale
ufuk
74
9.2k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
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はでき るので、管理面くらいのクライアントライトな案件であれば、使って みてください。 まとめ
ご清聴ありがとうございました