[B! React] patorashã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

patorash id:patorash

Reactã«é–¢ã™ã‚‹patorashã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{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 ã‹ã‚‰ Remix ã«ä¹—ã‚Šæ›ãˆãŸè©± - ä¸€ä¼‘.com Developers Blog
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ä¸€ä¼‘.com Advent Calendar 2023ã®15æ—¥ç›®ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ CTO å®¤ã®æ©ç”°ã§ã™ã€‚ ç¾åœ¨ã¯ä¸€ä¼‘ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã‚’æ‰‹ãŒã‘ã¦ã„ã¾ã™ã€‚ ä»Šæ—¥ã¯ãã®ä¸ã§ Next.js App Router ã‹ã‚‰ Remix ã«ä¹—ã‚Šæ›ãˆãŸè©±ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™*1ã€‚ èƒŒæ™¯ 6æ—¥ç›®ã®è¨˜äº‹ã§é¦™è¥¿ã‹ã‚‰ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸãŒã€2023å¹´10æœˆã«ä¸€ä¼‘ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³è©³ç´°ãƒšãƒ¼ã‚¸ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ä¸€ä¼‘ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã® Rust ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚https://t.co/7N4VGv5ej9 ã“ã®ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ“ãƒ¥ãƒ¼ã¯ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ãŒ Rust ã§æ›¸ã‹ã‚ŒãŸ GraphQL ã«ãªã£ã¦ã¾ã™â€” naoya (@naoya_ito) 2023å¹´10æœˆ4æ—¥ ã¡ãªã¿ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚ã€æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ Nuxt v2
patorash 2023/12/15
next.js

remix

react
ãƒªãƒ³ã‚¯
jQueryã‚’å’æ¥ã—ãŸã‹ã£ãŸåƒ•ãŒReact Staticã§Reactã‚’ã‚¤ãƒã‹ã‚‰å¦ã‚“ã§Webã‚µã‚¤ãƒˆã‚’ä½œã£ãŸè©± | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
TypetalkÂ ãƒãƒ¼ãƒ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å²¡è—¤ï¼ˆ@johnykeiï¼‰ã§ã™ã€‚å…ˆæ—¥ Typetalk Webã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ä¼´ã„ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŠ€è¡“ã‚’ jQuery ã‹ã‚‰Â React + styled-componentsÂ ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€React ã‚’ç”¨ã„ãŸ Web ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¤ã„ã¦ãŠä¼ãˆã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚¿ã‚¤ãƒˆãƒ«ã«ã‚‚ã‚ã‚‹ã‚ˆã†ã«ã€åƒ•ã¯ä»Šã¾ã§ JavaScript ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚‹æ™‚ã¯ä½¿ã„æ…£ã‚ŒãŸÂ jQueryÂ ã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã„ã†è‚©æ›¸ãã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã„ã†è·ç¨®ã¯å¹…åºƒãã€åƒ•ã¯ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ãƒšãƒ¼ã‚¸ã‚„UIã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãŒä¸»ãªæ¥å‹™ã§ã€æ™®æ®µ JavaScript ã‚’æ›¸ãé »åº¦ã‚‚ãã‚“ãªã«é«˜ãã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ æœ€è¿‘æµ·å¤–ã§ã¯ãã®ã‚ˆã†ãªæ¥ç¨®ã®äººã‚’ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã¶å‹•ãã‚‚å‡ºã¦ãã¦ã„ã¾ã™ãŒã€jQuery ã—ã‹ä½¿ã£ã¦ã„
patorash 2018/03/26
jQuery

react
ãƒªãƒ³ã‚¯
Railsã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒReactã‚’å§‹ã‚ã¦SSRã¨Reduxã¨TypeScriptã‚’å°Žå…¥ã™ã‚‹ã¾ã§ | bitjourney Kibela
Rails ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒReactã‚’å§‹ã‚ã¦SSRã¨Reduxã‚’å°Žå…¥ã™ã‚‹ã¾ã§ Roppongi.rb #3 "Rails x Frontend-Tech" è‡ªå·±ç´¹ä»‹ github.com/gfx BitJourneyã§Kibelaã‚’é–‹ç™º Speee, Inc. ã§æŠ€è¡“é¡§å•ã‚’ã—ã¦ã‚‹ Reactã¯ç¾è·ã§åˆã‚ã¦è§¦ã£ãŸï¼ˆ2016å¹´8æœˆ~ï¼‰ ä»Šæ—¥ã®è©± Kibelaã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è©±ã§ã™ã€‚ èªã¿ã¯ã‚ãƒ™ãƒ© Markdownã§æ›¸ã‘ã¦ã€ãƒ•ãƒãƒ¼æƒ…å ±ï¼ˆBlogï¼‰ã¨ã‚¹ãƒˆãƒƒã‚¯æƒ…å ±ï¼ˆWikiï¼‰ã‚’åŒºåˆ¥ã—ã¦æ•´ç†ã§ãã‚‹æƒ…å ±å…±æœ‰ãƒ„ãƒ¼ãƒ« ã“ã‚Œã¾ã§ã®è©± æ–°è¦Railsã‚¢ãƒ—ãƒªã«å°ã•ãå°Žå…¥ã™ã‚‹React // Speaker Deck ï¼ˆdex1t, 2016/09/05ï¼‰ å°ã•ãå°Žå…¥ã—ã¦å¦ã³ãªãŒã‚‰é–‹ç™ºã‚’é€²ã‚ã‚‹ â• Interactive UI componentã‚’Reactã§ï¼†jQueryã‚‚ä½µç”¨ âŒ viewã‚’ã™ã¹ã¦Reactã§å®Ÿè£…
patorash 2017/06/01
React

rails

typescript

redux

component
ãƒªãƒ³ã‚¯
Fluxã¨DDDã®çµ±åˆæ–¹æ³• - ã‹ã¨ã˜ã‚…ã‚“ã®æŠ€è¡“æ—¥èªŒ
ãŠã¯ã“ã‚“ã°ã‚“ã«ã¡ã¯ã€ã‹ã¨ã˜ã‚…ã‚“ã§ã™ã€‚ ä¹…ã—ã¶ã‚Šã«ãƒ–ãƒã‚°ã‚’æ›¸ãâ€¦ã€‚æœ€è¿‘ã€è¶£å‘³ã§Angular2ã‚„ã‚‰Reactã‚„ã‚‰ã‚„ã£ã¦ã„ã¾ã™ã€‚ã‚„ã£ã¨Webpackã«ãªã‚Œã¾ã—ãŸâ€¦ã€‚ ã•ã¦ã€ä»Šå›žã®ãŠé¡Œã¯ã€ŒFluxã¨DDDã®çµ±åˆæ–¹æ³•ã€ã«ã¤ã„ã¦ã€‚Angular2ã‚’å…ˆã«è§¦ã£ã¦ã„ã¾ã—ãŸãŒã€Fluxã¨ã„ãˆã°ã‚„ã¯ã‚ŠReactã ã‚ã†ã¨ã„ã†ã“ã¨ã§é€”ä¸ã§æµ®æ°—ã—ã¦Reactã§è€ƒãˆã¦ã„ã¾ã™ã€‚Angular2ã§ã‚‚ã§ãã‚‹ã¯ãšã§ã™ãŒã€ä»Šå›žã¯Reactã§çµ±åˆæ–¹æ³•*1ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä¸€ã¤æ–ã£ã¦ãŠãã¨ã€Fluxã¯DDDã¨çµ±åˆã™ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ã„ãªã„è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ãªã‚“ã§äº‘ã€…ã¨ã‹ã¯ã“ã“ã§ã¯è€ƒãˆã¦ã„ã¾ã›ã‚“ã€‚ãã‚Œã¯ã“ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’èªã‚€èªã¾ãªã„ã«é–¢ã‚ã‚‰ãšã”è‡ªèº«ã§åˆ¤æ–ã•ã‚Œã¦ãã ã•ã„ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ã¯ã€Githubã¸ã®ãƒªãƒ³ã‚¯ã‚’ä¸€ç•ªä¸‹ã«æ›¸ã„ã¦ã‚ã‚‹ã®ã§èˆˆå‘³ãŒã‚ã‚‹äººã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Fluxã£ã¦ä½•ï¼Ÿ ã¾ãšåŸºç¤Žã¨ã„ã†ã“ã¨ã§ã€Flux i
patorash 2016/09/12
Flux

JavaScript

DDD

react
ãƒªãƒ³ã‚¯
10å¹´ã®ãƒ„ã‚±ã‚’æ”¯æ‰•ã£ãŸãƒ•ãƒãƒ³ãƒˆç•Œéšˆã«ãŠã‘ã‚‹JavaScripté–‹ç™ºç’°å¢ƒï¼ˆ2016å¹´4æœˆç¾åœ¨ï¼‰ã€‚ - æ—¥ã€…ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
2015å¹´ã¯CSSãŒæ™®åŠã—ãŸä»¥æ¥ã¨ãªã‚‹10å¹´ã«1åº¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¤§å¤‰é©æœŸã§ã€ãã‚Œã¾ã§ã®ãƒ„ã‚±ãŒä¸€æ°—ã«å›žã£ã¦ããŸã¨å€‹äººçš„ã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ç›®ã¾ãã‚‹ã—ãçŠ¶æ³ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã—ãŸãŒã€2016å¹´ã«ãªã‚Šã€å€‹äººçš„ã«ã ã„ã¶è½ã¡ç€ã„ã¦ããŸã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€ã“ã“ã‚‰ã¸ã‚“ã§ã¾ã¨ã‚ã¦ãŠããŸã„æ€ã„ã¾ã™ã€‚ æœ€åˆã«çµè«–ã‚’æ›¸ã„ã¦ãŠãã¨ã€ ã€ŽReact + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guideã€ ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒã€ã„ã¾åƒ•ã®æŽ¡ç”¨ã—ã¦ã„ã‚‹JavaScriptã®ç’°å¢ƒã§ã™ã€‚ ä¸»è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ React A JavaScript library for building user interfaces | React åŽ»å¹´ã€ä¸€æ°—ã«æ™®åŠã—ãŸReact
patorash 2016/04/04
Flux

javascript

react
ãƒªãƒ³ã‚¯
TechCrunch | Startup and Technology News
French AI startup Mistral is introducing new AI model customization options, including paid plans, to let developers â€” and enterprises â€” fine-tune its generative models for particular use cases. Theâ€¦
patorash 2015/09/15
android

react

react native

facebook
ãƒªãƒ³ã‚¯
React.jsã‚’ä½¿ã„ãŸã„RailsãŠã˜ã•ã‚“ãŒJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ãã‚Œã£ã½ãç®¡ç†ã—ãªãŒã‚‰å…¥é–€ã™ã‚‹ - ppworks.jp
Sendagaya.rb #114ã«æ¥ãŸã®ã§ã€ç›®æ¨™ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’æ›¸ã„ã¦ãŸã€‚ ä»Šæ—¥ã¯sendagaya.rbã¸è¡Œã£ã¦ãƒ–ãƒã‚°è¨˜äº‹ã‚’ä¸€æœ¬ä»•ä¸Šã’ã‚‹ã®ãŒç›®æ¨™ã€‚â€” Koshikawa Naoto (@ppworks) August 10, 2015 ä»Šæ—¥ã¯ã€React.jsã®ä¼šãªã®ã§ã€Railsã‹ã‚‰React.jsã‚’ã–ã£ãã‚Šä½¿ã£ã¦è¦‹ã‚‹æº–å‚™ã‚’ã—ã¦ã¿ã¾ã™ã€‚ ç›®æŒ‡ã™ã‚‚ã® sprocketsã®ã¾ã¾ã¨ã‚Šã‚ãˆãšé€²ã‚€ jsã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’npmã§ç®¡ç†ã—ãŸã„ React.jsã‚’ES6ã§æ›¸ããŸã„ã—ã€JSXæ›¸ããŸã„ herokuã§å‹•ã‹ã™ãžï¼ react-railsã¯ä½¿ã„ãŸããªã„ æ–¹é‡ sprocketsã¨å…±å˜ã™ã‚‹ãŸã‚ã«ã€browserify-railsã‚’åˆ©ç”¨ã—ã€ES6ã¯Babelã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ãã®ã¾ã¾ã€npmã§ç®¡ç†ã—ã¾ã™ã€‚ npmã‚’å…¥ã‚Œã¾ã™ ã‚‚ã—å…¥ã£ã¦ã„ãªã‘ã‚Œã°npmã‚’å…¥ã‚Œã¾ã—ã‚‡ã†ãã€‚ brew install
patorash 2015/08/12
react

npm

rails
ãƒªãƒ³ã‚¯
Reactã¨Fluxã®ã“ã¨ // Speaker Deck
http://inside.pixiv.net/entry/2015/04/27/170944
patorash 2015/06/08
Flux

react

javascript

react.js

slide
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2015/04/21/20150420how-facebooks-react-native-will-change-mobile-apps/
patorash 2015/04/22
ä½¿ã£ã¦ã„ã‚‹äººã®æ„Ÿæƒ³ã‚’èžã„ã¦ã¿ãŸã„ã€‚

react

Facebook

javascript

react.js

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
React.rbÂ·Reactã‚’Rubyã§æ›¸ã MOONGIFT
æœ€è¿‘ã«ã‚ã‹ã«ç››ã‚Šä¸ŠãŒã£ã¦ã„ã‚‹Reactã§ã™ãŒã€ç‹¬è‡ªã®æ›¸ãæ–¹ã‚„HTMLã¨JavaScriptãŒå¯†æŽ¥ã™ã‚‹ã“ã¨ã«å¯¾ã—ã¦ä½•ã¨ãªãé¿ã‘ã¦ã—ã¾ã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã‚‚ä½¿ãˆã‚‹ã¨è¨€ã£ã¦ã‚‚nodeã‚’ä½¿ã†ã®ãŒé›£ç‚¹ã«æ„Ÿã˜ã‚‹äººã‚‚ã„ã¾ã™ã€‚ ã‚‚ã—ã‚ãªãŸãŒRubyä½¿ã„ã§ã€Reactã‚’ä½¿ã£ã¦ã¿ãŸã„ãªã‚‰ã°React.rbã‚’ä½¿ã†ã¨ã„ã†æ‰‹ã‚‚ã‚ã‚Šãã†ã§ã™ã€‚ React.rbã®ä½¿ã„æ–¹ React.rbã¯Opalã‚’ä½¿ã„ã€Rubyã§Reactã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã¨ã„ã†ã‹ãªã‚Šãƒãƒ£ãƒ¬ãƒ³ã‚¸ãƒ³ã‚°ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ ä¾‹ãˆã°ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ class HelloMessage def render React.create_element("div") { "Hello World!" } end end puts React.render_to_static_markup(React.create_element(He
patorash 2015/03/16
react

Ruby

opal
ãƒªãƒ³ã‚¯
Ajaxã‚’åŠ‡çš„ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascriptç•Œéšˆã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦äº‰ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–‹ç™ºã®è¦æ¨¡ã‚‚å¹´ã€…å¤§ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’ç®¡ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚æ˜¨å¹´ã¾ã§Angularã¨backboneã‚’è©¦ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCã‚’ä½œã‚‹MVCã®2éšŽå»ºã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚ä¸€è‹¦åŠ´ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ãƒ¼ãƒ ã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebookç™ºã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—å‡ºã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’ä½¿ã£ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Railsä»¥æ¥ã®è¡æ’ƒ è‰²ã€…è©¦ã—ã¦
patorash 2015/03/05
react.js

JS

react

javascript
ãƒªãƒ³ã‚¯
1