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

YassLab id:YassLab

Frontendã«é–¢ã™ã‚‹YassLabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

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
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (13)

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

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (13)

Frontendã«é–¢ã™ã‚‹YassLabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Hotwire for Frontend devs

Why CTOs are choosing Hotwire and Ruby on Rails

Hotwire for Frontend devs

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (13)

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

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹