Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
htmx is not a typo https://github.com/kimihito ϋοΧʔζνϟϯϓϧʔ2023 LT
Slide 2
Slide 2 text
ࣗݾհ גࣜձࣾϛϊλέ දऔక ʢօ༷ͷ͓͔͛Ͱ10पʣ ͖ͳͷ : Django, htmx ࠷ۙͷڵຯ : Elixir, Go ͍͍ͩͨ͜ͷΞΠίϯͰ͢
Slide 3
Slide 3 text
ຊτʔΫͷඪ htmxݕࡧͯ͠Ͷʂ
Slide 4
Slide 4 text
htmxͱ https://htmx.org 14kbͷJavaScriptϥΠϒϥϦ ґଘͳ͠ ࡶͳઆ໌ : AjaxΛָʹ͢Δͭ
Slide 5
Slide 5 text
Thoughtworks Technology RadarʹࡌͬͨΑʂ
Slide 6
Slide 6 text
σϞ https://github.com/kimihito/hcmpl23-htmx-demo
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
Hypermedia System
Slide 11
Slide 11 text
Hypermedia system αʔόʔͰHTMLΛੜͯ͠ϒϥβͰϨϯμϦϯά͢ΔچདྷͷΞϓϦέʔγϣ ϯʢWeb 1.0ΞϓϦέʔγϣϯʣͷΓํͰ͍͍Μ͡Όͳ͍ Web 1.0ΞϓϦέʔγϣϯͰɺϢʔβ͕HTMLΛૢ࡞ʢHypermedia controlʣͰ ͖Δͷ
ͱ ͚ͩ htmx
Ҏ֎ͰϢʔβͷHypermedia controlΛ࣮ݱ͢Δ htmxͷػೳʢhx-boosthx-push-urlʣͰSPAͬΆ͍ͦΕͳΓͷUX͕ఏڙͰ͖Δ ࠷ۙͷJavaScriptϑϨʔϜϫʔΫͷΞϯνςʔθ
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
ಋೖͷܦҢ
Slide 14
Slide 14 text
ಋೖͷܦҢ Django ΞϓϦέʔγϣϯʢMPAʣͷ։ൃΛҾ͖ड ͚Δ͜ͱʹͳΔʢશମͷ৫ࣗମখ͘͞ɺ։ൃ ऀ΄΅ࢲ͚ͩʣ Ϣʔβʔͷར༻ωοτϫʔΫඇྗͳ߹͕ ଟ͍ͷͰɺJavaScriptଟ༻ආ͚͍ͨ HTMLΛΓͱΓ͢Δhtmxͷࢥ͕ັྗతͩͬͨ
Slide 15
Slide 15 text
࣮ઓೖͯ͠1΄Ͳͷײ
Slide 16
Slide 16 text
࣮ઓೖͯ͠1΄Ͳͷײ ొਓ͕গͳ͍ͷͰγϯϓϧ HTMLΛݟΔ͚ͩͰΓ͍ͨ͜ͱ͕Θ͔Δ ΫϥΠΞϯτͰ͍݁ͨ͠ͷ Alpine.js Λ͏ ඇৗʹୀ۶ʢॏཁʣˠ ࡞ΓํͰͳ͘࡞Δͷʹूத
Slide 17
Slide 17 text
୯७Ͱୀ۶ͳhtmx ੋඇτϥΠͯ͠΄͍͠Ͱ͢
Slide 18
Slide 18 text
htmx is not a typo