[B! flux] gologo13ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gologo13 id:gologo13

fluxã«é–¢ã™ã‚‹gologo13ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

Androidã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã“ã¨ã¯ã˜ã‚ â€• é¸å®šã™ã‚‹æ„å‘³ã¨ã€MVPã€Clean Architectureã€MVVMã€Fluxã®ç‰¹å¾´ã‚’ç†è§£ã™ã‚‹ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ AMBIï¼ˆã‚¢ãƒ³ãƒ“ï¼‰
Androidã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã“ã¨ã¯ã˜ã‚Â â€•Â é¸å®šã™ã‚‹æ„å‘³ã¨ã€MVPã€CleanÂ Architectureã€MVVMã€Fluxã®ç‰¹å¾´ã‚’ç†è§£ã™ã‚‹ Androidã‚¢ãƒ—ãƒªã®é–‹ç™ºã«ãŠã„ã¦æ‚©ã¾ã—ã„ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®é¸å®šã€‚æœ¬è¨˜äº‹ã§ã¯é¸å®šã™ã‚‹æ„å‘³ã‚’æ”¹ã‚ã¦æ•´ç†ã—ã€Â MVPãƒ»CleanÂ Architectureãƒ»MVVMãƒ»Fluxã¨ã„ã£ãŸæœ€æ–°ã®å®Ÿä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚Android ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è—¤åŽŸè–ï¼ˆãµã˜ã‚ã‚‰ãƒ»ã•ã¨ã‚‹ï¼@satorufujiwaraï¼‰ã§ã™ã€‚ ç¾åœ¨ã¯æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’å…¼ä»»ã—ã¦ã„ã¾ã™ã€‚2017å¹´ã§35æ³ã«ãªã‚Šã€å®šå¹´ã‚’è¿Žãˆã¾ã—ãŸï¼ˆãƒ—ãƒã‚°ãƒ©ãƒžã®å®šå¹´ã«ã¤ã„ã¦ã¯ã€Œä½“åž‹ã‚’æ”¯ãˆã‚‹æŠ€è¡“ã€ãªã©ã‚’å‚ç…§ï¼‰ã€‚ Androidã‚¢ãƒ—ãƒªé–‹ç™ºã«ã¯2010å¹´ã‹ã‚‰æºã‚ã£ã¦ã„ã¾ã™ãŒã€ä»Šç¾åœ¨ã®é–¢å¿ƒäº‹ã¯ä½•ã¨ã„ã£ã¦ã‚‚å…¬å¼é–‹ç™ºè¨€èªžã«æŽ¡ç”¨ã•ã‚ŒãŸKotlinã€‚ãã—ã¦ã‚‚ã†ä¸€ã¤ãŒã€Androidã®
gologo13 2018/05/29
architecture

flux

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

javascript

flux
ãƒªãƒ³ã‚¯
æ§‹é€ ã®è¤‡é›‘ã•ã¨Vuexæ›¸ãåˆ†ã‘ - Qiita
Vue.js Advent Calendar 2016 14æ—¥ç›®ã§ã™ã€‚ Vue2 + Vuex2ã®çµ„ã¿åˆã‚ã›ã¯Vueã‚’æ£ã—ãfluxã«å°Žãã€ã‚ˆã‚Šå·¨å¤§ãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’ç®¡ç†ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ é€†ã«è¨€ã†ã¨Vueã®æ°—è»½ã•ãŒå¤±ã‚ã‚Œã¦ã—ã¾ã£ãŸã®ã§ã¯ã€ã¨ã„ã†å°è±¡ã‚’æŒã¤æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã®ã§ã¯ã€‚ ã—ã°ã‚‰ãä½¿ã£ã¦ã¿ãŸã‚‰è‚©ã®åŠ›ã®æŠœãæ–¹ãŒåˆ†ã‹ã£ã¦ããŸã®ã§ã€æ§‹é€ ã®è¤‡é›‘ã•åˆ¥ã«æ›¸ãæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ ã“ã®ãƒã‚¹ãƒˆã¯
gologo13 2017/11/14
vue.js

Vuex

flux
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’è€ƒãˆã‚‹ - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºéƒ¨ã®æ£®å· (@morishin127) ã§ã™ã€‚ä¸»ã«ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã® iOS ã‚¢ãƒ—ãƒªã®é–‹ç™ºã«æºã‚ã£ã¦ã„ã¾ã™ã€‚ æ—¥ã€…ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ä¸ã§ã€è¿‘é ƒã¯æœ€é©ãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã¯ä½•ã‹ã‚’è€ƒãˆãªãŒã‚‰è‰²ã€…ãªå½¢ã‚’è©¦è¡ŒéŒ¯èª¤ã—ã¦ã„ã¾ã™ã€‚ä¸–ã®ä¸ã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚MVC, MVP, MVVM, VIPER, Clean Architecture ãªã©ãªã©ã€‚é–‹ç™ºã—ã¦ã„ã‚‹ã€ã‚ã‚‹ã„ã¯é–‹ç™ºã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã©ã†ã„ã£ãŸã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’é¸æŠžã™ã‚‹ã‹ã¨ã„ã†ã®ã¯é›£ã—ã„å•é¡Œã§ã™ã€‚é¸æŠžã™ã‚‹ãŸã‚ã«ã¯ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«æ±‚ã‚ã‚‹è¦ä»¶ã‚’å®šç¾©ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ç§ãŒã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«æ±‚ã‚ã‚‹è¦ä»¶ã¨ã€ãã‚Œã‚‰ã‚’ã‚ã‚‹ç¨‹åº¦æº€ãŸã™ã¨è€ƒãˆãŸ MVVM ã¨ Flux ã¨ã„ã†2ã¤ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§å®Ÿè£…ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¤ã¤ãã®é•·æ‰€ãƒ»çŸæ‰€ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã‚¢ãƒ¼
gologo13 2017/05/19
ios

flux

Clean Architecture
ãƒªãƒ³ã‚¯
Reduxã®æ£ã—ã„è§£é‡ˆã®è©±
2016å¹´ã®èª²é¡Œã¯çŠ¶æ…‹é·ç§»ã®ç®¡ç†ã ã£ãŸã¨æ€ã†ã€‚ ãã®ã‚¢ãƒ³ã‚µãƒ¼ã¨ã—ã¦ã€ Fluxã®ã‚ˆã†ãªå®Ÿè£…ã«ãŠã‘ã‚‹Storeç›¸å½“ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã‚’ã»ã¼ã™ã¹ã¦ç®¡ç†ã•ã›ã‚‹Reactã®ã‚ˆã†ãªVirtual DOMã‚’æè¼‰ã—ãŸãƒ“ãƒ¥ãƒ¼ã®å®Ÿè£…ã‚’é€éŽçš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã—ã¦æ‰±ã†ã“ã®2ã¤ã®çµ„ã¿åˆã‚ã›ã«ã‚ˆã‚Šã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã¨æç”»ã•ã‚Œã‚‹ç”»é¢ãŒ (ã»ã¼) å‚ç…§é€éŽçš„ã«ãªã‚‹ã€‚ã¨ã„ã†ã®ãŒFluxã¨Reactä»¥é™ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã ã¨æ€ã† (ç†è«–ã¨ã—ã¦) ã€‚ ã“ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ãªã‚‰ã€ã‚¨ãƒ©ãƒ¼ã®ç™ºç”Ÿæ™‚ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã‚’è¡¨ç¾ã™ã‚‹JSONã‚’ã‚¨ãƒ©ãƒ¼åŽé›†ã‚µãƒ¼ãƒ“ã‚¹ã«é€ã‚‹ã‚ˆã†ã«ã—ã¦ã€ç°¡å˜ã«ãƒã‚°ã‚’å†ç¾ã—ãŸã‚Šã§ãã‚‹ã—ã€çŠ¶æ…‹ã®é·ç§»ã‚’ãƒ†ã‚¹ãƒˆã—ã¦ã„ãã“ã¨ã§ã€ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã™ã‚‹ã‚ˆã†ãªãƒã‚°ã®ã†ã¡å¤§åŠã‚’æ¤œå‡ºã§ãã‚‹ã€‚ Fluxã®å•é¡Œãã“ã§å•é¡ŒãŒå‡ºã‚‹ã®ãŒã€Action(Creator) ã¨Reducer (Store#reduce())ã®2è¦ç´ é–“ã®ãƒ«
gologo13 2017/01/26
flux

javascript

architecture

redux

frontend

react
ãƒªãƒ³ã‚¯
è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è€ƒãˆãªãŒã‚‰ä½œã‚‹è©±
autoscale: true theme: Plain Jane,5 è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è€ƒãˆãªãŒã‚‰ä½œã‚‹è©± è‡ªå·±ç´¹ä»‹ Name : azu Twitter : @azu_re Website: Web scratch, JSer.info #jsprimerã‚’æ›¸ã„ã¦ã„ã¾ã™ JavaScriptå…¥é–€æ›¸ã«èˆˆå‘³ã‚ã‚‹äººã¯ã‚¦ã‚©ãƒƒãƒ :star: :warning: æ³¨æ„ :warning: ä½œæˆã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦å¿…è¦ãªæ§‹é€ ã¯ç•°ãªã‚Šã¾ã™ ä»Šå›žã®è©±ã¯ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã§è¤‡é›‘æ€§ã‚’æŒã¤ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªæŠœãã§æ•°ä¸‡LOC >= é•·æœŸçš„ã«ãƒ¡ãƒ³ãƒ†ãƒ³ãƒŠãƒ³ã‚¹ã‚„å¤‰æ›´ãŒç™ºç”Ÿã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã—ãªã„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ 3è¡Œã§OK è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã«ã‚ãŸã‚Šãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ¢ãƒ‡ãƒ«ã‚’ã©ã†å®Ÿè£…ã™ã‚‹ã‹æ‚©ã‚“ã è‰²ã€…ã¨è©¦è¡ŒéŒ¯èª¤ã—ãŸ
gologo13 2016/09/28
architecture

flux

javascript

ddd

design
ãƒªãƒ³ã‚¯
Fluxã¨DDDã®çµ±åˆæ–¹æ³• - ã‹ã¨ã˜ã‚…ã‚“ã®æŠ€è¡“æ—¥èªŒ
ãŠã¯ã“ã‚“ã°ã‚“ã«ã¡ã¯ã€ã‹ã¨ã˜ã‚…ã‚“ã§ã™ã€‚ ä¹…ã—ã¶ã‚Šã«ãƒ–ãƒã‚°ã‚’æ›¸ãâ€¦ã€‚æœ€è¿‘ã€è¶£å‘³ã§Angular2ã‚„ã‚‰Reactã‚„ã‚‰ã‚„ã£ã¦ã„ã¾ã™ã€‚ã‚„ã£ã¨Webpackã«ãªã‚Œã¾ã—ãŸâ€¦ã€‚ ã•ã¦ã€ä»Šå›žã®ãŠé¡Œã¯ã€ŒFluxã¨DDDã®çµ±åˆæ–¹æ³•ã€ã«ã¤ã„ã¦ã€‚Angular2ã‚’å…ˆã«è§¦ã£ã¦ã„ã¾ã—ãŸãŒã€Fluxã¨ã„ãˆã°ã‚„ã¯ã‚ŠReactã ã‚ã†ã¨ã„ã†ã“ã¨ã§é€”ä¸ã§æµ®æ°—ã—ã¦Reactã§è€ƒãˆã¦ã„ã¾ã™ã€‚Angular2ã§ã‚‚ã§ãã‚‹ã¯ãšã§ã™ãŒã€ä»Šå›žã¯Reactã§çµ±åˆæ–¹æ³•*1ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä¸€ã¤æ–ã£ã¦ãŠãã¨ã€Fluxã¯DDDã¨çµ±åˆã™ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ã„ãªã„è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ãªã‚“ã§äº‘ã€…ã¨ã‹ã¯ã“ã“ã§ã¯è€ƒãˆã¦ã„ã¾ã›ã‚“ã€‚ãã‚Œã¯ã“ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’èªã‚€èªã¾ãªã„ã«é–¢ã‚ã‚‰ãšã”è‡ªèº«ã§åˆ¤æ–ã•ã‚Œã¦ãã ã•ã„ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ã¯ã€Githubã¸ã®ãƒªãƒ³ã‚¯ã‚’ä¸€ç•ªä¸‹ã«æ›¸ã„ã¦ã‚ã‚‹ã®ã§èˆˆå‘³ãŒã‚ã‚‹äººã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Fluxã£ã¦ä½•ï¼Ÿ ã¾ãšåŸºç¤Žã¨ã„ã†ã“ã¨ã§ã€Flux i
gologo13 2016/09/12
flux

DDD

react

javascript
ãƒªãƒ³ã‚¯
Swiftã§åž‹å®‰å…¨ãªFluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’å®Ÿç¾ã™ã‚‹ - Qiita
iOSã‚¢ãƒ—ãƒªé–‹ç™ºã§ã‚‚Fluxã—ãŸã„ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’React + Fluxãªæ§‹æˆã§é–‹ç™ºã™ã‚‹ã¨ã€è‹¥å¹²ã‚³ãƒ¼ãƒ‰ãŒå¢—ãˆã¦é¢å€’ã«ã¯ãªã‚Šã¤ã¤ã‚‚ã€ ãƒ“ãƒ¥ãƒ¼ã®çŠ¶æ…‹ã‚„ãƒ‡ãƒ¼ã‚¿ã®æµã‚ŒãŒæ˜Žç¤ºçš„ã«ãªã£ã¦ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ãªã¨æ”¹ã‚ã¦æ„Ÿã˜ã¦ã¾ã™ã€‚ iOSã‚¢ãƒ—ãƒªã§ã‚‚ã“ã†ã„ã†ã“ã¨ãŒã‚„ã‚ŠãŸã„ã®ã§ã™ãŒã€åŸºæœ¬çš„ã«Fluxã¯è€ƒãˆæ–¹ã«éŽãŽãªã„ã®ã§å¿…è¦ãªå®Ÿè£…ã¯è‡ªåˆ†ã§ã‚„ã‚‰ãªã„ã¨ã„ã‘ã¾ã›ã‚“ã€‚ ãªã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ https://github.com/yonekawa/SwiftFlux ä½¿ã„æ–¹ åŸºæœ¬çš„ã«ã¯å¿…è¦ãªAction protocolã¨Store protocolã‚’å®Ÿè£…ã—ãŸã‚¯ãƒ©ã‚¹ã‚’ä½œã‚Šã€Dispatcherã¨EventEm itterã‚’ä½¿ã£ã¦View - Action - Store - View ã®å˜æ–¹å‘ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã‚’ä½œã‚‹ã ã‘ã§ã™ã€‚è©³ã—ãã¯READMEã‚’ã”è¦§ãã ã•ã„ã€‚ //: Step 1: Actio
gologo13 2015/08/20
swift

flux
ãƒªãƒ³ã‚¯
yahoo/fluxible ã«ã‚ˆã‚‹ SPA + Server Rendering ã®æ¦‚è¦³
Single Page Application + Server Rendering yahoo/fluxible ã‚’ä½¿ã£ã¦ã€Single Page Application ã¨ Server Rendering ã®è‰¯ã„ã¨ã“å–ã‚Šã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’ç›®æŒ‡ã™ã€‚ã‚ã‚‹ç¨‹åº¦ã®è¤‡é›‘æ€§ã¨å¼•ãæ›ãˆã«ã€åŒæ–¹ã®åˆ©ç‚¹ã§åŒæ–¹ã®æ¬ ç‚¹ã‚’æ‰“ã¡æ¶ˆã—åˆã†ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€å…¨ä½“çš„ã«ã¯è‰¯å¥½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’æœŸå¾…ã§ãã‚‹æ§‹æˆã€‚ ãªãœ Single Page Application ãªã®ã‹ ç”»é¢é·ç§»æ™‚ã™ã‚‹ãŸã³ã«JavaScript/CSS ã®ãƒ‘ãƒ¼ã‚¹ã¨è©•ä¾¡ã‚’ã—ãªãã¦è‰¯ããªã‚‹ ç”»é¢é·ç§»æ™‚ã®ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’æŸ”è»Ÿã«é©ç”¨ã§ãã‚‹ ç”»é¢é·ç§»ã‚’ã¾ãŸãŒã£ãŸå®Ÿè£…ãŒå¯èƒ½ã«ãªã‚‹ï¼ˆã‚ãã¾ã§å¯èƒ½ã«ãªã‚‹ã ã‘ï¼‰ ãªãœ Server Rendering ã™ã‚‹ã®ã‹ åˆæœŸè¡¨ç¤ºã® Critical Rendering Path ã‚’çŸç¸®ã§ãã‚‹ SEO ã«ãŠã‘ã‚‹ä¿å®ˆä¿¡ä»°
gologo13 2015/06/13
ã“ã†ã„ã†æ§‹æˆã§ä½œã£ã¦ã¿ãŸã„

isomorphic

architecture

javascript

React.js

fluxible

react

flux
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®Reactã¸ã®è¨€åŠã«ã¤ã„ã¦ã®é•å’Œæ„Ÿ - mizchi's blog
ã€Œæœ€è¿‘ã®Reactã¸ã®è¨€åŠã«ã¤ã„ã¦ã®é•å’Œæ„Ÿã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªæ›¸ã„ãŸã‚‰ç‡ƒãˆã¾ã™ã‹ãâ€” ã‚¤ã‚«id:mizchi0x (@mizchi) 2015, 6æœˆ 7 åƒ•ãŒã¿ãŸè³‡æ–™ã®ä¸ã§Fluxã®è¨è¨ˆã«ã¤ã„ã¦æ£ã—ã„ç†è§£ã‚’ã—ã¦ã„ã‚‹ã¨æ€ãˆã‚‹ã®ã¯ã’ãŸã•ã‚“ã®ã“ã®è³‡æ–™ã ã‘ã§ã™ https://t.co/XaKHhhuP2Aâ€” ã‚¤ã‚«id:mizchi0x (@mizchi) 2015, 6æœˆ 7 ã¿ã‚“ãªsetStateã«é¨™ã•ã‚Œã¦ã‚‹â€” ã‚¤ã‚«id:mizchi0x (@mizchi) 2015, 6æœˆ 7 ä¸€éƒ¨ã§ã€ŒReactä½¿ã†ã¨ã‚³ãƒ¼ãƒ‰é‡ãŒå¢—ãˆã‚‹ã€ã¨ã„ã†æ„è¦‹ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§æ›¸ã„ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ãƒ¬ã‚¿ãƒƒãƒã‚’ã™ã‚‹jQueryã¨æ¯”ã¹ãŸã‚‰ãã‚Šã‚ƒãã†ãªã‚“ã ã‘ã©ã€SPAã§ãã‚‚ãã‚‚JSå´ãŒãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ã‚‹ã‚ˆã†ãªç’°å¢ƒã§ã¯ handlebars ã¨ã‹ã§æ›¸ã„ã¦ãŸã¨ã“ã‚ãŒ JSXã«ãªã‚‹ã ã‘ã§ãã‚Œç§»è¡Œã‚³ã‚¹ãƒˆâ€” ã‚¤ã‚«id:mizchi0x (@mi
gologo13 2015/06/07
JSX

react.js

flux
ãƒªãƒ³ã‚¯
AboutAcne
There are many dermatologists that recommend yogurt for acne. The reasoning is that, if you choose the right yogurt that contains probiotics, then it can fight the bad bacteria that is partly responsible for the cause of acne. DermatologistsÂ obviously arenâ€™t going to tell you to get those fake sugary yogurt substitutes with a bunch of chemicals, artificial sweeteners and corn syrup (why not just u
gologo13 2015/04/19
flux

JavaScript

Angular.js
ãƒªãƒ³ã‚¯
React.js ã‚’ç”¨ã„ãŸ HipChat ã®å†æ§‹ç¯‰ | Atlassian Japan å…¬å¼ãƒ–ãƒã‚° | ã‚¢ãƒˆãƒ©ã‚·ã‚¢ãƒ³æ ªå¼ä¼šç¤¾
è¦ç´„ : ç§ãŸã¡ã¯ã€React.js ã¨ Fluxã€ãã‚Œã«ä»–ã®ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç”¨ã„ã¦ HipChat ã® Web ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’æ ¹æœ¬çš„ã«å†æ§‹ç¯‰ã—ã€ç´ æ™´ã‚‰ã—ã„çµæžœã‚’å¾—ã¾ã—ãŸï¼ æ˜¯éžè©¦ã—ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ HipChat ãŒã‚¢ãƒˆãƒ©ã‚·ã‚¢ãƒ³ã«åŠ ã‚ã£ãŸã¨ãã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¯ã€Webã€Adobe Air (Windowsã€OS Xã€Linux)ã€iOSã€ãã—ã¦ Android ã‚¢ãƒ—ãƒªã® 4 ã¤ã§ã—ãŸã€‚HipChat ãƒãƒ¼ãƒ ãŒæœ€åˆã«æŽ²ã’ãŸç›®æ¨™ã®ã²ã¨ã¤ãŒã€Air ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ OS Xã€Windowsã€Linux ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ç½®ãæ›ãˆã‚‹ã“ã¨ã§ã—ãŸã€‚ç§ãŸã¡ã¯ (ãã®å½“æ™‚ã¯) å°ã•ã„ãƒãƒ¼ãƒ ã ã£ãŸãŸã‚ã—ã°ã‚‰ãã¯ã“ã®ä»•äº‹ã§æ‰‹ä¸€æ¯ã§ã—ãŸã€‚ã“ã®ã‚ˆã†ã«æœ€é«˜ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹ã“ã¨ã«é›†ä¸ã—ãŸå½±éŸ¿ã§ã€Web ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«å¯¾ã—ã¦ã¯ç§ãŸã¡ãŒè¡Œã£ãŸæ§˜ã€…ãªé–‹ç™ºã®æˆæžœã‚’åæ˜ ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“
gologo13 2015/04/09
flux

react.js
ãƒªãƒ³ã‚¯
404: Not found
404Not found
gologo13 2015/03/28
ã‚ã¨ã§èªã‚€

javascript

flux

react.js
ãƒªãƒ³ã‚¯
What the Flux? (On Flux, DDD, and CQRS)
Flux is an application architecture designed by Facebook for their JavaScript applications. It was first introduced by Facebook in May 2014, and it has since garnered much interest in the JavaScript community. There are several implementations of Flux. Frameworks like Fluxxor keep to the original Facebook Flux pattern, but reduces the amount of boilerplate code. While other frameworks like Reflux
gologo13 2015/03/28
ã‚ã¨ã§èªã‚€

flux

javascript
ãƒªãƒ³ã‚¯
Introduction to Facebook's Flux architecture
Introduction to Facebook's Flux architectureFebruary 21, 2015 The versions of Flux and React in this article are quite old - some of this may not work If youâ€™re like me and you wanted to go further with React, you more than likely wouldâ€™ve checked out Flux, had a glance, closed the tab and then reassessed your life as a Javascript developer. If youâ€™re not familiar with React, please checkout my ge
gologo13 2015/03/28
ã‚ã¨ã§èªã‚€

flux

react.js
ãƒªãƒ³ã‚¯
React.jsã¨Flux - Qiita
ä»Šå›žã¯React.jsã¨ã‚‚é–¢ã‚ã‚ŠãŒã‚ã‚‹Fluxã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Flux is Architecture â†‘ã®å›³ã¯facebookã®fluxã®ãƒªãƒã‚¸ãƒˆãƒªã«ã‚ã‚‹ã‚‚ã®ã§ã™ãŒã€Fluxã¯ä¸Šè¨˜ã®ã‚ˆã†ãªArchitectureã®åç§°ã§ã™ã€‚facebook/fluxã®repositoryã«è¡Œã£ã¦ã‚‚ã‚‰ã†ã¨ã‚ã‹ã‚‹ã®ã§ã™ãŒã€å®Ÿè£…ã¨ã—ã¦ã¯Dispatcherã®éƒ¨åˆ†ãŒã‚ã‚‹ã ã‘ã§ã™ã€‚ Unidirectional data flow å…ˆã»ã©ã®å›³ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã¨ã‚ã‹ã‚‹é€šã‚Šã€Fluxã§ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¤‡é›‘ã•ã‚’ãªãã™ãŸã‚ã€ãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’ä¸€æ–¹å‘ã«ã—ã¾ã™ã€‚ ãã®ãŸã‚å…¨ä½“ã®å‡¦ç†ã®æµã‚Œã¯ã‚ã‹ã‚Šã‚„ã™ããªã‚Šã¾ã™ãŒã€Angular.jsãªã©ã§æ›¸ãã¨ãã«æ¯”ã¹ã¦å†—é•·ã«æ„Ÿã˜ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰å˜ç´”ãªãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’ä½œã‚‹ã“ã¨ã§ã€ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã«ãªã£ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒè¤‡é›‘åŒ–ã—ã¦ã‚‚ãƒ‡ãƒ¼ã‚¿ã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®æµã‚ŒãŒã‚¹ãƒ‘
gologo13 2015/03/22
flux

javascript

React.js
ãƒªãƒ³ã‚¯
React é›‘æ„Ÿ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 3/22 (æ—¥) ã® rebuild.fm ã§ React ã®è©±ã‚’ã—ã‚ˆã†ã¨æ€ã£ã¦ã„ã‚‹ãŒã€ãã®å‰ã«é ã‚’æ•´ç†ã™ã‚‹ãŸã‚ã« React é›‘æ„Ÿã€‚é›‘æ„Ÿãªã®ã§æ®´ã‚Šæ›¸ãã€‚ React ã¯ã“ã‚Œä¸€ã¤ã§è¤‡æ•°ã®èª²é¡Œã‚’è§£æ±ºã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã€‚ãã®ãŸã‚ã€äººã¨è°è«–ã—ã¦ã‚‹ã¨è©±ã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãŒã¶ã‚Œã‚„ã™ã„ã€‚ã–ã£ãã‚Šã¯ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚’ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ã‚ˆã†ãªå¯Œè±ªçš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã«å¤‰ãˆã‚‹ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ (é›‘ã«è¨€ã†ã¨ç‹¬è‡ªã‚¿ã‚°) æŒ‡å‘ã§ UI ã‚’çµ„ã¿ç«‹ã¦ã‚‹ ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ‘ãƒƒã‚·ãƒ³ã‚°ã§ç–Žçµåˆæ€§ã‚’é«˜ã‚ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ã‚¤ãƒ™ãƒ³ãƒˆã®ä¾å˜é–¢ä¿‚åœ°ç„
gologo13 2015/03/20
javascript

flux

react.js
ãƒªãƒ³ã‚¯
React.js å®Ÿæˆ¦æŠ•å…¥ã¸ã®é“ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æœ€è¿‘è©±é¡Œã®React.jsã§ã™ãŒã€å®Ÿæˆ¦æŠ•å…¥ã«å½“ãŸã£ã¦ã¯çµæ§‹é‡ãŸã„é¸æŠžã‚’è¿«ã‚‰ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã–ã£ãã‚Šè¨€ãˆã°ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’æ¨ã¦ã¦Reactã—ã¾ã™ã‹?ãã‚Œã¨ã‚‚Reactã‚ãã‚‰ã‚ã¾ã™ã‹?ã¨ã„ã†é¸æŠžã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯Reactã®åŸºæœ¬æ€æƒ³ã¨ã“ã†ã—ãŸé¸æŠžè‚¢ãŒç”Ÿã¾ã‚Œã¦ã—ã¾ã†èƒŒæ™¯ã‚’è¿°ã¹ã‚‹ã¨ã¨ã‚‚ã«ã€å¾ŒåŠã§ã¯ã€Œã©ã¡ã‚‰ã‚‚ã‚ãã‚‰ã‚ãªã„ã€ã¨ã„ã†(è‹¥å¹²ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³RPGã‚ã‚‹ã‚ã‚‹æ„Ÿã®ã‚ã‚‹)ç¬¬ä¸‰ã®æ–¹ç–ã«ã¤ã„ã¦æ¡ˆã‚’æç¤ºã—ã¾ã™ã€‚ Reactã®åŸºæœ¬ æœ€åˆã«ã€Reactã®åŸºæœ¬çš„ãªä»•çµ„ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Reactã¯å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒéžå¸¸ã«å……å®Ÿã—ã¦ã„
gologo13 2015/03/17
Fluxã¨ã„ã†ã‚‚ã®ãŒãªãœå¿…è¦ã‹ã‚ˆãã‚ã‹ã£ãŸ

JavaScript

flux

React.js

programming
ãƒªãƒ³ã‚¯
GitHub - yahoo/fluxible: A pluggable container for universal flux applications.
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
gologo13 2015/03/03
flux

isomorphic
ãƒªãƒ³ã‚¯
Flux | Flux
The Flux project is in maintenance mode and there are many more sophisticated alternatives available (e.g. Redux, MobX, Recoil) and we would recommend using them instead. What is Flux?Flux is the application architecture that Facebook uses for building client-side web applications. What does it do?It complements React's composable view components by utilizing a unidirectional data flow. How do I u
gologo13 2015/03/03
facebook

flux

architecture
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸