[B! Hotwire] YassLabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

YassLab id:YassLab

Hotwireã«é–¢ã™ã‚‹YassLabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (49)

${{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}}

ç´ Turbo
ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯ã€SmartHR Advent Calendar 2023 ã®1æ—¥ç›®ã§ã™ã€‚ Turboã€ä½¿ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€Rails7ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸæ–°ã—ã„ãƒ•ãƒãƒ³ãƒˆç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€æ€ã£ãŸä»¥ä¸Šã«ãã™ãã£ãŸã„å‹•ãã‚’ã—ã¦åƒ•ã¯çµæ§‹å¥½ãã§ã™ã€‚ä»Šå¹´ã®Kaigi on Railsã§ã‚‚Turboã«é–¢ã™ã‚‹ã„ãã¤ã‹ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒç™ºè¡¨ã•ã‚Œã€ãã®æ³¨ç›®åº¦ãŒä¼ºãˆã¾ã™ã€‚ã—ã‹ã—ãã®æ³¨ç›®åº¦ã¨ã¯è£è…¹ã«ã€ã‚ã¾ã‚Šå‘¨å›²ã«ä½¿ã£ã¦ã„ã‚‹äººã‚’è¦‹ã‹ã‘ã¾ã›ã‚“ã€‚ã¾ã‚ãŸã—ã‹ã«æ¥å‹™ã«ä½¿ã†ã«ã¯ã¡ã‚‡ã£ã¨ç‰©è¶³ã‚Šãªã„ã‹ãªãã¨ã„ã†æ°—æŒã¡ã‚‚ã‚ã‹ã‚‰ãªã„äº‹ã‚‚ç„¡ã„ã®ã‚‚ã‚ã‚Šã¾ã™ã—ã€ã¾ãŸåŒæ™‚ã«ç¾ä»£ã§ã¯Reactã‚„Vueãªã©ãŒä¸»æµã«ãªã‚Šã™ãŽã¦ä½¿ã†æ°—ãŒèµ·ããªã„ã¨ã„ã†ç†ç”±ã‚‚ã‚ã‹ã‚Šã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ä½¿ã£ã¦ã¿ãªã„ã¨æµ·ã®ç‰©ã¨ã‚‚å±±ã®ç‰©ã¨ã‚‚ã¤ã‹ã¬ã¾ã¾ã§ã™ã€‚ãªã®ã§ã€ã¨ã‚Šã‚ãˆãšTurboã‚’ä½¿ã£ã¦ã¿ã‚‹ã®ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ï¼Ÿã€€ãªã‚“ãªã‚‰ã€Turboã¯Railsãªã—ã§ã‚‚å‹•ãã¾ã™ã—ã€ã¨ã‚Šã‚ãˆãšä½“é¨“ã—
YassLab 2024/11/22
"Turbo8ãªã©ã§ã¯ã€æ–°ãŸã«Steramã«morphã¨ã„ã†ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãŒåŠ ã‚ã‚Šã€ã‚ˆã‚Šè¡¨ç¾ãŒè±Šã‹ã«ãªã‚‹ãªã©ã€ä»Šå¾Œã«æœŸå¾…ã§ãã‚‹æŠ€è¡“ / æ–°ã—ã„ã‚¢ãƒ—ãƒªã‚’ã¨ã«ã‹ããƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„ã‚ˆã†ã«ç´ æ—©ãä½œã‚ŠãŸã„ã¨ãã€Turboã¯ç´ æ™´ã‚‰ã—ã„é¸æŠžè‚¢ã«ãªã‚‹"

Ruby

Rails

JavaScript

Hotwire
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨è¤‡é›‘ãªã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’Hotwireã§ç°¡å˜ã«ä½œã‚ŠãŸã„ - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ¬ã‚·ãƒ”äº‹æ¥éƒ¨ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã‚°ãƒ«ãƒ¼ãƒ—ã®æ¸¡é‚‰ï¼ˆ@taso0096ï¼‰ã§ã™ã€‚ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã¯æœ€è¿‘ã€One Experienceã¨ã„ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦æ—¥æœ¬ç‰ˆã¨ã‚°ãƒãƒ¼ãƒãƒ«ç‰ˆã®ã‚·ã‚¹ãƒ†ãƒ ãŒçµ±åˆã•ã‚Œã¾ã—ãŸã€‚ ã©ã¡ã‚‰ã®ã‚·ã‚¹ãƒ†ãƒ ã‚‚Railsã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ç‚¹ã¯åŒã˜ã§ã™ãŒã€çµ±åˆå…ˆã¨ãªã£ãŸã‚°ãƒãƒ¼ãƒãƒ«ç‰ˆã§ã¯HotwireãŒä½¿ã‚ã‚Œã¦ã„ã¾ã—ãŸ*1ã€‚ãã®ãŸã‚ã€One Experienceé–¢é€£ã®é–‹ç™ºã§ã¯HotwireãŒç©æ¥µçš„ã«æ´»ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯ãã‚“ãªHotwireã®å¤šãã®æ©Ÿèƒ½ãŒä½¿ã‚ã‚ŒãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç‰ˆã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç‰ˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒãƒ¼ ã¡ã‚‡ã£ã¨è¤‡é›‘ãªã‚µã‚¤ãƒ‰ãƒãƒ¼ One Experienceã«ä¼´ã„ã€ã‚°ãƒãƒ¼ãƒãƒ«ç‰ˆã«ã‚‚ã¨ã‚‚ã¨å˜åœ¨ã—ãŸUIã®ã¾ã¾ç§»è¡Œã™ã‚‹ã®ã§ã¯ãªãã€ã„ãã¤ã‹ç”»é¢æ§‹æˆã®å¤‰æ›´ã‚’å…¥ã‚Œã‚‹äº‹ã«ãªã‚Šã¾ã—ãŸã€‚ç‰¹ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç‰ˆã«ãŠã„ã¦ã¯ã€è‡ªåˆ†ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ˆã‚Šç´ æ—©ã
YassLab 2024/11/14
â€œJavaScriptã‚’ã»ã¨ã‚“ã©æ›¸ã‹ãšã«ä¸»è¦ãªæ©Ÿèƒ½ã®å®Ÿè£…ãŒã§ããŸ / JavaScriptã¯å¥½ãã§ã™ãŒã€Railsã‚’æ›¸ãä¸Šã§Hotwireã¯ã‹ãªã‚Šè‰¯ãã§ããŸä»•çµ„ã¿ / Hotwireã¯ã¾ã ä½¿ã„å§‹ã‚ãŸã°ã‹ã‚Šã®æŠ€è¡“ã§ã™ã®ã§ã€æ–°ã—ã„çŸ¥è¦‹ãŒæºœã¾ã£ãŸã‚‰ã¾ãŸå…±æœ‰ã—ãŸã„â€

Ruby

Rails

JavaScript

Hotwire
ãƒªãƒ³ã‚¯
Hotwire for Frontend devs
ä¸‹è¨˜ã®ãƒ“ãƒ‡ã‚ªã¯2024å¹´8æœˆã«è¨˜éŒ²ã—ãŸNewsPicksç¤¾ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã™ã€‚Next.jsã®SSRã¨GraphQLã‚’ä½¿ã£ã¦ä½œæˆã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ã—ã‹ã—UXä¸Šã®å¤§ããªå•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ä¸‹è¨˜ãƒ“ãƒ‡ã‚ªã‚’ã”è¦§ã«ãªã£ã¦ã„ãŸã ãã¨ã‚ã‹ã‚Šã¾ã™ãŒã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚å…¨ããƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒãªãã€1ç§’å¾Œãã‚‰ã„ã«ã‚„ã£ã¨ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ã¯è‡ªåˆ†ãŒã¡ã‚ƒã‚“ã¨ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‹ã©ã†ã‹ã«è‡ªä¿¡ãŒæŒã¦ãšã€ä¸å®‰ã«ãªã‚Šã¾ã™ã€‚ã¾ãŸã‚µã‚¤ãƒˆå…¨ä½“ãŒãƒ¢ãƒƒã‚µãƒªã—ã¦ã„ã‚‹æ„Ÿè¦šãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯æ±ºã—ã¦NewsPicksç¤¾ãŒæ‚ªã„ã‚ã‘ã§ã¯ãªãã€AJAX/fetchã«ã‚ˆã‚‹éžåŒæœŸé€šä¿¡ã‚’ä½¿ã£ã¦ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’æ›´æ–°ã™ã‚‹å…¨ã¦ã®ã‚µã‚¤ãƒˆã«å…±é€šã™ã‚‹èª²é¡Œã§ã™ã€‚å¼·ã„ã¦ã„ã†ã¨ã€Next.js Pages Routerã®SSRã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚‚å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã‚‚è§£æ±ºç–ã‚’ææ¡ˆã—ã¦ã„ãªã‹ã£ãŸã®ãŒåŽŸå› ã¨è¨€ãˆã¾ã™ã€‚ åŒã˜ã“ã¨ã¯Turbo Framesã‚„Turbo St
YassLab 2024/08/14
"ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚å…¨ããƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒãªãã€1ç§’å¾Œãã‚‰ã„ã«ã‚„ã£ã¨ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ã¯è‡ªåˆ†ãŒã¡ã‚ƒã‚“ã¨ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‹ã©ã†ã‹ã«è‡ªä¿¡ãŒæŒã¦ãšã€ä¸å®‰ã«ãªã‚Šã¾ã™ã€‚ã¾ãŸã‚µã‚¤ãƒˆå…¨ä½“ãŒãƒ¢ãƒƒã‚µãƒªã—ã¦ã„ã‚‹æ„Ÿè¦š"

Hotwire

Next.js

Frontend

JavaScript

SPA
ãƒªãƒ³ã‚¯
Why CTOs are choosing Hotwire and Ruby on Rails
thoughtbot had the pleasure of partnering with Clara on a recent project. thoughtbotâ€™s deep expertise in Ruby on Rails and Hotwire made us a great match as Claraâ€™s techno logy partner. We sat down with Ian Gillis, the CTO and Co-founder of Clara to learn more about the company and what led them to choose Hotwire. What is Clara and what stage is the company in? Clara is a marketplace for in-home sen
YassLab 2024/08/09
"looked at a bunch of different approaches â€“ Go, HTMX, Django, ... Sveltekit, and more. What clinched the decision for Rails & Hotwire was the direction of Turbo Native. The ability to use a single codebase not only for web front- & back-end, but also for mobile, wasnâ€™t available anywhere else."

Hotwire

Rails

React

Ruby

Frontend

CTO
ãƒªãƒ³ã‚¯
Rails 7ã®Hotwireã‚’ç°¡å˜ã«ç†è§£ã™ã‚‹
GMOã‚¢ãƒ‰ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã®å‰å²¡ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Rails 7ã§è¿½åŠ ã•ã‚ŒãŸHotwireã¨ã„ã†æŠ€è¡“ã«ã¤ã„ã¦ã€ä½•ãŒè‰¯ã„ã®ã‹ï¼Ÿã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ï¼Ÿã‚’è©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Hotwireã¨ã¯ï¼Ÿ å¤§é‡ã®JavaScriptã‚’ä½¿ã‚ãšã«ã€ãƒ¢ãƒ€ãƒ³ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãŸã‚ã®ã‚¢ãƒ—ãƒãƒ¼ãƒ JSONã§ã¯ãªãHTMLãƒ™ãƒ¼ã‚¹ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§HTMLã‚’ç”Ÿæˆã—ã€WebSocketã§Webãƒ–ãƒ©ã‚¦ã‚¶ã¸é€ä¿¡ æ§‹æˆã™ã‚‹ä¸»ãªè¦ç´ Turbo Stimulus Hotwireã‚’ä½¿ã†ã¨ä½•ãŒè‰¯ã„ã®ã‹ï¼Ÿ Rails6ä»¥å‰ã®ç’°å¢ƒ æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®js(ES6)ã‚’ä½¿ã„ãŸã„ â†’ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ãŒå¯¾å¿œã—ã¦ã„ãªã„ãŸã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ES5ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ ãã®ãŸã‚ã«å¿…è¦ãªãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¨ãã®å½¹å‰² node.js ES6ã®jsã‚’ã‚µãƒ¼ãƒãƒ¼å´ã§è§£é‡ˆã™ã‚‹ãŸã‚ã«å¿…è¦ ES6ã®jsã‚’ES5ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã™ã‚‹ãŸã‚ã€node.j
YassLab 2024/07/31
"Hotwireã‚’ä½¿ã†ã“ã¨ã§ã€ä¾å˜é–¢ä¿‚ã®å•é¡Œæ”¹å–„ã‚„jsã®ã‚³ãƒ¼ãƒ‰å‰Šæ¸›ã€SPAã‚„Websocketã‚’ä½¿ã£ãŸé–‹ç™ºãªã©ãŒã‹ãªã‚Šã‚„ã‚Šã‚„ã™ããªã£ãŸ / å¤šãã®æ–°ã—ã„æŠ€è¡“ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã§åˆã‚ã¯æŠµæŠ—ã‚ã‚‹ã‹ã‚‚ / å…¨ä½“åƒã‚’ç†è§£ã—ã¦å¿…è¦ã«å¿œã˜ã¦ä½¿ã£ã¦ã„ã"

Ruby

Rails

Hotwire

SPA

JavaScript
ãƒªãƒ³ã‚¯
Rails Tutorialã§å¦ã¹ã‚‹ã“ã¨ãƒ¡ãƒ¢-ç¬¬14ç« - | tnkzw.sake blog
YassLab 2024/07/29
â€œå®Ÿéš›ã«èªè¨¼ã‚„èªå¯ãƒ¢ãƒ‡ãƒ«ã‚’ä¼´ã£ãŸã‚‚ã®ã‚’ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹ã®ã§ã€å‹•ãã‚‚ã®ã‚’ä½œã‚‹ï¼ã¨ã„ã†ã‚¹ã‚¿ãƒ¼ãƒˆåœ°ç‚¹ã¾ã§ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã¨ã™ã‚‹ã®ã«ã™ã”ãã¡ã‚‡ã†ã©ã„ã„æ•™æâ€

Ruby

Rails

Railsãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

SQL

Hotwire
ãƒªãƒ³ã‚¯
Hotwire for Frontend devs
Hotwire for Frontend Developersãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Hotwireå…¥é–€Hotwireã¯è¿‘å¹´æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã§ã™ã€‚ React/Next.jsã‚’ã™ã§ã«ç†è§£ã—ã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’å¯¾è±¡ã«ã€å®Ÿéš›ã«å‹•ãã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãªãŒã‚‰Hotwireã¨React/Next.jsã‚’æ¯”è¼ƒã—ã€Hotwireã®ç´ æ™´ã‚‰ã—ã•ã¨è€ƒãˆæ–¹ã‚’ç†è§£ã—ã¦ã‚‚ã‚‰ã†ã“ã¨ãŒæœ¬ã‚µã‚¤ãƒˆã®ç›®çš„ã§ã™ã€‚ Hotwireã¯ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰éžä¾å˜ã§ã™ã€‚Rails, Laravel, Django, Nodeã§ã‚‚é–¢ä¿‚ãªãå‹•ãã¾ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã‚‚Hotwireã‚’Next.jsä¸Šã§å‹•ã‹ã—ã¦ã„ã¦ã€ã™ã¹ã¦JavaScript (TypeScript)ã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚JavaScriptã•ãˆã‚ã‹ã‚Œã°ç°¡å˜ã«ã‚³ãƒ¼ãƒ‰ã‚’è¿½ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ æœ¬ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‰ã¯GitHubã«å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸVercelã§ãƒ‡ãƒ—ãƒã‚¤
YassLab 2024/07/21
â€œãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«éžä¾å˜ã§ã€Rails, Laravel, Django, Expressã§ã‚‚é–¢ä¿‚ãªãå‹•ãã¾ã™/ æœ¬ã‚µã‚¤ãƒˆã§ã¯å®Ÿéš›ã«å‹•ä½œã™ã‚‹ã‚µã‚¤ãƒˆã§UXã‚’æ¯”è¼ƒã—ã€ã¾ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã—ãªãŒã‚‰ã€Hotwireã¨React/Next.jsã‚’æ¯”è¼ƒâ€

Frontend

JavaScript

Rails

Laravel

Django

Hotwire

Next.js

Turbo

Vercel

GitHub
ãƒªãƒ³ã‚¯
RubyMine ã§ Turbo ã‚’ Rails ã‚¢ãƒ—ãƒªã«ä½¿ç”¨ã™ã‚‹ | The RubyMine Blog
çš†ã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ï¼ RubyMine ãƒãƒ¼ãƒ ã¯ Ruby ã¨ Rails ã®æ–°ã—ã„ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®ã‚µãƒãƒ¼ãƒˆã‚’æä¾›ã™ã‚‹ãŸã‚ã®ç¶™ç¶šçš„ãªå–ã‚Šçµ„ã¿ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ Rails ã«æœ€è¿‘è¿½åŠ ã•ã‚ŒãŸæœ€ã‚‚ç”»æœŸçš„ãªæ‰‹æ³•ã® 1 ã¤ã¯é–“é•ã„ãªã Hotwire ã ã¨è¨€ãˆã¾ã™ã€‚ãã“ã§ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ä¸€å¼ã®æ¦‚è¦ã¨ RubyMine ã§æœ€ã‚‚é‡è¦ãª Turbo æ©Ÿèƒ½ã¨ Stimulus æ©Ÿèƒ½ã‚’ Rails ã‚¢ãƒ—ãƒªã«ä½¿ç”¨ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ Turbo ã‚’å–ã‚Šä¸Šã’ã¦ã„ã¾ã™ã€‚Stimulus ã®ã‚µãƒãƒ¼ãƒˆã«ã¤ã„ã¦ã®è©³ç´°ã¯ã€æ¬¡ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’ãŠå¾…ã¡ãã ã•ã„ã€‚ Hotwire ã¨ Turbo Hotwire ã¨ã¯ï¼Ÿ Hotwire ã¯ JSON ã®ä»£ã‚ã‚Šã« HTML ã‚’ãƒ¯ã‚¤ãƒ¤ãƒ¼è¶Šã—ã«é€ä¿¡ã™ã‚‹ã“ã¨ã§ã‚¦ã‚§ãƒ–é–‹ç™ºã‚’å˜ç´”åŒ–ã—ã¾ã™ï¼ˆåç§°ã¯ã€ŒHTML over the wireã€ã®ç•¥ç§°ã§ã™ï¼‰ã€‚ ã“ã‚Œã«ã‚ˆã‚Š
YassLab 2024/07/21
â€œã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ Turbo ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ãã® Turbo Stream ã¨ Turbo Frame ã¨ã„ã†åŸºæœ¬çš„ãªæ¦‚å¿µã«ã¤ã„ã¦èª¬æ˜Ž / Turbo Frame ã¨ Turbo Stream ã‚’ Rails ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½¿ç”¨ã—ã€ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ›´æ–°ã§ãã‚‹â€

Ruby

Rails

Railsãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

RubyMine

Hotwire

Turbo
ãƒªãƒ³ã‚¯
Rails: Hotwireã¨SPAã‚’æ¯”è¼ƒã™ã‚‹ãªã‚‰å®Ÿè£…ã‚³ã‚¹ãƒˆã®é•ã„ã«æ³¨æ„ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ åŽŸè‘—è€…ã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: The popover drama åŽŸæ–‡å…¬é–‹æ—¥: 2024/06/02 åŽŸè‘—è€…: Jorge Manrubia æ—¥æœ¬èªžã‚¿ã‚¤ãƒˆãƒ«ã¯å†…å®¹ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæŽ¥ç¶šãŒé…ã„ç’°å¢ƒã§HEYã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®ãƒãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼ã®èªã¿è¾¼ã¿ãŒé…ããªã‚‹æ§˜åãŒä»¥ä¸‹ã§ãƒ„ã‚¤ãƒ¼ãƒˆã•ã‚ŒãŸã“ã¨ãŒãã£ã‹ã‘ã§ã€ãƒãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼ã®ãƒ‰ãƒ©ãƒžãŒå¹•ã‚’é–‹ã‘ã¾ã—ãŸã€‚ãã®å¾Œã€ç„¡æ…ˆæ‚²ã§è¾›è¾£ãªæ›¸ãè¾¼ã¿ã‚„ãƒ—ãƒã®è’ã‚‰ã—ã®å‡ºç¾ãªã©ã€æœ€ã‚‚SNSã‚‰ã—ã„å½¢ã§è°è«–ãŒãƒ’ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ If you want to know why an app *needs* JavaScript on the client and canâ€™t just do it all on the server, just look at Hey or any other Hotwrite app pic.twit
YassLab 2024/07/17
â€œSPAã¯æ½œåœ¨çš„ã«å„ªã‚ŒãŸå¿œç”æ€§ã‚’æä¾›ã—ã¾ã™ãŒã€é€”æ–¹ã‚‚ãªãé«˜ã‚³ã‚¹ãƒˆã§ã™ã€‚ã“ã“æ•°å¹´ã€SPAãŒã‚‰ã¿ã®æã‚ã—ã„è©±ãŒåŽŸå› ã§ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒå¤±æ•—ã—ãŸã¨ã„ã†è©±ã‚’æ•°ãˆåˆ‡ã‚Œãªã„ã»ã©è€³ã«ã—ã¦ã„ã¾ã™ã€‚ç¾å®Ÿä¸–ç•Œã§ã¯ã‚³ã‚¹ãƒ‘ãŒã™ã¹ã¦ã§ã‚ã‚‹â€

SPA

Hotwire

Rails

JavaScript

Ruby
ãƒªãƒ³ã‚¯
Rails7 + ViewComponent + Hotwireã§ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’è©¦ã—ã¦ã¿ãŸ
ã¯ã˜ã‚ã« æœ¬è¨˜äº‹ã§ã¯ç’°å¢ƒæ§‹ç¯‰ã«ã¤ã„ã¦å–ã‚Šæ‰±ã„ã¾ã›ã‚“ã€‚ è©³ç´°ã«ã¤ãã¾ã—ã¦ã¯ãƒªãƒã‚¸ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã¤ã‚‰ã„ã¨ã“ã‚ Railsã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã™ã‚‹å ´åˆã«ã€ã‚ˆãä½¿ã†éƒ¨å“ã¯Partialãªã©ã§å…±é€šåŒ–ã—ã¾ã™ã‚ˆãï¼Ÿ å°è¦æ¨¡ã§ã‚ã‚Œã°Partialã ã‘ã§ååˆ†ãªã®ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ãŒæˆé•·ã—ãŸã‚Šã€è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚’æº€ãŸã™ã‚ˆã†ã«ãªã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªèª²é¡ŒãŒç”Ÿã¾ã‚Œã¦ãã¾ã™ã€‚ 1. ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã‚’æŠŠæ¡ã—ã¥ã‚‰ã„ Partialã¯Controllerã§å®šç¾©ã—ãŸã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹å¤‰æ•°ã‚’å‚ç…§ã§ãã‚‹ãŸã‚ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ãŒè¤‡é›‘ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ Partialã«å€¤ã‚’å—ã‘æ¸¡ã™ã¨ãã«localsã§ã®å—ã‘æ¸¡ã—ã‚’å¿…é ˆã«ã™ã‚Œã°è§£æ¶ˆã§ãã¾ã™ãŒã€æ›–æ˜§ãªæ–¹é‡ã§Partialã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã¨ã‚«ã‚ªã‚¹ã«ãªã‚Šã¾ã™ã€‚ 2. JavaScriptã¨Viewã®ä¾å˜é–¢ä¿‚ãŒæ›–æ˜§ã§ä¿å®ˆã—ã¥ã‚‰ã„ Viewå˜ä½ã§JavaS
YassLab 2024/04/27
"JavaScriptã®å‹•ä½œã‚’ãƒ†ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’å°‘ãªã„ã‚³ã‚¹ãƒˆã§å®Ÿè£…ã§ãã‚‹ / ViewComponentã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼æ©Ÿèƒ½ã¨capybaraã®system specã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™"

Ruby

Rails

ViewComponent

Hotwire

ãƒ†ã‚¹ãƒˆ

é–‹ç™º

JavaScript
ãƒªãƒ³ã‚¯
GitHub - kuroweb/viewcomponent-hotwire-tailwindcss: Hotwire + ViewComponent + TailwindCSS ã®çµ„ã¿åˆã‚ã›ã«ã‚ˆã‚Šã€/componentsã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ãªå®Ÿè£…ã‚’ç›®æŒ‡ã™
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
YassLab 2024/04/27
â€œRails7, Hotwire, ViewComponent, TailwindCSS ã§ã®ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ. Hotwire + ViewComponent + TailwindCSS ã®çµ„ã¿åˆã‚ã›ã«ã‚ˆã‚Šã€/componentsã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ãªå®Ÿè£…ã‚’ç›®æŒ‡ã™.â€

Ruby

Rails

Hotwire

GitHub

ViewComponent

Components
ãƒªãƒ³ã‚¯
ã€Œä½œã‚ŠãŸã„ã‚‚ã®ã‚’ã„ã‹ã«æ—©ãå®Œæˆã•ã›ã‚‹ã‹ãŒæ£ç¾©ã€ã€€ã¾ã¤ã‚‚ã¨ã‚†ãã²ã‚æ°ãŒèªžã‚‹ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºã«ãŠã‘ã‚‹ãƒ™ãƒã‚·ãƒ†ã‚£ã®é‡è¦æ€§
ã€Œä½œã‚ŠãŸã„ã‚‚ã®ã‚’ã„ã‹ã«æ—©ãå®Œæˆã•ã›ã‚‹ã‹ãŒæ£ç¾©ã€ ã¾ã¤ã‚‚ã¨ã‚†ãã²ã‚æ°ãŒèªžã‚‹ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºã«ãŠã‘ã‚‹ãƒ™ãƒã‚·ãƒ†ã‚£ã®é‡è¦æ€§ #18 å‹•çš„åž‹ä»˜ã‘è¨€èªžã¨å¤§è¦æ¨¡é–‹ç™º ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œå‹•çš„åž‹ä»˜ã‘è¨€èªžã¨å¤§è¦æ¨¡é–‹ç™º ã¾ã¤ã‚‚ã¨ã‚†ãã²ã‚æ°ï¼šã“ã‚“ã«ã¡ã¯ã€‚ã¾ã¤ã‚‚ã¨ã‚†ãã²ã‚ã§ã™ã€‚Matzãƒãƒ£ãƒ³ãƒãƒ«ã€18å›žç›®ã«ãªã‚Šã¾ã™ãã€‚ä»Šæ—¥ã¯å‰å›žã®ç¶šãã§ã€ã€Œå‹•çš„åž‹ä»˜ã‘è¨€èªžã¨å¤§è¦æ¨¡é–‹ç™ºã€ã«ã¤ã„ã¦è©±ãã†ã¨æ€ã„ã¾ã™ã€‚ æœ¬å½“ã¯å‰å›žæ”¾é€ãƒªãƒªãƒ¼ã‚¹ã—ãŸæ¬¡ã®æ—¥ãã‚‰ã„ã«æ”¾é€ã§ãã‚‹ã‚ˆã†ã«ã¨æ€ã£ã¦ã„ãŸã‚“ã§ã™ã‘ã©ã€æ„å¤–ã¨å¿™ã—ãã¦ã§ã™ãï¼ˆç¬‘ï¼‰ã€‚ ä»Šåº¦ã€ãƒ•ã‚£ãƒ³ãƒ©ãƒ³ãƒ‰ã®ãƒ˜ãƒ«ã‚·ãƒ³ã‚ã§ã€ã€ŒEurukoã€ã¨ã„ã†ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒé–‹ã‹ã‚Œã‚‹ã‚“ã§ã™ã‘ã‚Œã©ã‚‚ã€ã¾ã ç‰©ç†ã§æµ·å¤–æ—…è¡Œã™ã‚‹æ°—ã«ãªã‚‰ãªã„ã®ã§ã€ã‚ãƒ¼ãƒŽãƒ¼ãƒˆã‚’éŒ²ç”»ã—ã¾ã—ã‚‡ã†ã¨ã„ã†è©±ã«ãªã£ã¦ã€ãã®ã‚ãƒ¼ãƒŽãƒ¼ãƒˆã®æº–å‚™ã‚’ã—ã¦ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’æ›¸ã„ã¦ã€è‹±èªžã®è¬›æ¼”ã‚’éŒ²ç”»ã™ã‚‹ã¿ãŸã„ãªä½œæ¥ã‚’ã—ã¦ã„ãŸã‚‰ã€ã‚ã£ã¨ã„ã†é–“ã«æ™‚é–“ãŒçµŒã£ã¦ã—ã¾ã£ã¦ã€ã€ŒVoic
YassLab 2024/04/19
"RubyãŒå¯¾è±¡ã«ã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ç¯„å›²å†…ã§ã¯ã€åž‹å®£è¨€ã®ãªã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã‹ã¤ã€é™çš„åž‹ã®benefitã‚’ãƒ„ãƒ¼ãƒ«ã¨ã‹ã®æ”¯æ´ã«ã‚ˆã£ã¦å®Ÿç¾ / ã©ã‚“ãªè¨€èªžã‚’ä½¿ã†ã‹ã‚ˆã‚Šã‚‚ã€velocityã‚’é”æˆã™ã‚‹ã“ã¨ãã®ã‚‚ã®ã®ã»ã†ãŒé‡è¦ã ã¨ç§ã¯æ€ã†"

Ruby

Rails

Hotwire

åž‹

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢

é–‹ç™º

è¨€èªž

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

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
GitHub - josefarias/hotwire_combobox: An accessible autocomplete for Ruby on Rails.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
YassLab 2024/04/10
â€œHotwireCombobox is at an early stage of development. It's nearing a beta release, but the API might change and bugs are expected. Please continue to use the library and report any issues in the GitHub repo. â€

Ruby

Rails

Hotwire
ãƒªãƒ³ã‚¯
å€‹äººçš„Railsé–‹ç™ºç’°å¢ƒæ§‹ç¯‰2024
æ–°è¦ã§Rails ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ã‚‹æ™‚ã®å€‹äººçš„ãªç’°å¢ƒæ§‹ç¯‰ã«ã¤ã„ã¦ã¾ã¨ã‚ã‚‹ã€‚å‰æã¨ã™ã‚‹æ¡ä»¶ç‰ã¯ä¸‹è¨˜ã€‚ è¦æ¨¡: ~ä¸è¦æ¨¡ é–‹ç™ºè€…æ•°: å€‹äºº åˆ©ç”¨ã‚·ãƒ¼ãƒ³: PoCä½œæˆãƒ»ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ç«‹ã¡ä¸Šã’ãƒ»ä¸¦ã®æ¥å‹™ã‚¢ãƒ—ãƒªé–‹ç™ºç‰ åŸºæœ¬æˆ¦ç•¥ åˆ©ç”¨ã‚·ãƒ¼ãƒ³çš„ã«ã€Œæ€ã„ç«‹ã£ãŸã‚‰ã™ãã‚¢ãƒ—ãƒªã®é–‹ç™ºãŒã§ãã‚‹ã€ã¨ã„ã†æ„Ÿã˜ã®é‹ç”¨ãŒã—ãŸã„ã€‚æ¥µåŠ›ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã§æ‚©ã¿ãŸããªã„ã‹ã‚‰å¿…è¦ãªãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ãªã©ã¯å…¨éƒ¨Dockerã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ç«‹ã¡ä¸Šã’ã‚Œã°çµ‚ã‚ã‚Šã€ã®ç’°å¢ƒã‚’ä½œã‚‹ã€‚ãã®ç’°å¢ƒã®ä¸ã§è‰²ã€…ã¨ã‚³ãƒžãƒ³ãƒ‰ã‚’å©ã„ãŸã‚Šã€rails newã‚„rails gãªã©ã§Railsã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¦ã„ãã€‚ ã“ã®è¾ºã®Railsã®åˆæœŸã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã®æ‰‹é–“ã‚’å‡ºæ¥ã‚‹ã ã‘çœããŸã„ã®ã§templateã¨ãªã‚‹ãƒªãƒã‚¸ãƒˆãƒªã‚’ä½œæˆã—ã€ãã“ã‹ã‚‰cloneã—ã¦ãã‚‹ã ã‘ã§OKã«ã™ã‚‹ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯Reactãªã©ã‚’ä½¿ã‚ãšã‚’Railsæ¨™æº–ã®erbã¨Hotwireã‚’è»¸ã«é–‹ç™ºã™ã‚‹ã€‚é–‹
YassLab 2024/03/17
â€œè‡ªåˆ†ã¯TypeScriptã‚’ä½¿ã„ãŸã‹ã£ãŸã‚ŠHMRã‚„ã‚‰ã®ãƒ•ãƒãƒ³ãƒˆå´ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ç®¡ç†ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã—ãŸã‹ã£ãŸã®ã§Viteã‚’ä½¿ã†ã“ã¨ã«ã—ãŸã€‚å°Žå…¥ã«ã¯Vite Rubyã¨ã„ã†gemã‚’ä½¿ã†ã¨ç°¡å˜â€

Ruby

Rails

Hotwire

TypeScript

Vite
ãƒªãƒ³ã‚¯
</> htmx ~ Hotwire / Turbo âž¡ï¸ htmx Migration Guide
YassLab 2024/01/21
â€œHotwire / Turbo âž¡ï¸ htmx Migration Guide: htmx is focused on a set of transparent, highly flexible extensions of html to its logical conclusion as a hypertext. / Hotwire & Turbo is focused on a smooth out of the box experience, but is more opinionated and less flexible.â€

Ruby

Hotwire

Rails

Turbo
ãƒªãƒ³ã‚¯
Five big open source gifts from us
December 20, 2023 Five big open source gifts from us Itâ€™s been an incredibly productive year at 37signals. Perhaps our most productive one yet, in terms of total number of product improvements, new product developments, and open source extractions. But itâ€™s only by looking back at the work from a distance that you can really appreciate it. So allow me to do that here. To appreciate the banner year
YassLab 2024/01/10
"The new frontiers with PWAs, installable apps, and #nobuild are really exciting. Weâ€™ll try our best to continue to push the web forward to a simpler, easier place for new and existing business to build. A world where the lone developer remains competitive. / Have a great Christmas and New Year!"

Ruby

Rails

Hotwire

Turbo
ãƒªãƒ³ã‚¯
Rails: ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯Railsã®æœªæ¥ï¼ˆ1ï¼‰Turbo Morph Driveï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: The future of full-stackÂ Rails: TurboÂ MorphÂ Driveâ€”Martian Chronicles, Evil Martiansâ€™ team blog åŽŸæ–‡å…¬é–‹æ—¥: 2023/10/16 åŽŸè‘—è€…: Vladimir Dementyevï¼ˆé¦–å¸ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼‰ã€Travis Turnerï¼ˆæŠ€è¡“ç·¨é›†è€…ï¼‰ ã‚µã‚¤ãƒˆ: Evil Martians -- ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯ã‚„ãƒã‚·ã‚¢ã‚’ä¸å¿ƒã«æ‹ ç‚¹ã‚’æ§‹ãˆã‚‹Ruby on Railsé–‹ç™ºä¼šç¤¾ã§ã™ã€‚è‰¯è³ªã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’å¤šæ•°å…¬é–‹ã—ã€å¤šãã®gemã®ã‚¹ãƒãƒ³ã‚µãƒ¼ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ æ—¥æœ¬èªžãƒ–ãƒã‚°: åˆåŒä¼šç¤¾ã‚¤ãƒ¼ãƒ“ãƒ«ãƒžãƒ¼ã‚·ãƒ£ãƒ³ã‚º - Qiita æ—¥æœ¬èªžã‚¿ã‚¤ãƒˆãƒ«ã¯å†…å®¹ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« Webé–‹ç™ºã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ã€Œãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯å›žå¸°ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã¯ã¾ã™ã¾ã™å‹¢ã„ã‚’å¢—ã—ã¦ã„ã¾ã™
YassLab 2023/11/29
"ã¨ã³ãã‚Šæ³¨ç›®æ ªã®ãƒˆãƒ”ãƒƒã‚¯ãŒã€Rails 7ã‹ã‚‰ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚Šç¶šã‘ã¦ã„ã‚‹Turboã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹Turbo 8 / DOMãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ï¼ˆDOM morphingï¼‰ã‚„ãƒšãƒ¼ã‚¸ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ãªã©ã€æ—¢ã«æ˜Žã‚‰ã‹ã«ãªã£ã¦ã„ã‚‹"

Rails

Turbo

DOM

Hotwire

Ruby
ãƒªãƒ³ã‚¯
Hotwireã¨ã¯ä½•ãªã®ã‹ï¼Ÿ
ã¯ã˜ã‚ã« Hotwireã¯BasecampãŒç™ºè¡¨ã—ãŸã€ãƒ¢ãƒ€ãƒ³ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãŸã‚ã®æ–°ã—ã„ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã™ã€‚åå‰ã‚‚HTML OVER THE WIREã‹ã‚‰æ¥ã¦ã„ã‚‹ã‚ˆã†ã«ã€Hotwireã§ã¯HTMLã‚’ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰é€ã‚Šã¾ã™ã€‚ã€Œãã‚Œæ™®é€šã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ï¼Ÿã€ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€SPA + APIã‚µãƒ¼ãƒã§JSONãŒä½¿ã‚ã‚Œã‚‹ã®ã«å¯¾ã—ã€SPAã¨åŒæ§˜ã®ä½“é¨“ã‚’HTMLã‚’ä¸å¿ƒã«ç½®ã„ã¦ä½œã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã™è¡¨ç¾ã§ã™ã€‚ åƒ•å€‹äººã¯ã€æœ€åˆã¯ã€Œãµã€œã‚“ã€ã¨ã„ã†æ„Ÿã˜ã ã£ãŸã‚“ã§ã™ãŒ turbo-railsã‚’èªã¿ã¤ã¤Hotwireã®ãƒ‡ãƒ¢ã‚¢ãƒ—ãƒªã‚’Phoenixã«ç§»æ¤ã—ã¦ã¿ãŸã‚Š WebSocketã§ã¯ãªã„Turbo Streamsã®sourceã‚’ä½œã£ã¦ã¿ã¦éŠã‚“ã ã‚Š ã¨ã€ã‚ã‚‹ç¨‹åº¦è§¦ã£ã¦ã¿ã¦è‰¯ã•ãŒç†è§£ã§ãã¦ããŸã®ã§ã€Hotwireã‚’ä½¿ã†ã¨ä½•ãŒå¬‰ã—ã„ã®ã‹ã€Hotwireã®å„è¦ç´ ã®ç´¹ä»‹ã‚’è¨˜äº‹ã¨ã—ã¦
YassLab 2023/11/22
"SPA + APIã‚µãƒ¼ãƒã§JSONãŒä½¿ã‚ã‚Œã‚‹ã®ã«å¯¾ã—ã€SPAã¨åŒæ§˜ã®ä½“é¨“ã‚’HTMLã‚’ä¸å¿ƒã«ç½®ã„ã¦ä½œã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã™è¡¨ç¾ / è§¦ã£ã¦ã¿ã¦æ„Ÿã˜ãŸä¸€ç•ªã®ãƒ¡ãƒªãƒƒãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ã«ã¨ã£ã¦ã‚‚ã€é–‹ç™ºã®é€²ã‚æ–¹ã‚‚Progressive Enhancementã«ã§ãã‚‹ã“ã¨"

Hotwire

Web

HTML

JavaScript
ãƒªãƒ³ã‚¯
Hotwireã¨ã¯ï¼Ÿï½œçŒ«ã§ã‚‚ã‚ã‹ã‚‹Hotwireå…¥é–€ Turboç·¨
YassLab 2023/11/22
â€œä¸‹ã«è¡Œãã»ã©è‡ªç”±åº¦ã¯ä¸ŠãŒã‚‹ã‘ã‚Œã©ã‚‚ã€é–‹ç™ºãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ã‚³ã‚¹ãƒˆã‚‚ä¸ŠãŒã‚‹ / ã¾ãšã¯Turbo Driveã‚’ä½¿ã„ã€ã•ã‚‰ã«å¿…è¦ã§ã‚ã‚Œã°Turbo Framesã‚’ä½¿ã„ã€ã•ã‚‰ã«å¿…è¦ã§ã‚ã‚Œã°Turbo Streamsã‚’ä½¿ã„ã€ã•ã‚‰ã«å¿…è¦ã§ã‚ã‚Œã°Stimulusã‚’ä½¿ã†â€

Hotwire

Turbo

ERB

Rails

Strada
ãƒªãƒ³ã‚¯
Hotwireçš„ãªè¨è¨ˆã‚’è¿½æ±‚ã—ã¦ã€ŒWebç´™èŠå±…ã€ã«è¡Œãç€ã„ãŸè©±
Kaigi on Rails 2023ã§ã®ã€ŒHotwireçš„ãªè¨è¨ˆã‚’è¿½æ±‚ã—ã¦ã€ŒWebç´™èŠå±…ã€ã«è¡Œãç€ã„ãŸè©±ã€ã®ãƒˆãƒ¼ã‚¯è³‡æ–™ã§ã™ã€‚
YassLab 2023/10/30
"Kaigi on Rails 2023ã§ã®ã€ŒHotwireçš„ãªè¨è¨ˆã‚’è¿½æ±‚ã—ã¦ã€ŒWebç´™èŠå±…ã€ã«è¡Œãç€ã„ãŸè©±ã€ã®ãƒˆãƒ¼ã‚¯è³‡æ–™ã§ã™ã€‚"

Hotwire

Rails

è¨è¨ˆ

Web

é–‹ç™º
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸