[B! reactjs] serihiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

serihiro id:serihiro

reactjsã«é–¢ã™ã‚‹serihiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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ã‚’çŸ¥ã‚ã† â€“ JSXã€Fluxã€ES6ã€Webpackã‚’ä½¿ã‚ãšâ€¦ | POSTD
(ç·¨æ³¨ï¼š2016/07/29ã€ã„ãŸã ã„ãŸãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã‚‚ã¨ã«è¨˜äº‹ã‚’ä¿®æ£ã„ãŸã—ã¾ã—ãŸã€‚) å…è²¬äº‹é …ï¼šã€€ç§ã¯JSXã€Fluxã€ ES6 ã€ãã—ã¦ webpack ã‚’éžå¸¸ã«æ°—ã«å…¥ã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ä»–ã®ã‚·ãƒªãƒ¼ã‚ºã§è©±ã—ã¾ã™ã€‚ React.jsãŒé¨’ãŽã‚’èµ·ã“ã—ã¦ã„ã‚‹ã®ã¯ã”å˜çŸ¥ã®é€šã‚Šã§ã™ã€‚ç¢ºã‹ã«ã€ XMLHttpRequest ä»¥æ¥ã®è‰¯ã„ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ã—ã‹ã—ã€èª¿æŸ»ã«æ•°æ™‚é–“ã‚’è²»ã‚„ã—ãŸæŒ™å¥ã€ã‚ã¾ã‚Šã«å¤šãã®ç”¨èªžã« åœ§å€’ã•ã‚ŒãŸ ã ã‘ã§çµ‚ã‚ã£ã¦ã„ãªã„ã§ã—ã‚‡ã†ã‹ã€‚JSXã€fluxã€ES6ã€webpackã€react-routerãŒä½¿ãˆã‚‹ä»Šã€ ä»–ã«å¿…è¦ãªã®ã¯ React ã®ä½¿ã„æ–¹ã‚’èª¬æ˜Žã—ã¦ãã‚Œã‚‹äººã ã‘ã§ã™ã€‚ å–œã‚“ã§ãã ã•ã„ã€ãã‚ŒãŒã¾ã•ã«å½“ã‚·ãƒªãƒ¼ã‚ºã§ã‚„ã‚ã†ã¨ã—ã¦ã„ã‚‹ã“ã¨ã§ã™ã€‚ä¿¡ã˜ã‚‰ã‚Œã¾ã›ã‚“ã‹ï¼Ÿå¤§ä¸ˆå¤«ã€ 2åˆ†å¾Œã€ åˆã‚ã¦ã®Reactã‚¢ãƒ—ãƒªã‚’ä½œã£ãŸå¾Œã«ã¯ç´å¾—ã„ãŸã ã‘ã‚‹ã§ã—ã‚‡ã†ã€‚ä½•ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã›ãšã«ã€ã§ã™ã€‚
serihiro 2016/04/30
reactjs

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯å¯¾æ±ºï¼Angular VS Reactä»®æƒ³ãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯å¯¾æ±ºï¼Angular VS Reactä»®æƒ³ãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ å‰å· å¾¹ ç‰¹é›†ä¼ç”»ã€Œã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£æœ€å‰ç·šã€ã§ã¯ã€ã•ã¾ã–ã¾ãªè¦–ç‚¹ã‹ã‚‰ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãŸã¡ã«èªžã£ã¦ã„ãŸã ãã¾ã™ã€‚ä»Šå›žã¯ã€ä»Šè©±é¡Œã®AngularJSãªã©ã®JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å°é ã¨é€²åŒ–ã€ãã—ã¦æ–°ã—ã„ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã‚ã‚‹Fluxã¨ãã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹Reactãªã©ã«ã¤ã„ã¦ã€æ—¢ã«å…ˆè¡Œã—ã¦å¦ã‚“ã§ã„ã‚‹ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãŸã¡ã«ãã®çŸ¥è¦‹ã‚’èžã„ã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯å¯¾æ±ºã¨ã„ã†ã“ã¨ã§ã€ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãŸã¡ãŒAngularã¨Reactã¨ã„ã†é™£å–¶ã«åˆ†ã‹ã‚Œã€ãã‚Œãžã‚Œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦ç–‘å•ç‚¹ã‚’ã¶ã¤ã‘ãŸã‚Šã€è°è«–ã—ãŸã‚Šã™ã‚‹ä»®æƒ³ãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã¨ã„ã†å½¢å¼ã§ãŠä¼ãˆã—ã¾ã™ã€‚å˜ãªã‚‹ãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã¨ã¯é•ã£ã¦ã€ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã¯ã€Œãƒ—ãƒãƒ¬ã‚¹ã€ã§ã™ã€‚ã¾ã•ã‹ã‚Šã®æŠ•ã’åˆã„ã€di
serihiro 2015/05/13
â€œMVCã®ä¸Šã«MVCã‚’ä¹—ã£ã‘ã‚‹ã¨ã„ã†ã®ã¯ã€ãã®è€ƒãˆæ–¹ã¯ã™ã”ãToo Muchã‹ãªâ€

angularjs

reactjs
ãƒªãƒ³ã‚¯
React / Flux ã‚’å®Ÿæ¡ˆä»¶ã§ä½¿ã£ã¦ã¿ãŸ
è‡ªå·±ç´¹ä»‹ Name : Takuto Wada github : twada twitter : t_wada hatena : t-wada TDD ã¨ãƒ©ã‚¤ã‚ªãƒ³ã®äºº power-assert ã®äºº React / Flux ã‚’çŸ¥ã£ãŸãã£ã‹ã‘ mizchi ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒª (ã‚ãªãŸãŒReactã‚’ä½¿ã†ã¹ãç†ç”±) ã ã£ãŸã¨æ€ã† æ—¥æœ¬èªžã®æƒ…å ±ã¯ã»ã¨ã‚“ã©ç„¡ã‹ã£ãŸãŒã€ã‚¨ãƒƒã‚¸ç³»ã®äººãŸã¡ãŒé¨’ãŽå‡ºã—ãŸ & æµ·å¤–ã§åœ§å€’çš„ã«äº‹ä¾‹ãŒå¢—ãˆå‡ºã—ãŸã®ã§èˆˆå‘³ã‚’æŒã£ãŸ Rendr ã® AirBnb ãŒ React ã‚’ä½¿ã„å§‹ã‚ãŸã“ã¨ã‚’çŸ¥ã‚Šã€ã“ã‚Œã¯æ±ºå®šçš„ã ã¨æ€ã£ãŸ React ã‚’ã©ã†å‹‰å¼·ã—ãŸã‹ å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå……å®Ÿã—ã¦ã„ã‚‹ ã¾ãš Tutorial ã‚’ãã®ã¾ã¾å†™çµŒ æ¬¡ã« browserify + reactify ã§ Tutorial ã‚’ã‚‚ã†ä¸€å‘¨ã‚„ã£ã¦ã¿ã‚‹ (showdownã¯browserify å¯¾å¿œã—ã¦ã„
serihiro 2015/01/15
reactjs

javascript
ãƒªãƒ³ã‚¯
ä¸€äººReact.js Advent Calendar 2014 - Qiita
React.jsã«ã¤ã„ã¦ã®åŸºæœ¬çš„ãªã¨ã“ã‚ã‚’æ›¸ã„ã¦ã„ãã¾ã™ï¼ å…¬å¼èªã‚ã°ã‚ã‹ã‚‹ã‚ˆã†ãªã“ã¨ãŒå¤šã„ã§ã™ãŒReact.jsã«èˆˆå‘³ã‚’ã‚‚ã¤ãã£ã‹ã‘ã«ã§ã‚‚ãªã‚Œã°...ã€‚ v0.12.1ã§ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ ã“ã£ã¡ã¯ä¸€äººã§æ›¸ãã‚ˆã†ã«ä½œã£ãŸã‚‚ã®ãªã®ã§æ›¸ããŸã„äººã¯VirtualDOMã«æ›¸ãã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ (æ›¸ãäººãŒã„ãªãã¦1äººã§æ›¸ã„ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„) ã“ã®è¨˜äº‹ã¯å¤ã„ã®ã§ä¸‹è¨˜ã®æ›´æ–°æƒ…å ±ã‚‚å‚è€ƒã«ã—ã¦ãã ã•ã„ http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
serihiro 2015/01/15
reactjs

JavaScript
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ãª DOM ã¯ãªãœé…ã„ã®ã‹ - steps to phantasien
ã“ã‚Œã¯ VirtualDOM Advent Calendar 2014 ã«å‹æ‰‹ã«å‚åŠ ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã‚ãŸãŸã‹ã„æ˜¥ã®æ˜¼ä¸‹ãŒã‚Šã®ã“ã¨ã€ã‚ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ã®ç¤¾å†…ã‚’ä¸ç©ãªå™‚ãŒé§†ã‘å·¡ã£ãŸã€‚ ã€ŒReact.js ãªã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã©ã†ã‚‚ä»®æƒ³ DOM ã¨ã„ã†ã‚„ã¤ã®ã›ã„ã§é€Ÿã„ã‚‰ã—ã„ãžã€ ã‚‚ã†ãƒªã‚¢ãƒ«ãª DOM ã¯ãŠå½¹å¾¡å…ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚å•†å£²ä¸ŠãŒã£ãŸã‚Šã‹ãƒ»ãƒ»ãƒ»ã€‚é›‡ç”¨ã«ä¸å®‰ã‚’è¦šãˆã‚‹äºº(ç§)ãŒã„ã‚‹ä¸€æ–¹ã€ ãã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã¨ã‚Šã“ã‚“ã§ãƒ–ãƒ©ã‚¦ã‚¶ã® DOM ã‚’é€Ÿãå‡ºæ¥ãªã„ã‹ã¨è€ƒãˆã‚‹äººãŸã¡ã‚‚ã„ãŸã€‚ ä»®æƒ³ DOM ã¯ãªãœé€Ÿã„ã®ã‹ã€‚èª°ã‹ã®ã¤ã¦ã‚’è¾¿ã£ã¦ React.js ãƒãƒ¼ãƒ ã«ãŠã„ã§ã„ãŸã ãã€é€Ÿã•ã®ç§˜å¯†ã‚’ãƒ†ãƒƒã‚¯ãƒˆãƒ¼ã‚¯ã—ã¦ã‚‚ã‚‰ã†ã€‚ ã‚¤ãƒŸãƒ¥ãƒ¼ã‚¿ãƒ–ãƒ«ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã«ã‚ˆã‚‹å˜ç´”åŒ–ã€éžåŒæœŸé©ç”¨ã«ã‚ˆã‚‹å‡¦ç†ã®ãƒãƒƒãƒåŒ–ã€å·®åˆ†ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«ã‚ˆã‚‹å‰¯ä½œç”¨ã®æœ€å°åŒ–â€¦ ã„ãã¤ã‹ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã¯ã©ã†ã«ã‚‚ãªã‚‰ãªã„ãŒã€ãŸã¨ãˆã°éžåŒæœŸåŒ–ãªã‚“ã‹ã¯å½¢ã¯é•ãˆã©ãƒ–ãƒ©ã‚¦ã‚¶
serihiro 2014/12/12
js

reactjs
ãƒªãƒ³ã‚¯
1