htmx is not a typo

https://hackers-champloo.org/2023/program.html のLT、「htmx is not a typo」のスライドです。

スライド内で紹介した情報やリンクは以下のとおりです。

https://htmx.org

https://www.thoughtworks.com/radar/languages-and-frameworks/htmx

https://github.com/kimihito/hcmpl23-htmx-demo

https://hypermedia.systems/book/contents/

https://htmx.org/essays/#memes

https://alpinejs.dev/

Transcript

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