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

z_dogma id:z_dogma

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

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

æ–°è¦Railsã‚¢ãƒ—ãƒªã«å°ã•ãå°Žå…¥ã™ã‚‹React - Speaker Deck
dotsã§é–‹å‚¬ã•ã‚ŒãŸReactã®å°Žå…¥ã‚’æ¤œè¨Žã•ã‚Œã¦ã‚‹æ–¹å‘ã‘ã®å‹‰å¼·ä¼šã§ãŠè©±ã—ã¾ã—ãŸ https://eventdots.jp/event/597088
z_dogma 2016/09/08
react

rails

react.js
ãƒªãƒ³ã‚¯
https://www.prakard.com/viewtopic.php?f=1004&t=1884764
115 E Elm Ave Monroe, MI 48162 General: 734 243 0576 Sales: 800 826 2760 Award winning terminal emulation for WindowsConnect using Serial, Modem, or TCP/IP NetworksUpdated for compability with Windows 10, 8, 7, and moreSupports many terminal emulation and file transfer optionsActively supported & easy to use HyperACCESSSave Time with Scripting Automation & CustomizationAdvanced terminal emulationM
z_dogma 2016/07/17
JavaScript

mac

terminal

react
ãƒªãƒ³ã‚¯
ã™ã¹ã¦ã®ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒçŸ¥ã£ã¦ãŠããŸã„Reactã®7ã¤ã®å¼·ã¿
JavaScriptã¯ã“ã®ï¼–å¹´ã§å¤§ãããã®åœ°ä½ã‚’å‘ä¸Šã•ã›ã¦ãã¾ã—ãŸã€‚JavaScriptã¯æœ‰åãªã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰è¨€èªžã«ãªã‚Šã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆSPAã¯ç”¨èªžã¨ã—ã¦å®šç€ã—ã€ãã—ã¦JavaScriptã¯ä»–ã®è¨€èªžã®ãŸã‚ã®æœ‰åãªã‚³ãƒ³ãƒ‘ã‚¤ãƒ«å…ˆã¨ãªã‚Šã¾ã—ãŸã€‚ JavaScriptã¯ã€Electronã‚„React Nativeã®ã‚ˆã†ãªæŠ€è¡“ã‚„ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚’é€šã—ã¦ã€ã¤ã„ã«ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ ã“ã®3å¹´ã§ã‚‚ã†ä¸€ã¤é©å‘½ãŒèµ·ã“ã‚Šå§‹ã‚ã¾ã—ãŸã€‚Facebookã®ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚ã‚‹Jordan WalkeãŒReact.jsã‚’ç”Ÿã¿å‡ºã—ã¾ã—ãŸã€‚Reactã¯ãã‚Œä»¥æ¥ã€æ•°ç™¾ãªã„ã—æ•°åƒã‚‚ã®ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®JavaScriptã®ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã‚’å¤‰ãˆã¦ãã¾ã—ãŸã€‚ Reactã®é€”æ–¹ã‚‚ãªã„æˆåŠŸã®è£ã«ã¯ãã‚Œãªã‚Šã®ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ 1. ãƒã‚°ãŒå‡ºã«ãã„ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰Reactã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿
z_dogma 2016/06/26
react

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Reactã‚’å®Ÿéš›ã«ä½¿ã£ã¦ã¿ãŸè©±ãŒå¢—ãˆã¦ããŸ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://youtu.be/uwnjDXtJufs 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | 44åˆ†å‰ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã®viewãƒ¬ã‚¤ãƒ¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹Reactã‚’ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ãŸæ„Ÿæƒ³ã«ã¤ã„ã¦ã®ç™ºä¿¡ãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ï¼ˆ4)ã¯Fluxã®è©±ã‚‚å…¥ã£ã¦ã¾ã™ã€‚ï¼‰ 1) Reactã¨ã¯ï¼Ÿ E4E Developer Conf 2014ã®è¬›æ¼”ã§Facebookã®Ben Andersonã¯ã€Reactã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’æŒ™ã’ã¦ã„ã¾ã™ã€‚ Facebook / Instagram / GitHub (Atom) / Khan Academy (with Backbone.js) / Mozilla Firefox (for Paneis) / NY Times / Reddit (stor
z_dogma 2016/06/12
react

javascript

react.js
ãƒªãƒ³ã‚¯
Railsã§æ§‹ç¯‰ã—ã¦ã„ã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚’jQueryãƒ™ãƒ¼ã‚¹ã‹ã‚‰Reactã«ç§»è¡Œã™ã‚‹æ™‚ã®çŸ¥è¦‹ | ã‚¹ãƒšãƒ¼ã‚¹ãƒžãƒ¼ã‚±ãƒƒãƒˆãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å°æž—ã§ã™ã€‚ å…ˆæ—¥ã€ã‚¹ãƒšãƒ¼ã‚¹ã‚’è²¸ã—å‡ºã™ã‚ªãƒ¼ãƒŠãƒ¼æ§˜å‘ã‘ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰(ç®¡ç†ç”»é¢)ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ã‚¹ãƒšãƒ¼ã‚¹ãƒžãƒ¼ã‚±ãƒƒãƒˆã¯webã‚µãƒ¼ãƒã‚‚APIã‚µãƒ¼ãƒã‚‚Railsã§æ§‹ç¯‰ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€JQueryã‚’ãƒ™ãƒ¼ã‚¹ã«æ§‹ç¯‰ã—ã¦ã„ãŸãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å‰ã®å®Ÿè£…ã‹ã‚‰Reactã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸå®Ÿè£…ã¸ç§»è¡Œã—ãŸéš›ã«å¾—ãŸçŸ¥è¦‹ã‚’æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚µãƒ¼ãƒæ§‹æˆ æ—¢å˜ã®ã‚µãƒ¼ãƒæ§‹æˆã§ã¯ã€webã‚µã‚¤ãƒˆã¯webã‚µãƒ¼ãƒã‹ã‚‰ã€ã‚¢ãƒ—ãƒªã¯APIã‚µãƒ¼ãƒã‹ã‚‰ãã‚Œãžã‚Œãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚’å‚ç…§ã—ã¦ã„ã¾ã—ãŸã€‚ ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ä¼´ã„webã‚µãƒ¼ãƒã‹ã‚‰ã‚‚APIã‚µãƒ¼ãƒã‚’å‚ç…§ã™ã‚‹æ§‹æˆã¨ãªã‚Šã¾ã™ã€‚ webã‚µãƒ¼ãƒã‹ã‚‰åˆ¥ãƒ‰ãƒ¡ã‚¤ãƒ³ã®APIã‚µãƒ¼ãƒã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãŸã‚ã«ã¯ CORSã®è¨å®š webã‚µãƒ¼ãƒã¨APIã‚µãƒ¼ãƒã¯ãƒ‰ãƒ¡ã‚¤ãƒ³ãŒé•ã†ãŸã‚ã€Reactã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰APIã‚µãƒ¼ãƒã«ajaxãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒé€ã‚Œã¾ã›ã‚“ã€‚ã“ã‚Œã‚’å›žé¿ã™ã‚‹ãŸã‚ã«CORS(Cross-Origin
z_dogma 2016/06/12
rails

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
z_dogma 2016/04/04
react

Web

Javascript

development
ãƒªãƒ³ã‚¯
ActionCable ã¨ react-rails ã§ã‚µãƒ³ãƒ—ãƒ«ä½œã£ã¦ã¿ãŸ
ActionCable ã¨ react-rails ã§ã‚µãƒ³ãƒ—ãƒ«ä½œã£ã¦ã¿ãŸ Tweet ã¯ã˜ã‚ã« Rails5 ã®æ–°æ©Ÿèƒ½ã§ã‚ã‚‹ ActionCable ã‚’è©¦ã—ã¦ã¿ã¦ã€ã¤ã„ã§ã«ã€react-rails ã‚’ä½¿ã£ã¦ã€WebUIä»˜ãã®é–‹ç™ºç”¨DNSã‚µãƒ¼ãƒã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ä½œã£ãŸã®ã¯ã€ã‚ªãƒ¬ã‚ªãƒ¬DNSã¨ã„ã†é–‹ç™ºç”¨DNSã‚µãƒ¼ãƒã§ã™ã€‚ æœ€åˆã«ãã®ã‚¢ãƒ—ãƒªã®æ©Ÿèƒ½ã‚„ç›®çš„ã‹ã‚‰èª¬æ˜Žã—ã¾ã™ãŒã€ActionCableã«èˆˆå‘³ãŒã‚ã‚‹æ–¹ã¯ã€å¾ŒåŠã®ã€Œå®Ÿè£…ã«ã¤ã„ã¦ã€ã®ã¨ã“ã‚ã¾ã§é£›ã°ã—ã¦èªã‚“ã§ãã ã•ã„ã€‚ ActionCableã¨react-railsã‚’ä½¿ã†ã“ã¨ã§ã€å¾“æ¥ã®é™çš„ãªãƒšãƒ¼ã‚¸ä¸å¿ƒã®ã‚¢ãƒ—ãƒªã®ãƒŽã‚¦ãƒã‚¦ã‚’æ´»ç”¨ã—ãªãŒã‚‰ã€SPAçš„ãªå‹•çš„ãªã‚¢ãƒ—ãƒªã«æ®µéšŽçš„ã«ç§»è¡Œã—ã¦ã„ãã“ã¨ãŒã§ãã¾ã™ã€‚ãã‚ŒãŒã©ã‚“ãªæ„Ÿã˜ã«ãªã‚‹ã®ã‹ç¢ºã‹ã‚ã‚‹ã®ã«ã¡ã‚‡ã†ã©ã„ã„ã‚µã‚¤ã‚ºã®ã‚¢ãƒ—ãƒªã ã¨æ€ã„ã¾ã™ã€‚ ã‚ªãƒ¬ã‚ªãƒ¬DNS ã¨ã¯ ã‚ªãƒ¬ã‚ªãƒ¬DNS ã¨ã¯ã€è¤‡æ•°ã®è¨å®šã‚’å†…éƒ¨ã«æŒã¡ã€æ¬¡ã®ã‚ˆã†ãª
z_dogma 2016/01/13
rails

react

dns

ã‚µãƒ¼ãƒ
ãƒªãƒ³ã‚¯
Electronã§ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ç”¨ã®ãƒ•ã‚¡ã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã€ŒBlackAlbumã€ã‚’ä½œã£ãŸ - joker1007â€™s diary
Electronã§å‹•ä½œã™ã‚‹å‹•ç”»ãƒ•ã‚¡ã‚¤ãƒ«åŠã³JPG in Zipå‘ã‘ã®ãƒ•ã‚¡ã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ æ§‹æˆã¨ã—ã¦ã¯Electron+React+Reduxã§ã€gulpfileä»¥å¤–ã¯babelã‚’ä½¿ã£ã¦æ›¸ã„ã¦ã¾ã™ã€‚ ãã“ãã“ä»Šé¢¨ãªæ„Ÿã˜ã‚’ç›®æŒ‡ã—ã¦ã€ä¸€éƒ¨flowtypeã¨ã‹ã‚‚å–ã‚Šå…¥ã‚Œã¦ã¾ã™ãŒã€å‰²ã¨é©å½“ãªæ„Ÿã˜ã§ä½¿ã£ã¦ã¾ã™ã€‚ å®Ÿã¯ä»¥å‰Node.jsã§åŒã˜ã‚‚ã®ä½œã£ã¦ãŸã‚“ã ã‘ã©ã€ã›ã£ã‹ãã¡ã‚ƒã‚“ã¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã¨ã—ã¦ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã—Reactã«ã‚‚æ…£ã‚ŒãŸã®ã§Electronã¨ä»Šã®æŠ€è¡“ã§ä½œã‚Šç›´ã—ã¦ã¿ãŸã®ãŒã“ã‚Œã§ã™ã€‚åå‰ã‚‚åŒã˜ã ã£ãŸã‚Šã™ã‚‹ã€‚ https://github.com/joker1007/blackalbum https://github.com/joker1007/blackalbum/releases/download/v0.2.0/BlackAlbum-darwin-x64-0.2.0.
z_dogma 2015/10/20
react

github

electron
ãƒªãƒ³ã‚¯
Tutorial: Tic-Tac-Toe â€“ React
You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques youâ€™ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React. This tutorial is designed for people who prefer to learn by doing and want to quickly try making something tangible. If
z_dogma 2015/08/05
react

JS

react.js

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
å¤§è¦æ¨¡Reactã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ | POSTD
Sift Scienceã§è£½ä½œã«Reactã‚’ä½¿ã„å§‹ã‚ã¦ã‹ã‚‰ã»ã¼1å¹´ã«ãªã‚Šã¾ã—ãŸã€‚ãã®é–“ã€Backbone+Reactã¨ã„ã† ãƒ•ãƒ©ãƒ³ã‚±ãƒ³ã‚·ãƒ¥ã‚¿ã‚¤ãƒ³ã®ã‚ˆã†ãª è¤‡åˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰ãªã‚‹ã€ã‹ãªã‚Šå¤§ããª1ã¤ã®éšŽå±¤ã«è‚²ã¦ä¸Šã’ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€UIä¸å’Œã‚’æœ€å°é™ã«ã—ãªãŒã‚‰ã€ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã‚’ã‚¹ã‚±ãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã«å½¹ç«‹ã£ãŸæŠ€æ³•ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãŸã€ä¸€èˆ¬çš„ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ã€ã„ãã¤ã‹èª¬æ˜Žã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ãŒçš†ã•ã‚“ã®æ™‚é–“ã®ç¯€ç´„ã¨ç²¾ç¥žè¡›ç”Ÿã®ç¶æŒã«å½¹ç«‹ã¡ã€UIãŒè¤‡é›‘ã«ãªã£ã¦ã‚‚Reactã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã®ä¿å…¨æ€§ã‚’ç¶æŒã™ã‚‹ï¼ˆç ´ç¶»ã™ã‚‹ã®ã§ã¯ãªãï¼‰ãŸã‚ã®æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚’æä¾›ã§ãã‚Œã°å¹¸ã„ã§ã™ã€‚ componentDidUpdateã§ã€ã‚‚ã£ã¨ã§ãã‚‹ Reactã®æœ¬è³ªã¯ã€DOMã®æ›´æ–°ã¨ã„ã†ã‚¿ã‚¹ã‚¯ã‚’å‘½ä»¤çš„ãªã‚‚ã®ã‹ã‚‰å®£è¨€çš„ãªã‚‚ã®ã«å¤‰ãˆã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ä»–ã®ã‚¿ã‚¤ãƒ—ã®å‘½
z_dogma 2015/06/18
react

react.js

ã‚ã¨ã§èªã‚€

javascript
ãƒªãƒ³ã‚¯
ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]
é–‹ç™ºãŒå¤§å¥½ããª@geta6ã§ã™ã€‚ React meetupã®ã“ã¨ã‚’å®Œå…¨ã«è¦‹é€ƒã—ã¦ã„ã¦æ‚”ã—ã‹ã£ãŸã®ã§ã€å¤–éƒ¨å…¬é–‹ã®ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦ã®ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ çµŒç·¯ ç¾åœ¨ãƒ”ã‚¯ã‚·ãƒ–ã§ã¯Reactã§Fluxãªæ„Ÿã˜ã®æ§‹æˆã§æ–°ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºä¸ã§ã™ã€‚ã“ã‚Œã¾ã§ç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦Reactã‚’æŽ¡ç”¨ã—ãŸã“ã¨ã¯ç„¡ãã€ã“ã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ãŒåˆã®æŽ¡ç”¨ã¨ãªã‚‹äºˆå®šã§ã™ã€‚ç¤¾å†…ã®ç©ºæ°—æ„Ÿã¯ã€ŒFluxã‚‚Reactã‚‚ã‚ˆãèžãã—ä½•ã¨ãªãã‚ã‹ã£ã¦ã‚‹ã‘ã©ã€è©³ã—ãã¯çŸ¥ã‚‰ãªã„ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ãã“ã§ã€è‡ªåˆ†ã®ç†è§£åº¦ã®ç¢ºèªã¨ã€ä¸€ç·’ã«é–‹ç™ºã—ã¦ã„ã‚‹ãƒãƒ¼ãƒ ã®äººã‚„ç¤¾å†…å¤–ã®é–‹ç™ºç¾å ´ã®çš†ã•ã‚“ã«å¤§ä½“ã®æ„Ÿè¦šã‚’æŽ´ã‚“ã§ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã€ŒReactã¨Fluxã£ã¦ä¸€ä½“å…¨ä½“ãªã‚“ã˜ã‚ƒã‚‰ã»ã„ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€ã–ã£ãã‚Šã¨å¤§æž ã‚’æ‰ãˆã‚‹ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ è³‡æ–™ speakerdeck.com Reactã¨Fluxã®ã“ã¨ // Speaker Deck ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¯å…¥ã£ã¦ã„
z_dogma 2015/04/28
flux

react

javascript

programming

development
ãƒªãƒ³ã‚¯
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux è‡ªå·±ç´¹ä»‹ azu @azu_re Web scratch, JSer.info Flux /flËˆÊŒks/ Fluxã¨ã¯ FacebookãŒæå”±ã—ãŸSmalltalk MVCã®ç„¼ãç›´ã— CQRS(Command Query Responsibility Segregation)ã¨é¡žä¼¼ ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã¸æµã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ ã‚¦ã‚§ãƒ–UIã«ã¤ã„ã¦ãã‚Œã‚’é©å¿œã™ã‚‹ ä»Šæ—¥ã®ç›®çš„ å°ã•ãªFluxã®å®Ÿè£…ã‚’ä½œã‚ŠãªãŒã‚‰Fluxã¤ã„ã¦å¦ã¶ Fluxã®ç‰¹å¾´: Unidirectional data flow æœ¬å½“ã«ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã«æµã‚Œã‚‹ã®ã‹ã‚’ç¢ºèªã™ã‚‹ Fluxã§ã‚ˆãè¦‹ã‚‹å›³ ç™»å ´äººç‰© ä½•ã‹è‰²ã€…ã„ã‚‹ Action Creators, Dispatcher, Store, React Views... Dispatcher = EventEm itterã¨ä»Šå›žã¯è€ƒãˆã‚‹ ã‚‚ã£ã¨å®Ÿè£…çš„
z_dogma 2015/04/24
ã‚¤ãƒ™ãƒ³ãƒˆ

react

react.js

command

javascript

flux
ãƒªãƒ³ã‚¯
ã„ã¾æœ€ã‚‚æ³¨ç›®ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒReact.jsã€ã§ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼ ã€å‰ç·¨ã€‘
å¯¾è±¡èªè€… JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¸å®šã«æ‚©ã‚“ã§ã„ã‚‹æ–¹ æœ¬æ ¼çš„ã«JavaScriptã‚’è§¦ã‚‹ã®ãŒåˆã‚ã¦ã¨ã„ã†æ–¹ jQueryã§ã®å¤§è¦æ¨¡ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«é™ç•Œã‚’æ„Ÿã˜ã¦ã„ã‚‹æ–¹ å¿…è¦ãªç’°å¢ƒ Node.jsãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã§ã™ã€‚ React.jsã¨ã¯ä½•ã‹ React.jsã¯æœ€è¿‘æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã‚‹Facebookè£½ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€MVCã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã„ã†Viewã«ã‚ãŸã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ å‰æã¨ã—ã¦ã€JavaScriptã®ä¸–ç•Œã§MVCã®Vã¨ã„ãˆã°ã€ç´›ã‚Œã‚‚ãªãDOMï¼ˆDocument Object Modelï¼‰ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ç‰¹ã«ä½•ã‚‚æ„è˜ã—ãªã„ã§ä½œã£ãŸå ´åˆã€éƒ½åˆã®è‰¯ã„DOMã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å¼•ã£å¼µã‚Šå‡ºã—ã¦ã¯åˆ¥ã®DOMã‚’æ›¸ãæ›ãˆã‚‹ã¨ã„ã£ãŸã€è¡Œãå½“ãŸã‚Šã°ã£ãŸã‚Šãªä½œã‚Šã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã“ã§ã€MVCã®è€ƒãˆæ–¹ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒ‡ãƒ¼ã‚¿ã‚’ç”»é¢ã¨ã¯ç‹¬ç«‹ã—ãŸæ§‹é€ ä½“ã¨ã—ã¦åˆ‡ã‚Šå‡ºã—
z_dogma 2015/02/26
js

react.js

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

javascript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

react
ãƒªãƒ³ã‚¯
1