[B! Next.js] YassLabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

YassLab id:YassLab

Next.jsã«é–¢ã™ã‚‹YassLabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

Next.js App Routerã®"use server"é›‘æ„Ÿ : Railsè¦–ç‚¹ã‹ã‚‰
ã¯ã˜ã‚ã« Next.jsã«Server ActionãŒæ–°ã—ãå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚ã‚µãƒ¼ãƒä¸Šã®é–¢æ•°ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ç›´æŽ¥å‘¼ã³å‡ºã™ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã®æ›¸ãå‘³ã‚’æä¾›ã™ã‚‹ã‚‚ã®ã§ã€éžå¸¸ã«é…åŠ›ã®ã‚ã‚‹ã‚³ãƒ³ã‚»ãƒ—ãƒˆã ã¨ç§ã¯æ€ã£ã¦ã„ã¾ã™ã€‚ãŸã ã—ã‚µãƒ¼ãƒä¸Šã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã®å¢ƒç•ŒãŒæ›–æ˜§ã§ã€"use server"ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®æ‡¸å¿µã‚‚ã‚ˆãè°è«–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸€æ–¹ã§ã€ç§ã®å…ˆæ—¥ã®è¨˜äº‹Next.jsã§ç°¡å˜ãªCRUDã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãªãŒã‚‰æ°—ã«ãªã£ãŸã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£: Railsã®è¦–ç‚¹ã‹ã‚‰ã§ã€ç§ã¯ã“ã®"use server"å•é¡Œã«ã¯è¨€åŠã—ã¾ã›ã‚“ã§ã—ãŸã€‚ã¾ã éžå¸¸ã«æ–°ã—ã„è©±é¡Œã§ã‹ã¤Next.jså´ã®å¯¾å¿œã‚‚é€²è¡Œä¸ã ã¨ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿã¯å€‹äººçš„ã«ã‚ã¾ã‚Šæ°—ã«ãªã‚‰ãªã„ã®ãŒæœ€å¤§ã®ç†ç”±ã§ã™ã€‚ æ°—ã«ãªã‚‰ãªããªã£ãŸãã£ã‹ã‘ã¯ã€Server Actionã‚’Ruby on Railsã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¨åŒã˜ã‚ˆã†ã«è€ƒãˆå§‹ã‚ãŸã“ã¨ã§ã™ã€‚ã“ã†ã™ã‚‹
YassLab 2024/10/14
"Railsã®Scaffoldã‚„Railsãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’å§‹ã‚ãŸã¨ã—ãŸå„ªã‚ŒãŸæ•™æã«ã‚ˆã‚‹ã¨ã“ã‚ãŒã¨ã¦ã‚‚å¤§ãã„ã®ã§ã™ãŒã€ã€Œè§£é‡ˆã€ãŒé–“é•ã£ã¦ã„ã¦ã‚‚ã€ã‚³ãƒ¼ãƒ‰ã¯æ£ã—ãæ›¸ã‘ã‚‹ãã‚‰ã„ã®ã€Œå½¢ã€ã‚’ä½œã£ã¦ã‚ã’ã‚‹ã®ãŒè‰¯ã„ã¨æ€ã„ã¾ã™"

React

Ruby

Rails

JavaScript

Node.js

Next.js
ãƒªãƒ³ã‚¯
Next.jsã§ç°¡å˜ãªCRUDã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãªãŒã‚‰æ°—ã«ãªã£ãŸã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£: Railsã®è¦–ç‚¹ã‹ã‚‰
å…ˆæ—¥ã€Kamal 2ã§Next.jsã‚’å®‰ä¾¡ãªVPSã«ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹å‹‰å¼·ã‚’ã—ãªãŒã‚‰ã€Next.js App Router/Server Actionã§CRUDã®ãƒ‡ãƒ¢ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¾ã—ãŸï¼ˆã‚³ãƒ¼ãƒ‰ã¯GitHubï¼‰ã€‚ãã®ã¨ãã«ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«ã¤ã„ã¦æ°—ã«ãªã£ã¦ç‚¹ãŒã„ãã¤ã‹ã‚ã‚Šã€å‹‰å¼·ã—ãªãŒã‚‰å¯¾ç–ã‚’ã—ã¾ã—ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç§è‡ªèº«ã¯æ¥å‹™ã§Next.jsã‚’æ›¸ã„ãŸçµŒé¨“ãŒé™å®šçš„ã§ã™ã€‚çš„å¤–ã‚Œãªè°è«–ã‚’ã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã‚ãã¾ã§ã‚‚Ruby on Railsã‚¢ãƒ—ãƒªã‚’æ›¸ãã¨ãã¨åŒã˜æ°—æŒã¡ã§Next.jsã®ã‚¢ãƒ—ãƒªã‚’æ›¸ã„ãŸã¨ãã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã§æ°—ã«ãªã£ãŸç‚¹ã‚’æŒ™ã’ã¦ã„ã‚‹ã ã‘ã§ã™ã€‚ç§ãŒè¦‹è½ã¨ã—ã¦ã„ã‚‹ç‚¹ã‚„èª¤ã£ã¦ã„ã‚‹ç‚¹ç‰ã‚ã‚Šã¾ã—ãŸã‚‰ã€ã‚³ãƒ¡ãƒ³ãƒˆã‚„Xç‰ã§æ•™ãˆã¦ã„ãŸã ã‘ã‚‹ã¨å¤§å¤‰ã‚ã‚ŠãŒãŸã„ã§ã™ã€‚ ãã®ï¼‘ï¼šãƒ‡ãƒ¼ã‚¿æ¼æ´©ã®å±é™ºæ€§ ã“ã®å•é¡Œã«ã¤ã„ã¦ã¯ãƒ ãƒ¼ã‚¶ãƒ«ã¡ã‚ƒã‚“ãã‚‹ãŒç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸNext.jsã®å…¬å¼ãƒ–ãƒã‚°ã§ã‚‚å¯¾ç–ãŒç´¹ä»‹ã•ã‚Œã¦
YassLab 2024/10/11
"ãªãŠã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚’çœŸå‰£ã«å¦ã³ãŸã„å ´åˆã€Railsã‚¬ã‚¤ãƒ‰ã«ã¯ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹éžå¸¸ã«å……å®Ÿã—ãŸã‚»ã‚¯ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚Railsã«é™ã‚‰ãšã€ä¸€èˆ¬ã®ã‚¦ã‚§ãƒ–é–‹ç™ºã§ã‚‚æœ‰ç”¨ãªãƒªã‚½ãƒ¼ã‚¹ã ã¨æ€ã„ã¾ã™ã€‚"

Ruby

Rails

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

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

Node.js

Next.js

JavaScript
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
I'm back, Ruby on Rails
03 Aug, 2024 Last year, I wrote a blog post called Goodbye, Ruby on Rails. One year later, after creating my own business, I decided to be back to Ruby on Rails. Iâ€™m withdrawing my previous statements on DHH and Rails. Though I still have some concerns about the directions of Ruby on Rails, especially the rejection of TypeScript, I still believe that Ruby on Rails is a great framework for web deve
YassLab 2024/08/04
â€œyou have to be crystal clear about your own priorities. For example, is it the top priority to iterate fast, then push products to the market? Or just leaning in the latest tech trends and frameworks? I think the former is more important. Ruby on Rails is still the best choice for this.â€

JavaScript

TypeScript

Ruby

Rails

Next.js
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
https://www.reddit.com/r/rails/comments/sgbfsf/considering_moving_from_nextjs_to_rails/
YassLab 2024/05/30
"But there's a bunch of stuff that's just super clunky with Next. Auth / Notifications (flashes) / Email Interactions between user roles / Forms (OMG forms) / Pagination / Etc / I've been playing with Rails a bit and it just truly feels like heaven. Generators, data modeling, structure, conventions"

Ruby

Rails

Next.js

Auth
ãƒªãƒ³ã‚¯
GitHub - maybe-finance/maybe: The OS for your personal finances
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/02/10
â€œWe're now building the app in Ruby on Rails. We realize that's a controversial choice, but we believe it's the right one for the project. Rails is a mature, stable, and well-documented framework that's been around for over 20 years built on a language that's been around for over 30 years.â€

Ruby

Rails

GitHub

Maybe

React

Next.js
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã®ä½¿ã„åˆ†ã‘
Next.js vs Drupal - ãƒ‡ã‚¸ã‚¿ãƒ«åº Web ã‚µã‚¤ãƒˆã®æˆ¦ã„ã€‚ãƒ¢ãƒ€ãƒ³ vs ãƒ¬ã‚¬ã‚·ãƒ¼ã®ç†±ã„ãƒãƒˆãƒ«ãŒã„ã¾ã“ã“ã«ï¼SIer ç³»ã®ã¿ãªã•ã¾ã®å‚æˆ¦ã‚‚ãŠå¾…ã¡ã—ã¦ãŠã‚Šã¾ã™ï¼ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMS ã£ã¦ãªã«ï¼Ÿãƒ‡ã‚¸ã‚¿ãƒ«åºã®äº‹ä¾‹ã¨ã¨ã‚‚ã«è€ƒãˆã‚‹ã€‚
YassLab 2023/12/14
"ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹æ§‹æˆã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µã‚¤ãƒˆã§ã‚ã‚Œã°ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹é¢ãªã©ã§æœ‰åˆ©ã§ã™ãŒãƒšãƒ¼ã‚¸æ•°ã‚„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒè†¨å¤§ã«ãªã£ã¦ãã‚‹ã¨ãƒ“ãƒ«ãƒ‰ã«æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã—ã€æ¤œç´¢æ©Ÿèƒ½ãªã©ã‚‚ä½œã‚Šã«ããã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆã‚‚ä¸ŠãŒã‚Šã¾ã™"

Drupal

Next.js
ãƒªãƒ³ã‚¯
1