[B! htmx] akira_maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

akira_maru id:akira_maru

htmxã«é–¢ã™ã‚‹akira_maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

HTMXå…¥é–€ã€ã¯ã˜ã‚ã‹ã‚‰ãã†ã‚„ã£ã¦æ•™ãˆã¦ãã‚Œã‚Œã°ã„ã„ã®ã«ï¼ã€‘
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã®å†…å®¹ã¯ã€ä»¥ä¸‹ã®å‹•ç”»ã§ã‚‚è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ã‹ã‚Šã‚„ã™ããªã£ã¦ã„ã‚‹ã®ã§ã€ãœã²è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ä»–ã«ã‚‚Webã«é–¢ã™ã‚‹è§£èª¬å‹•ç”»ã‚’æŠ•ç¨¿ã—ã¦ã„ã‚‹ã®ã§ã€æ°—ã«ãªã‚‹äººã¯ãƒãƒ£ãƒ³ãƒãƒ«ç™»éŒ²ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ HTMXã¨ã¯ï¼Ÿ HTMX ã¨ã¯ã€ä¸€è¨€ã§è¨€ã†ã¨ã€JavaScriptã‚’æ›¸ã‹ãšã«å‹•çš„ãªãƒšãƒ¼ã‚¸ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã“ã¨ã§ã™ã€‚ htmx is a library that allows you to access modern browser features directly from HTML, rather than using javascript. ï¼ˆè¨³ï¼‰htmx ã¯ã€JavaScript ã‚’ä½¿ç”¨ã™ã‚‹ã®ã§ã¯ãªãã€HTML ã‹ã‚‰æœ€æ–°ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼æ©Ÿèƒ½ã«ç›´æŽ¥ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ </> htmx ~ Documentation ...ã¨è¨€ã£ã¦ã‚‚
akira_maru 2024/07/19
htmx

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

é–‹ç™º
ãƒªãƒ³ã‚¯
Ajax é€šä¿¡ã‚’ç°¡å˜ã«ã™ã‚‹ htmx ã®åŸºæœ¬ã¨å®Ÿè·µ | ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ | ã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚° | åå¤å±‹ã®CMSæ§‹ç¯‰ãƒ»Webåˆ¶ä½œä¼šç¤¾ ã‚¢ãƒƒãƒ—ãƒ«ãƒƒãƒ—ãƒ«
htmx ã¯ã€JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã‹ãšã«ã‚µãƒ¼ãƒãƒ¼ã¨ã®éžåŒæœŸé€šä¿¡ã‚’å®Ÿç¾ã—ã€ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ã‚’æ›´æ–°ã™ã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã™ã‚‹ JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚HTMLå±žæ€§ã®æ‹¡å¼µã«ã‚ˆã‚Šç°¡å˜ã«ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ã€çµæžœã¨ã—ã¦ã€ã‚³ãƒ¼ãƒ‰ã®å¯èªæ€§ãŒå‘ä¸Šã—ã€å°†æ¥ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚‚å®¹æ˜“ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã®ç‰¹å¾´ã‹ã‚‰ã€htmx ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã®ç¾å ´ã§ã®æ´»ç”¨ãŒæœŸå¾…ã•ã‚Œã¾ã™ã€‚ ç°¡æ½”ã•ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£: htmx ã¯ã€è¤‡é›‘ãª JavaScriptã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã‹ãšã«ã€HTML å†…ã§ç›´æŽ¥å‹•çš„ãªæŒ¯ã‚‹èˆžã„ã‚’å®£è¨€ã™ã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€Webé–‹ç™ºãŒã‚ˆã‚Šã‚¢ã‚¯ã‚»ã‚¹ã—ã‚„ã™ãã€ã‚ˆã‚Šç†è§£ã—ã‚„ã™ããªã‚‹ã“ã¨ã‚’æ„å‘³ã—ã¾ã™ã€‚ éžåŒæœŸãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ç°¡æ˜“åŒ– : htmx ã¯ã€Ajaxãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã®å±žæ€§ã‚’æä¾›ã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ã‚µãƒ¼ãƒãƒ¼ã¸ã®éžåŒæœŸãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ç°¡å˜ã«è¡Œã„ã€ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ã‚’æ›´æ–°ã§ãã¾ã™ã€‚ å°Žå…¥ã®å®¹æ˜“ã• :
akira_maru 2024/03/05
htmx

ajax

javascript
ãƒªãƒ³ã‚¯
ã‚‚ã†jsãªã‚“ã¦ã„ã‚‰ãªã„ï¼ä¸–ç•Œã§æµè¡Œã£ã¦ã„ã‚‹HTMXã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸ - Qiita
HTMXã¨ã¯ https://htmx.org/ HTMXã¯ã€JavaScript ã‚’è¨˜è¿°ã›ãšã«ã€Ajaxé€šä¿¡ã‚„é«˜åº¦ãªUXã‚’å®Ÿç¾ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ è»½é‡ ã§ é«˜é€Ÿ ã§ã€æ—¢å˜ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªã‚„ã‚Šå–ã‚ŠãŒã§ãã‚‹ã€‚ã¾ãŸã€AJAXé€šä¿¡ã®ç™ºç«ã€ãƒ•ã‚©ãƒ¼ãƒ ã®é€ä¿¡å‡¦ç†ã€DOMã®æ›´æ–°ãªã©ã‚’æ—¢å˜ã®HTMLè¦ç´ ã‚’æ‹¡å¼µã™ã‚‹ã ã‘ã§å¯èƒ½ã¨ã™ã‚‹ã€‚WebSocketã‚„SSEã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªãªã©ã«ã‚‚é©ã—ã¦ã„ã‚‹ã€‚ 2023 JavaScript Rising Starsã§ã¯ã€ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯éƒ¨é–€ã§è¦‹äº‹2ä½ã«è¼ã„ãŸï¼(ä¸€ä½ã¯Reactã€å…¨éƒ¨é–€ã ã¨shadcn/ui)ã€€ä¼¼ãŸã‚ˆã†ãªæ©Ÿèƒ½ã¨ã—ã¦ã€Ruby on Railsã®HotWireãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ 2024å¹´ã¯HTMXãŒãã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ãã‚‰ã„ä¸–ç•Œã§é¨’ãŒã‚Œã¦ã„ã‚‹ã®ã ãŒã€ã‚ã¾ã‚Šæ—¥æœ¬ã§ã¯æµè¡Œã£ã¦ã„ãªã„ã€‚ä»¥ä¸‹ã¯Google
akira_maru 2024/02/20
javascript

htmx
ãƒªãƒ³ã‚¯
1