[B! Flux] iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

iR3 id:iR3

Fluxã«é–¢ã™ã‚‹iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

çµå±€Fluxã‚„ã‚‰Reduxã‚„ã‚‰ã£ã¦ä½•ãªã®ã‹å€‹äººçš„ãªã¾ã¨ã‚ - Qiita
Fluxã‚„ReduxãŒã¾ãŸåˆ†ã‹ã‚‰ãªããªã£ãŸã®ã§ã€å€‹äººçš„ãªã¾ã¨ã‚ã‚’ã—ã¾ã—ãŸã€‚ ã€Œã“ã‚Œé–“é•ã£ã¦ã‚‹ãœï¼ã€ã£ã¦ã®ãŒã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆç‰ã§ã”æŒ‡æ‘˜ã—ã¦ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ã¾ãŸä½•ã‹æ°—ä»˜ããŒã‚ã‚Œã°ã¡ã‚‡ã“ã¡ã‚‡ã“æ›´æ–°å…¥ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ Fluxã£ã¦ï¼Ÿ FacebookãŒæå”±ã—ã¦ã„ã‚‹ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã€JavaScriptã®ãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’åˆ†ã‹ã‚Šã‚„ã™ãæ•´ç†ã™ã‚‹ãŸã‚ã«ä½¿ã‚ã‚Œã¾ã™ã€‚ JavaScriptã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ãƒ³ãªãŸã‚ã€æ§˜ã€…ãªãƒ‡ãƒ¼ã‚¿ã®æµã‚ŒãŒã‚ã‚Šè¤‡é›‘åŒ–ã—ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚ ãã®ãŸã‚Fluxã§ã¯ãã®æµã‚Œã‚’ä¸€æ–¹å‘ã«ã¾ã¨ã‚ã‚ˆã†ï¼ã¨ã„ã£ãŸã“ã¨ã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ Dispatcherã‚’é€šã—ã¦çŠ¶æ…‹ã‚’å¤‰åŒ–ã•ã›ã¦ã„ãæ§˜åã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã‚ªãƒ–ã‚¶ãƒ¼ãƒãƒ¼ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨åŒã˜ã‚ˆã†ãªå½¢ã§ã™ãã€‚ åŸºæœ¬çš„ã«ã¯ä»¥ä¸‹ã®æ§˜ãªæµã‚Œã§ã™ã€‚ ã¾ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¡Œå‹•ã«ã‚ˆã£ã¦Viewã‹ã‚‰æ–°ãŸã«Actionã‚’ç™ºè¡Œã—ã€Dispatcherã¸ã¨ä¼æ¬ã•ã›ã‚‹ã“ã¨ã‚‚å‡ºæ¥
iR3 2016/04/11
ãµã‚€ãµã‚€ å›³è§£ãŒæœ‰ã‚Šé›£ã„

Redux

Flux
ãƒªãƒ³ã‚¯
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
iR3 2016/04/04
ãµã‚€ãµã‚€

react

Flux
ãƒªãƒ³ã‚¯
Fluxã®Actionã¨Storeã‚’ã¡ã‚ƒã‚“ã¨åˆ†ã‘ã‚‹è©± - pixiv inside [archive]
ãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ Advent Calendar 2015ã€19æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ qiita.com ã“ã‚“ã«ã¡ã¯ã€æ„›ã‚‰ã—ãã‚‚æ†Žã‚‰ã—ã„JavaScriptã‚’æ›¸ã„ã¦ã”é£¯ã‚’é£Ÿã¹ã¦ã„ã‚‹ @geta6 ã§ã™ã€‚æ¥å‹™ã§ã¯ pixiv Sketch ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºã‚„é‹å–¶ã«æºã‚ã£ã¦ã„ã¾ã™ã€‚ pixiv Sketchã§ã¯ã€node.jsã¨React/Fluxibleã‚’ä½¿ç”¨ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’åŒã˜ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã§å‹•ä½œã•ã›ã‚‹Isomorphicãªæ§‹æˆã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã—ã¦ã„ã¦ã€ãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ãŒã¤ã¾ãšãã‚„ã™ã„ã¨æ„Ÿã˜ãŸã®ãŒã€ŽFluxã«ãŠã‘ã‚‹Actionã¨Storeã®ã©ã¡ã‚‰ã«ä½•ã‚’å®Ÿè£…ã™ã‚‹ã¹ãã‹ã€ã¨ã„ã†ç‚¹ã§ã—ãŸã€‚ ãã“ã§ã€æœ¬æ—¥ã¯ã€ŽActionã¨Storeã¨ã®é©åˆ‡ãªè²¬å‹™ã®æŒãŸã›æ–¹ã€ã«ã¤ã„ã¦è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Reactã¨Fluxã«ã¤ã„ã¦ãŠã•ã‚‰ã„ ä»Šå¹´ã®4æœˆã«ã“ã‚“ãªã‚¹ãƒ©ã‚¤ãƒ‰
iR3 2015/12/21
ãµã‚€ãµã‚€

React.js

Flux
ãƒªãƒ³ã‚¯
Electron, Flux + React
How we built Speak (https://speak.io), a realtime team communication platform using an event sourced architecture and Electron, plus some of the challenâ€¦
iR3 2015/10/01
React.js

Flux
ãƒªãƒ³ã‚¯
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ã¨ä»Šå›žã¯è€ƒãˆã‚‹ ã‚‚ã£ã¨å®Ÿè£…çš„
iR3 2015/09/14
ã»ã€œâ€œCQRS(Command Query Responsibility Segregation)â€ã§ã™ã‹

Flux
ãƒªãƒ³ã‚¯
React.js + Flux ã‚½ãƒ¼ã‚¹ãƒ¬ãƒ“ãƒ¥ãƒ¼ã®ãƒã‚¤ãƒ³ãƒˆ - Qiita
ã‚ªãƒ¬ã‚ªãƒ¬Fluxã§ã¯ãªãFacebookå…¬å¼ã«å‡ºæ¥ã‚‹ã ã‘å¯„ã›ã‚‹æ–¹é‡ã€‚ #React.js propã¨state stateã¯æœ€ä½Žé™ã®åˆ©ç”¨ã«ã§ãã¦ã„ã‚‹ã‹ï¼ŸstateãŒå¿…è¦ä»¥ä¸Šã«ä½¿ã‚ã‚Œã¦ã„ãªã„ã‹ï¼Ÿpropã§ç½®ãæ›ãˆã¯ã§ããªã„ã‹ï¼Ÿ stateã‚’setStateã‚’ä½¿ã‚ãšç›´æŽ¥ä»£å…¥ã—ã¦ã„ãªã„ã‹ï¼ˆãƒã‚°ï¼‰ï¼ˆlistã¨ã‹å¼„ã‚‹æ™‚æ³¨æ„ï¼‰ componentã®ãªã‹ã§propã®æ›¸ãæ›ãˆã‚’è¡Œã£ã¦ã„ãªã„ã‹ï¼Ÿï¼ˆãƒã‚°ï¼‰ é©åˆ‡ã«propTypesã‚’åˆ©ç”¨ã—ã¦åž‹ä»˜ã‘ã§ãã¦ã„ã‚‹ã‹ ref,getDOMNodeã‚’ä½¿ã£ã¦ã„ã‚‹ã‹ï¼Ÿä½¿ã†ã¹ãç†ç”±ãŒã‚ã‚‹ã‹ç¢ºèªã™ã‚‹ã€‚ getInitialStateã®ä¸ã§propsã‚’ä½¿ã£ã¦ã„ãªã„ã‹ï¼Ÿä½¿ã‚ã‚Œã¦ã„ã‚‹å ´åˆåŒæœŸã•ã‚Œãªã„ã“ã¨ã‚’æ£ã—ãèªè˜ã—ã¦å®Ÿè£…ã—ã¦ã„ã‚‹ã‹ï¼Ÿ [Props in getInitialState Is an Anti-Pattern] (https://facebook.github.io/r
iR3 2015/09/14
ãµã‚€ãµã‚€

React.js

Flux
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ¤œç´¢ã‚’ä½œã‚ŠãªãŒã‚‰Flux Utilsã«ã¤ã„ã¦å¦ã¶
facebook/flux 2.1.0ã‹ã‚‰Flux Utilsã¨ã„ã†Storeãªã©ã®å®Ÿè£…ãŒå«ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šå›žFlux Utilsã‚’ä½¿ã£ã¦ã€æŒ‡å®šã—ãŸã‚¢ã‚«ã‚¦ãƒ³ãƒˆã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’æ¤œç´¢ã™ã‚‹ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ azu/hatebu-mydata-search azu.github.io/hatebu-mydata-search/ mydataã®APIãŒCORSå¯¾å¿œã—ã¦ãªã„ã®ã§JSONProxyã‚’æŒŸã‚“ã§ã¾ã™ã€‚(ãªã®ã§ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ‡ãƒ¼ã‚¿ãŒå¤šã„ã‚¢ã‚«ã‚¦ãƒ³ãƒˆåã¯é¿ã‘ãŸã»ã†ãŒâ€¦) ã“ã‚Œã‚’ä½œã£ã¦ã¿ã¦Flux Utilsã«ã¤ã„ã¦æ€ã£ãŸã“ã¨ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ Flux Utilsã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã€Flux Utilsã®è§£èª¬ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ç°¡å˜ã«ã¾ã¨ã‚ã‚‹ã¨ä»¥ä¸‹ã®4ã¤ã®ã‚¯ãƒ©ã‚¹ãŒFlux Utilsã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ Store ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã‚¯ãƒ©ã‚¹ ReduceStore Store
iR3 2015/09/07
Flux Utils!

flux

Flux Utils
ãƒªãƒ³ã‚¯
fukajun - DeepValley -
reduxã®æ€æƒ³ çµ±ä¸€ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã¯1ã¤ã®storeã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒç®¡ç†ã™ã‚‹ stateã¯ãƒªãƒ¼ãƒ‰ã‚ªãƒ³ãƒªãƒ¼ sateã‚’å¤‰åŒ–ã•ã›ã‚‹å”¯ä¸€ã®æ–¹æ³•ã¯actionã‚’ç™ºè¡Œã™ã‚‹ã“ã¨ çŠ¶æ…‹ã®é·ç§»ã¯ãŸã ã®é–¢æ•°ã«ã‚ˆã£ã¦è¡Œã† stateã‚’å¤‰æ›´ã™ã‚‹ãŸã‚ã®å‡¦ç†ã¯reducersã«å®šç¾©ã—ã¾ã™ fluxã®ç™»å ´äººç‰© actionCreator æœ€çµ‚çš„ã«actionã‚’ä½œã‚‹ãŸã‚ã®å‡¦ç† ajaxãƒªã‚¯ã‚¨ã‚¹ãƒˆãªã©ã®å‡¦ç†ã‚’è¡Œã„ã€ãã®çµæžœã‚’ã®ã›ãŸactionã‚’ä½œæˆã™ã‚‹ ä¾‹) ä¾‹ãˆã°ã€ajaxã§ã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’å–å¾—ã—ã¦ { actionType: UPDATE_COMMENTS, comments: response.body.comments } ã®ã‚ˆã†ãªactionã‚’ä½œã‚‹ action ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½•ãŒèµ·ããŸã®ã‹ã¨ãã‚Œã«ä»˜éšã™ã‚‹ãƒ‡ãƒ¼ã‚¿ actionTypeã¨ä»»æ„ã®ãƒ‡ãƒ¼ã‚¿ã‚’æŒã¤å˜ãªã‚‹Object acit
iR3 2015/08/24
fukajunå…ˆç”Ÿã® redux å‹‰å¼·çµæžœã‚’æŽˆã‘ã¦é ‚ã„ã¦ã„ã‚‹ #sendagayarb

Redux

Flux
ãƒªãƒ³ã‚¯
[WIP] react-reduxã«ã¤ã„ã¦ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã‚“ã ãƒ¡ãƒ¢ - fukajun - DeepValley -
reduxã®æ€æƒ³ çµ±ä¸€ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã¯1ã¤ã®storeã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒç®¡ç†ã™ã‚‹ stateã¯ãƒªãƒ¼ãƒ‰ã‚ªãƒ³ãƒªãƒ¼ sateã‚’å¤‰åŒ–ã•ã›ã‚‹å”¯ä¸€ã®æ–¹æ³•ã¯actionã‚’ç™ºè¡Œã™ã‚‹ã“ã¨ çŠ¶æ…‹ã®é·ç§»ã¯ãŸã ã®é–¢æ•°ã«ã‚ˆã£ã¦è¡Œã† stateã‚’å¤‰æ›´ã™ã‚‹ãŸã‚ã®å‡¦ç†ã¯reducersã«å®šç¾©ã—ã¾ã™ fluxã®ç™»å ´äººç‰© actionCreator æœ€çµ‚çš„ã«actionã‚’ä½œã‚‹ãŸã‚ã®å‡¦ç† ajaxãƒªã‚¯ã‚¨ã‚¹ãƒˆãªã©ã®å‡¦ç†ã‚’è¡Œã„ã€ãã®çµæžœã‚’ã®ã›ãŸactionã‚’ä½œæˆã™ã‚‹ ä¾‹) ä¾‹ãˆã°ã€ajaxã§ã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’å–å¾—ã—ã¦ { actionType: UPDATE_COMMENTS, comments: response.body.comments } ã®ã‚ˆã†ãªactionã‚’ä½œã‚‹ action ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½•ãŒèµ·ããŸã®ã‹ã¨ãã‚Œã«ä»˜éšã™ã‚‹ãƒ‡ãƒ¼ã‚¿ actionTypeã¨ä»»æ„ã®ãƒ‡ãƒ¼ã‚¿ã‚’æŒã¤å˜ãªã‚‹Object acit
iR3 2015/08/24
reduxã‚’ããã‚‹ã¨ fukajunã®è¨˜äº‹ãŒãƒ’ãƒƒãƒˆã™ã‚‹ãª #sendagayarb

Flux

React.js
ãƒªãƒ³ã‚¯
rackt
Here youâ€™ll find essays and tips on the business and practice of software and website development: website design and promotion, marketing, object oriented design, law, business, cross-platform development, refactoring, C++ programming, low-level debugging, and writing software for both Mac OS X and the Classic Mac OS. Whatâ€™s New? Bookmark this page and check back from time to time to find new pro
iR3 2015/08/20
React.jsç”¨ã®Fluxã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¯ReduxãŒæ¥ã‚‹ã®ã‹ãª

Redux

React.js

Flux
ãƒªãƒ³ã‚¯
GitHub - facebookarchive/flux: Application Architecture for Building User Interfaces
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
iR3 2015/08/17
facebookè¬¹è£½ã® Flux ã®å›³è§£ã‚’ã¿ã¦ã‚‹ #sendagayarb

Flux
ãƒªãƒ³ã‚¯
flux-utilsã«ã¤ã„ã¦
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
iR3 2015/08/17
facebookè¬¹è£½ã®fluxã®ãƒ„ãƒ¼ãƒ«ã¿ã¦ã‚‹ #sendagayarb

Flux
ãƒªãƒ³ã‚¯
GitHub - goatslacker/alt: Isomorphic flux implementation
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
iR3 2015/07/27
Flux
ãƒªãƒ³ã‚¯
React.jsã¨Flux - Qiita
ä»Šå›žã¯React.jsã¨ã‚‚é–¢ã‚ã‚ŠãŒã‚ã‚‹Fluxã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Flux is Architecture â†‘ã®å›³ã¯facebookã®fluxã®ãƒªãƒã‚¸ãƒˆãƒªã«ã‚ã‚‹ã‚‚ã®ã§ã™ãŒã€Fluxã¯ä¸Šè¨˜ã®ã‚ˆã†ãªArchitectureã®åç§°ã§ã™ã€‚facebook/fluxã®repositoryã«è¡Œã£ã¦ã‚‚ã‚‰ã†ã¨ã‚ã‹ã‚‹ã®ã§ã™ãŒã€å®Ÿè£…ã¨ã—ã¦ã¯Dispatcherã®éƒ¨åˆ†ãŒã‚ã‚‹ã ã‘ã§ã™ã€‚ Unidirectional data flow å…ˆã»ã©ã®å›³ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã¨ã‚ã‹ã‚‹é€šã‚Šã€Fluxã§ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¤‡é›‘ã•ã‚’ãªãã™ãŸã‚ã€ãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’ä¸€æ–¹å‘ã«ã—ã¾ã™ã€‚ ãã®ãŸã‚å…¨ä½“ã®å‡¦ç†ã®æµã‚Œã¯ã‚ã‹ã‚Šã‚„ã™ããªã‚Šã¾ã™ãŒã€Angular.jsãªã©ã§æ›¸ãã¨ãã«æ¯”ã¹ã¦å†—é•·ã«æ„Ÿã˜ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰å˜ç´”ãªãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’ä½œã‚‹ã“ã¨ã§ã€ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã«ãªã£ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒè¤‡é›‘åŒ–ã—ã¦ã‚‚ãƒ‡ãƒ¼ã‚¿ã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®æµã‚ŒãŒã‚¹ãƒ‘
iR3 2015/07/09
ãµã‚€ãµã‚€ #sendagayarb ã§è¦‹ã¦ã‚‹

React.js

Flux
ãƒªãƒ³ã‚¯
React0.13ã«ãŠã‘ã‚‹å„fluxè»å›£ã®å¯¾å¿œè€ƒå¯Ÿãƒ¡ãƒ¢ - Qiita
React0.13ã«ãªã£ã¦ã‹ã‚‰è§¦ã£ã¦ã¿ãŸã‚‰ã„ãã‚‰ã‹fluxäº‹æƒ…ã‚‚å¤‰ã‚ã£ã¦ã„ãŸã®ã§èª¿ã¹ãŸè©± React 0.13ã§ä½•ãŒå¤‰ã‚ã£ãŸã®ã‹ï¼Ÿ mixinã®depreactedåŒ– http://qiita.com/mizchi/it ems/ce9a128aa2a47804e083 React.Componentã«ã‚ˆã‚ŠES6ãªè¨˜æ³•ã§æ›¸ã‘ã‚‹ fluxã«çµ¡ã‚€ã¨ã“ã‚ã§ã„ã†ã¨ã“ã®ã¸ã‚“ãŒã§ã‹ã„ã€‚ ã‚„ã£ã±ã‚Š0.13ã‹ã‚‰ã¯classä½¿ã„ãŸã„ï¼ ä»Šã¾ã§ã®fluxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ä»Šã¾ã§æ¦‚ãmixinã‚’ä½¿ã†ã“ã¨ã§viewã¨storeã‚’ç´ä»˜ã‘ã¦ããŸã€‚ ã˜ã‚ƒã‚ã“ã‚Œã‹ã‚‰ã©ã†ã™ã‚“ã®ï¼Ÿï¼Ÿï¼Ÿ å„fluxé”ã®å¯¾å¿œå…·åˆ flummox å€‹äººçš„ã«ã¯ä»Šå¾Œã¯ã“ã‚Œã‚’ä½¿ã£ã¦ã„ã“ã†ã‹ãªã¨æ€ã£ã¦ã„ã‚‹ã®ãŒflummoxã€‚ **2015/07/23è¿½è¨˜ï¼šflummoxã¯4.0ã§æ›´æ–°æ¢ã‚ã‚‹ã‹ã‚‰ã“ã‚Œã‹ã‚‰ã¯reduxã‚’ä½¿ã£ã¦ãï¼**ã ãã†ã ãƒ»ãƒ» fluxxorã¨åå‰
iR3 2015/06/29
#sendagayarb ã§è¦‹ã¦ã‚‹ã€‚ flummox ã§ã™ã‹

flux

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

React.js

Flux
ãƒªãƒ³ã‚¯
å»ºç¯‰ã‚³ã‚¹ãƒˆã€å·¥æœŸåŠæ¸›ã¸ã€€ã‚°ãƒ¼ã‚°ãƒ«ç™ºã®ã€Œè¶…ã€è¨è¨ˆæ³• - æ—¥æœ¬çµŒæ¸ˆæ–°èž
ç±³Googleï¼ˆã‚°ãƒ¼ã‚°ãƒ«ï¼‰ç™ºã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ä¼æ¥ã€Fluxï¼ˆãƒ•ãƒ©ãƒƒã‚¯ã‚¹ï¼‰ã¯å¾“æ¥ã®å¸¸è˜ã‚’å¤‰ãˆã‚‹æ–¬æ–°ãªå»ºç¯‰è¨è¨ˆæ‰‹æ³•ã‚’é–‹ç™ºä¸ã ã€‚æ•·åœ°ã«å»ºç‰©ã®"ç¨®"ã¨ãªã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’ç½®ãã€åºƒã•ã‚„é«˜ã•ãªã©ã‚’èª¿æ•´ã—ãªãŒã‚‰è¨è¨ˆã‚’é€²ã‚ã‚‹3Dï¼ˆ3æ¬¡å…ƒï¼‰ãƒ¢ãƒ‡ãƒ«ä½œæˆã‚·ã‚¹ãƒ†ãƒ ã¨ã€å»ºç¯‰é–¢ä¿‚ã®æ³•è¦åˆ¶ã‚’éƒ½å¸‚ã®3Dãƒ¢ãƒ‡ãƒ«ã¨é€£å‹•ã•ã›ã¦ã€ã‚¯ãƒªãƒƒã‚¯1ã¤ã§å»ºç¯‰å¯èƒ½ãª3Dç©ºé–“ã‚’è¡¨ç¤ºã™ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã€‚ã„ãšã‚Œã‚‚ã€ç¾åœ¨ã®BIMï¼ˆãƒ“ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ¢ãƒ‡ãƒ«ï¼‰ã‚’è¶…ãˆãŸã€"ã‚¦ãƒ«ãƒˆãƒ©BIM"ã¨ã‚‚ã„ãˆã‚‹ã‚·ã‚¹ãƒ†ãƒ ã ã€‚
iR3 2014/12/27
ã»ã€œâ€œFluxâ€ãƒ•ãƒ©ãƒƒã‚¯ã‚¹ã§ã™ã‹

Flux
ãƒªãƒ³ã‚¯
1