[B! react] at_homeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

at_home id:at_home

reactã«é–¢ã™ã‚‹at_homeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

è»¢è·ä¼šè°ã®ä¼šå“¡æƒ…å ±ãƒšãƒ¼ã‚¸ã‚’ReactåŒ–ã—ã¾ã—ãŸ - LIVESENSE ENGINEER BLOG
ã¯ã˜ã‚ã¾ã—ã¦ã€‚16å’ã§å…¥ç¤¾ã—ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ¸¡éƒ¨ã§ã™ã€‚ ç¾åœ¨ã¯è»¢è·ä¼šè°ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã‚°ãƒ«ãƒ¼ãƒ—ã«æ‰€å±žã—ã¦ã„ã¦ã€æœ€è¿‘ã¯ä¼šå“¡æƒ…å ±ãƒšãƒ¼ã‚¸ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ReactåŒ–ã«ã‚ãŸã£ã¦ç›´é¢ã—ãŸå•é¡Œã€ãã‚Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«æŽ¡ç”¨ãƒ»å‚è€ƒã«ã—ãŸæŠ€è¡“ã‚’å¹¾ã¤ã‹ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ä¾‹ã¯TypeScriptã§æ›¸ã„ã¦ã„ã¾ã™ã€‚ ç›®æ¬¡ åž‹ã‚’æ¬²ã™ã‚‹å£°ã®é«˜ã¾ã‚Š(TypeScript) actionå±¤ã®è‚¥å¤§åŒ–(redux-observable) formã®validation(Computing Derived Data(reselect)) viewã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ä¿ã¤(High Order Components) åž‹ã‚’æ¬²ã™ã‚‹å£°ã®é«˜ã¾ã‚Š(TypeScript) react-reduxã§å®Ÿè£…ã—ã¦ã„ã‚‹ã¨é–¢æ•°ã‹ã‚‰é–¢æ•°ã¸ã¨å€¤ã‚’å¼•ãå›žã™ã®ã§ã€åž‹ã‚’ã¤ã‘ã¦å®‰å¿ƒã—ã¦å®Ÿè£…ã—ãŸã„ã¨ã„ã†å£°ãŒãƒãƒ¼ãƒ å†…ã§é«˜ã¾ã£ã¦ãã¾ã—ãŸã€‚ ã
at_home 2017/05/09
react

js
ãƒªãƒ³ã‚¯
Reactã‚’ä½¿ã†ã¨ãªãœjQueryãŒè¦ã‚‰ãªããªã‚‹ã®ã‹ - Qiita
ã¯ã˜ã‚ã« Reactï¼ˆé€šç§° React.js1ï¼‰ã‚’å…¨ãçŸ¥ã‚‰ãªã„ã€ã‚ã‚‹ã„ã¯å¹¾ã¤ã‹è¨˜äº‹ã‚’è¦‹ãŸã‘ã©ãªã‚“ãªã®ã‹ãƒ”ãƒ³ã¨æ¥ã¦ã„ãªã„ã€ã¨ã„ã†äººã®ãŸã‚ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ ã€ŒjQuery ãã‚‰ã„ã—ã‹çŸ¥ã‚‰ãªã„ã€ãã‚‰ã„ã®äººã«å…·ä½“çš„ã«é›°å›²æ°—ã‚’çŸ¥ã£ã¦ã‚‚ã‚‰ã†ã®ãŒç›®çš„ã§ã‚ã‚Šã€ã™ã§ã«ã‚„ã‚‹æ°—ãŒã‚ã‚‹äººå‘ã‘ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚„ã‚‹æ°—ãŒå‡ºã‚Œã°æ—¥æœ¬èªžç‰ˆãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã‚“ã§æ‰‹ã‚’å‹•ã‹ã›ã°ã‚ã£ã¨ã„ã†é–“ãªã®ã§ã€ãã“ã¾ã§ã®èˆˆå‘³ãŒå‡ºã‚‹ã“ã¨ã‚’ç›®æ¨™ã«ã—ã¦ã„ã¾ã™ã€‚ ä»¥é™ã§ã¯ ES2015 (ES6) ã®æ–‡æ³•ï¼ˆã‚¢ãƒãƒ¼é–¢æ•°ã¨ã‹ï¼‰ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ã“ã®éƒ¨åˆ†ãŒæ€ªã—ã„äººã¯å…ˆã«ã‚¢ãƒãƒ¼é–¢æ•°ã¨ const æ–‡ã ã‘ã§ã‚‚çŸ¥ã£ã¦ã‹ã‚‰å…ˆã«é€²ã‚“ã§ãã ã•ã„ã€‚ ä»¥ä¸‹ã®èª¬æ˜Žä¸ã€ã“ã®ã‚¢ã‚¤ã‚³ãƒ³ã§è¡¨ã™ã®ã¯ï¼ˆ2023 å¹´ç¾åœ¨ã‹ã‚‰è¦‹ãŸï¼‰ã€Žæ˜”è©±ã€ã§ã™ã€‚æ–°ã—ãè‡ªåˆ†ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãéš›ã«ã¯æœ¬æ¥çŸ¥ã‚‰ãªãã¦ã„ã„ã“ã¨ã§ã™ãŒã€å¤ã„è¨˜äº‹ã‚’è¦‹ãŸã¨ãã«æ··åŒã—ãªã„ãŸã‚ã®å‚è€ƒæƒ…å ±ã¨ã—ã¦æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹
at_home 2016/05/12
å‹‰å¼·ã«ãªã£ãŸã‘ã©ä»®æƒ³DOMãŒjsã¨htmlãŒåˆä½“ã—ã¦ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ã®ã¯ã€ã©ã†ã‚‚æ˜”ã®ãƒŽãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯PHPã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã„ã‚‹æ°—ãŒã—ã¦æ°—æŒã¡æ‚ªã•ãŒæ‹ãˆãªã„

react

js

jQuery

javascript

development

react.js

DOM
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®è¤‡é›‘åŒ–ã«ã¤ã„ã¦ã€ä¸€ã¤ã®è¦–ç‚¹ - mizchi's blog
ã“ã‚Œã‚‰ã®ä»¶ æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®é•å’Œæ„Ÿ - nobkzã®ãƒ–ãƒã‚° æ—¥æœ¬ã®Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å¤§åŠãŒã€å¤‰åŒ–ã«å¯¾å¿œã—ãã‚Œãªããªã£ã¦ã„ã‚‹ä»¶ã«ã¤ã„ã¦ã€‚ - æ—¥ã€…ã€ã¨ã‚“ã¯èªžã‚‹ã€‚ å‰æ åŽ»å¹´ã¯å‹æ‰‹Reactã‚¨ãƒ´ã‚§ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆ(è‡ªç§°)ã¨ã—ã¦ã€æ—¥æœ¬ã«è¤‡é›‘åŒ–ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®æµ·å¤–ã®å‹•é™ã‚’ç´¹ä»‹ã‚’ã—ç¶šã‘ã¦ã„ãŸã€‚ åƒ•ã¨ã—ã¦ã‚‚ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯è¤‡é›‘åŒ–ã—ã¦ã‚‹ã¨æ€ã£ã¦ã‚‹ã—ã€ãã‚Œã¯ã€Œç›®çš„ã®è¤‡é›‘åŒ–ã«å¯¾ã—ã¦å¿…è¦ãªã‚‚ã®ã€ã ã£ãŸã¨æ€ã£ã¦ã„ã‚‹ã€‚ã“ã“ã§ã„ã†ç›®çš„ã¨ã¯SPAã®æ§‹ç¯‰ã§ã‚ã£ã¦ã€æ™®é€šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯å«ã‚“ã§ã„ãªã‹ã£ãŸãŒã€æ™®é€šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚‚å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«ãƒªãƒƒãƒåŒ–ç›®æŒ‡ã—ã¦ã„ã‚‹ã®ãŒç¾åœ¨ãªã®ã§ã€å¢ƒç›®ã¯æ›–æ˜§ã§ã¯ã‚ã‚‹ã€‚ åƒ•ã‚‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è¤‡é›‘åŒ–ãŒã ã‚Œã«ã§ã‚‚å¿…è¦ãªã‚‚ã®ã ã¨ã¯æ€ã£ã¦ã„ãªã„ã€‚ãŒã€å®šæœŸçš„ã«æƒ…å‹¢ã‚’æ•´ç†ã—ã¦ã€äº¤é€šæ•´ç†ã™ã‚‹ã®ã‚’å¿ƒãŒã‘ã¦ããŸã—ã€æ˜¥ã‹ã‚‰ã¯ã˜ã‚ã‚‹ãƒ¢ãƒ€ãƒ³JavaScript / ES2015 - Qiita ã¿ãŸã„ãªè¨˜
at_home 2016/04/12
ã‚‚ã†reactã§ã„ã„ã‚ˆã€reactã§ï¼ˆç¬‘ï¼‰

javascript

js

frontend

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
at_home 2016/04/04
ä½•ã‹è‰¯ã•æ°—ã«è¦‹ãˆã‚‹ã‹ã‚‰ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ã‚ˆã†ã¨æ€ãˆãŸã€‚ã¯ã¦ãƒ–ã‚³ãƒ¡ãƒ³ãƒˆã¯è³›å¦ä¸¡è«–ã£ã½ã„ã‘ã©ã€‚reactä¸€æŠžã£ã¦ã®ã¯å‚ç›®ã‹ã‚‰è¦‹ã¦ã¦ã‚‚ãã†æ„Ÿã˜ã‚‹ã€‚

javascript

Web

programming

development

framework

react

é–‹ç™º

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

redux
ãƒªãƒ³ã‚¯
1