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
480
SpringBootとhtmx
SpringBootとhtmxについて書きました
k_sasaki
August 31, 2023
Tweet
Share
Other Decks in Programming
See All in Programming
はじめてみよう量子プログラミング
itokoichi01
0
220
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
Method Swizzlingを行うライブラリにおけるマルチモジュール設計
yoshikma
0
120
The Shape of a Service Object
inem
0
520
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
420
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
170
ドメイン駆動設計を実践するために必要なもの
bikisuke
4
330
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
280
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
130
XStateでReactに秩序を与えたい
gizm000
0
730
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
250
Featured
See All Featured
Designing for humans not robots
tammielis
248
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
166
48k
GitHub's CSS Performance
jonrohan
1030
450k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
Practical Orchestrator
shlominoach
185
10k
Embracing the Ebb and Flow
colly
83
4.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.8k
Happy Clients
brianwarren
96
6.6k
GraphQLとの向き合い方2022年版
quramy
43
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
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はでき るので、管理面くらいのクライアントライトな案件であれば、使って みてください。 まとめ
ご清聴ありがとうございました