[B! React.js] nakaji999ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

なかじ id:nakaji999

React.jsã«é–¢ã™ã‚‹nakaji999ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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.jsã¨Flux - Qiita
ä»Šå›žã¯React.jsã¨ã‚‚é–¢ã‚ã‚ŠãŒã‚ã‚‹Fluxã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Flux is Architecture â†‘ã®å›³ã¯facebookã®fluxã®ãƒªãƒã‚¸ãƒˆãƒªã«ã‚ã‚‹ã‚‚ã®ã§ã™ãŒã€Fluxã¯ä¸Šè¨˜ã®ã‚ˆã†ãªArchitectureã®åç§°ã§ã™ã€‚facebook/fluxã®repositoryã«è¡Œã£ã¦ã‚‚ã‚‰ã†ã¨ã‚ã‹ã‚‹ã®ã§ã™ãŒã€å®Ÿè£…ã¨ã—ã¦ã¯Dispatcherã®éƒ¨åˆ†ãŒã‚ã‚‹ã ã‘ã§ã™ã€‚ Unidirectional data flow å…ˆã»ã©ã®å›³ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã¨ã‚ã‹ã‚‹é€šã‚Šã€Fluxã§ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¤‡é›‘ã•ã‚’ãªãã™ãŸã‚ã€ãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’ä¸€æ–¹å‘ã«ã—ã¾ã™ã€‚ ãã®ãŸã‚å…¨ä½“ã®å‡¦ç†ã®æµã‚Œã¯ã‚ã‹ã‚Šã‚„ã™ããªã‚Šã¾ã™ãŒã€Angular.jsãªã©ã§æ›¸ãã¨ãã«æ¯”ã¹ã¦å†—é•·ã«æ„Ÿã˜ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰å˜ç´”ãªãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’ä½œã‚‹ã“ã¨ã§ã€ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã«ãªã£ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒè¤‡é›‘åŒ–ã—ã¦ã‚‚ãƒ‡ãƒ¼ã‚¿ã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®æµã‚ŒãŒã‚¹ãƒ‘
nakaji999 2015/06/10
React.js
ãƒªãƒ³ã‚¯
ä¸€äºº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.
nakaji999 2015/06/10
React.js
ãƒªãƒ³ã‚¯
ã‚ãªãŸãŒReactã‚’ä½¿ã†ã¹ãç†ç”± - mizchi's blog
æœ€è¿‘ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§facebook/reactã‚’ãšã£ã¨ä½¿ã£ã¦ã„ã‚‹ã€‚ä¸–ç•Œçš„ã«ã¯ä¸€éƒ¨ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®é–“ã§æµè¡Œã£ã¦ã„ã‚‹ã®ã ãŒã€å›½å†…ã ã¨qiitaã®ã‚¿ã‚°ç‰ã‚’è¦‹ã¦ã‚‚ã©ã†ã‚‚å°‘ãªã„ã€‚ã¿ã‚“ãªã‚‚ã£ã¨ä½¿ã†ã¹ãã ã¨æ€ã†ã®ã§ã€å®£ä¼ã‹ãã¦æ„è¦‹ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ è¤‡é›‘åŒ–ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‰ã«å¯¾ã™ã‚‹æ‡¸å¿µ MVWã®Vã«å¯¾ã—ã¦æ€ã„ã‚’é¦³ã›ã‚‹ã¨ã€ã ã„ãŸã„æ¬¡ã®ã“ã¨ã«è¡Œãç€ãã€‚ã™ãªã‚ã¡ã€ã€Œã‚ã‚‹æ§‹é€ ä½“ã®å…¥åŠ›ã«å¯¾ã—ã¦ã€å¿…ãšä¸€æ„ãªãƒ“ãƒ¥ãƒ¼ã‚’ç”Ÿæˆã—ãŸã„ã€ {it ems: [1, 2, 3]} ã‚’å…¥åŠ›ã¨ã™ã‚‹ã¨ã€ 1, 2, 3ã®liè¦ç´ ã«ãªã£ã¦ã»ã—ã„ã€‚ã“ã‚Œã¯å˜ç´”ãªä¾‹ã ã‹ã‚‰å•é¡Œã«æˆã‚Šå¾—ãªã„ã‚ˆã†ã«è¦‹ãˆã‚‹ãŒã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å…¨ä½“ã®çŠ¶æ…‹ã‚’ä¸€ã¤ã®jsonã¨ã—ã¦å®šç¾©ã—ã€ ãã“ã‹ã‚‰å¸¸ã«0ã‹ã‚‰çµ„ã¿ç«‹ã¦ã‚Œã°ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å¥å…¨æ€§ãŒç¢ºä¿ã§ãã‚‹ã¨è€ƒãˆãŸã“ã¨ã¯ãªã„ã ã‚ã†ã‹ï¼Ÿ ç¾å®Ÿã®å•é¡Œ UIã®ã ã„ãŸã„ã®çŠ¶æ…‹ã¯é·ç§»ã§è¡¨ç¾ã•ã‚Œã‚‹ã€‚é·ç§»ã®å·®åˆ†ã‚’ãƒ—ãƒã‚°ãƒ©ãƒžãŒè¨˜è¿°ã™ã‚‹ã€‚jQue
nakaji999 2015/03/23
React.js
ãƒªãƒ³ã‚¯
ã„ã¾æœ€ã‚‚æ³¨ç›®ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒReact.jsã€ã§ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼ ã€å‰ç·¨ã€‘
å¯¾è±¡èªè€… JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¸å®šã«æ‚©ã‚“ã§ã„ã‚‹æ–¹ æœ¬æ ¼çš„ã«JavaScriptã‚’è§¦ã‚‹ã®ãŒåˆã‚ã¦ã¨ã„ã†æ–¹ jQueryã§ã®å¤§è¦æ¨¡ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«é™ç•Œã‚’æ„Ÿã˜ã¦ã„ã‚‹æ–¹ å¿…è¦ãªç’°å¢ƒ Node.jsãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã§ã™ã€‚ React.jsã¨ã¯ä½•ã‹ React.jsã¯æœ€è¿‘æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã‚‹Facebookè£½ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€MVCã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã„ã†Viewã«ã‚ãŸã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ å‰æã¨ã—ã¦ã€JavaScriptã®ä¸–ç•Œã§MVCã®Vã¨ã„ãˆã°ã€ç´›ã‚Œã‚‚ãªãDOMï¼ˆDocument Object Modelï¼‰ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ç‰¹ã«ä½•ã‚‚æ„è˜ã—ãªã„ã§ä½œã£ãŸå ´åˆã€éƒ½åˆã®è‰¯ã„DOMã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å¼•ã£å¼µã‚Šå‡ºã—ã¦ã¯åˆ¥ã®DOMã‚’æ›¸ãæ›ãˆã‚‹ã¨ã„ã£ãŸã€è¡Œãå½“ãŸã‚Šã°ã£ãŸã‚Šãªä½œã‚Šã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã“ã§ã€MVCã®è€ƒãˆæ–¹ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒ‡ãƒ¼ã‚¿ã‚’ç”»é¢ã¨ã¯ç‹¬ç«‹ã—ãŸæ§‹é€ ä½“ã¨ã—ã¦åˆ‡ã‚Šå‡ºã—
nakaji999 2015/03/23
React.js
ãƒªãƒ³ã‚¯
1