[B! redux] nodoca_engineã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nodoca_engine id:nodoca_engine

reduxã«é–¢ã™ã‚‹nodoca_engineã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®ã²ã¿ã¤ - Hatena Developer Blog
ãƒãƒƒãƒ”ãƒ¼ãƒ›ãƒªãƒ‡ãƒ¼ï¼id:cockscombã§ã™ã€‚ã“ã®è¨˜äº‹ã¯ã¯ã¦ãª ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Advent Calendarã®8æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ ä»Šå¹´1æœˆã€ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’è¡Œã„ã¾ã—ãŸã€‚ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®å†…å®¹ã¯å‘ŠçŸ¥ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã€ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ç‰¹åˆ¥ãªå®Ÿè£…ã‚’ã—ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ã€ãƒ›ãƒªãƒ‡ãƒ¼ã‚·ãƒ¼ã‚ºãƒ³ã‚’ãŠç¥ã„ã—ã¦ã€ãã®ã²ã¿ã¤ã‚’è©³ (ã¤ã¾ã³)ã‚‰ã‹ã«ã—ã¾ã™ã€‚ ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¨ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¯ã€ã¯ã¦ãªãƒ–ãƒã‚°ãªã©ã«åŸ‹ã‚è¾¼ã‚“ã§åˆ©ç”¨ã•ã‚Œã¾ã™ã€‚ã¯ã¦ãªãƒ–ãƒã‚°ã¯ hatena blog.com ã‚„ hatenadiary.jp ãªã©ã®ã‚µãƒ–ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’åˆ©ç”¨ã—ã¦ãŠã‚Šã€ã•ã‚‰ã«ã¯ã¦ãªãƒ–ãƒã‚°Proã§ã¯ç‹¬è‡ªã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’è¨å®šã§ãã¾ã™ã€‚ ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¯è¤‡æ•°ã®ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³åã®ã‚µã‚¤ãƒˆã‹ã‚‰åˆ©ç”¨ã•ã‚Œã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ è¦ã™ã‚‹ã«ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¯ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ã§åˆ©ç”¨ã•ã‚Œã¾ã™ã€‚ä¸€æ–¹ã§ã¯ã¦ãª
nodoca_engine 2022/12/08
javascript

redux
ãƒªãƒ³ã‚¯
Vanilla JSã§å¦ã¶Redux - Qiita
ã“ã®è¨˜äº‹ã¯React #1 Advent Calendar 2017ã®5æ—¥ç›®ã§ã™ã€‚ ã¯ã˜ã‚ã« ç§ã¯ãªã‚“ã¨ãªãReduxãŒå¥½ããªã®ã§ã™ãŒã€ åˆã‚ã¦æ‰‹ã‚’å‡ºã—ãŸæ™‚ã¯react-reduxã®ãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã‚„storeã€Providerã€middlewareã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ãªã©åˆè¦‹ã§ã¯ã©ã‚Œã‚‚æ„å‘³ä¸æ˜Žã§ã€æœ€åˆã¯Reactå°‚ç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã§ã¿ã‚‹ã¨Reduxè‡ªä½“ã¯å®Ÿè£…ã«flowã‚‚TypeScriptã‚‚ä½¿ã£ã¦ã„ãªã„éžå¸¸ã«å°ã•ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«éŽãŽãšã€Reactã¨ã¯ç‹¬ç«‹ã—ãŸå˜åœ¨ã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚ ã“ã“ã§ã¯react-reduxã‚„ä»–ã®JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®äº‹ã‚’ä¸€æ—¦å¿˜ã‚Œã¦Vanilla JSã§Reduxã‚’å‹•ã‹ã—ã€ç´”ç²‹ã«Reduxã®å‹•ä½œåŽŸç†ã«ã¤ã„ã¦å¦ã‚“ã§ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨Redux1 Reduxã¯Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒ
nodoca_engine 2017/12/11
redux

flux

js
ãƒªãƒ³ã‚¯
Reduxå…¥é–€ã€ãƒ€ã‚¤ã‚¸ã‚§ã‚¹ãƒˆç‰ˆã€‘10åˆ†ã§ç†è§£ã™ã‚‹Reduxã®åŸºç¤Ž - Qiita
Reduxã®Githubãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’åŸºã«å…¥é–€ç”¨è¨˜äº‹ã¨ã—ã¦æ›¸ã„ãŸã‚‚ã®ã‚’ã€ç°¡æ½”ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚‚ã¨è¨˜äº‹ã¯ã“ã¡ã‚‰ã§ã™ã€‚ Reduxå…¥é–€ 1æ—¥ç›® Reduxã¨ã¯ Reduxå…¥é–€ 2æ—¥ç›® Reduxã®åŸºæœ¬ãƒ»Actions Reduxå…¥é–€ 3æ—¥ç›® Reduxã®åŸºæœ¬ãƒ»Reducers Reduxå…¥é–€ 4æ—¥ç›® Reduxã®åŸºæœ¬ãƒ»Stores Reduxå…¥é–€ 5æ—¥ç›® Reduxã®åŸºæœ¬ãƒ»Data Flow Reduxå…¥é–€ 6æ—¥ç›® Reduxã¨Reactã®é€£æº Reduxã¨ã¯ Reduxã¯ã€ReactJSãŒæ‰±ã†UIã®state(çŠ¶æ…‹)ã‚’ç®¡ç†ã‚’ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚Reactã§ã¯stateã®ç®¡ç†ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã«Fluxã‚’ææ¡ˆã—ã¦ã„ã¾ã™ãŒã€Reduxã¯Fluxã®æ¦‚å¿µã‚’æ‹¡å¼µã—ã¦ã‚ˆã‚Šæ‰±ã„ã‚„ã™ãè¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ Reduxã¯stateã‚’ç®¡ç†ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ãªã®ã§ã€Reactä»¥å¤–ã«ã‚‚AngularJS
nodoca_engine 2016/08/15
redux

React
ãƒªãƒ³ã‚¯
Vue.jsã«reduxã‚’è¼‰ã›ãŸè©±ï½œãƒ‡ãƒã‚¤ãƒˆ ãƒˆãƒ¼ãƒžãƒ„ ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹æ ªå¼ä¼šç¤¾ï¼ˆDWSï¼‰å…¬å¼ãƒ–ãƒã‚°
æ¦‚è¦ å…ˆæ—¥ã¨ã‚ã‚‹æ¡ˆä»¶ã§Vue.jsã‚’ç”¨ã„ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã“ã¨ã¨ãªã‚Šã¾ã—ãŸã€‚ ä¸€èˆ¬ã«åŒç¨®ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨æ¯”è¼ƒã—ã¦Vue.jsã¯ã€å¦ç¿’ã‚³ã‚¹ãƒˆãŒä½Žãæ°—è»½ã«ã¯ã˜ã‚ã‚„ã™ã„ã¨ã„ã†ã“ã¨ãŒãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦èªžã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãŸã ã€ä»Šå›žã®æ¡ˆä»¶ã®ã‚ˆã†ã«MVCç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç”¨ã„ã¦é–‹ç™ºã™ã‚‹éš›ã«ãƒãƒƒã‚¯ã¨ãªã£ã¦ã„ãŸã®ãŒã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–“ã®ãƒ‡ãƒ¼ã‚¿å…±æœ‰ã«ã¤ã„ã¦ã®æœ€é©è§£ãŒè¦‹ã¤ã‘ã‚‰ã‚Œã¦ã„ãªã„ã¨æ„Ÿã˜ã¦ã„ãŸã“ã¨ã§ã—ãŸã€‚ ã‚‚ã¡ã‚ã‚“ã€é©åˆ‡ã«ãƒ¢ãƒ‡ãƒ«ã‚’è¨è¨ˆã™ã‚Œã°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–“ã®ã‚„ã‚Šå–ã‚Šã«è²¬ä»»ã‚’æŒã¤ã€è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã§ã‚‚ã„ã†ã¹ãå±¤ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ã§ã“ã®å•é¡Œã¯è§£æ±ºã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—å®Ÿæ¡ˆä»¶ã§ã¯å¾€ã€…ã«ã—ã¦è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå±¤ã®å®Ÿè£…ãŒå€‹ã€…äººã®è£é‡ã«é™¥ã‚Šã‚„ã™ãã€çµæžœçš„ã«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–“ãƒ‡ãƒ¼ã‚¿å…±æœ‰ã®æ–¹å¼ãŒçµ±ä¸€å‡ºæ¥ã¦ã„ãªã„ã‚±ãƒ¼ã‚¹ã‚‚å‡ºã¦ãã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–“ã§å…±æœ‰ã—ãŸã„ãƒ‡ãƒ¼ã‚¿=ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æœ¬è³ªã¨ãªã‚‹ãƒ‡ãƒ¼ã‚¿ã¯ã€ã‚‚ã£
nodoca_engine 2016/06/02
vue.js

Redux

JavaScript
ãƒªãƒ³ã‚¯
ã‚Šã ã£ãã™ã•ãŒ(redux-saga)ã«å…¥é–€ã™ã‚‹ - wadackel.me
Web ã‚¢ãƒ—ãƒªã‚’æ§‹ç¯‰ã—ãŸãã¦ä¹…ã—æŒ¯ã‚Šã« React ã‚’è§¦ã£ã¦ã¿ã‚‹ã¨ã€å‰ã«å°‘ã—è§¦ã£ã¦ã„ãŸã®ã«ã™ã£ã‹ã‚Šå¿˜ã‚Œã¦ã—ã¾ã£ã¦ã„ã¾ã—ãŸã€‚åœ§å€’çš„ã«è¨˜æ†¶åŠ›ãŒä½Žã„ã®ã§ã€ç¶™ç¶šçš„ã«è§¦ã£ã¦ã„ãªã„ã¨ä¸ã€…è¦šãˆã‚‰ã‚Œã¾ã›ã‚“â€¦ã€‚ ä»Šã ã¨ Angular2 ãŒã‚°ã‚¤ã‚°ã‚¤æ¥ã¦ãŸã‚Šã—ã¦ã¾ã™ãŒã€ãã‚Œã‚ˆã‚Šã‚‚ä¸€åº¦è§¦ã£ãŸã“ã¨ã®ã‚ã‚‹ React+Redux ã‚’ä½¿ã£ãŸæ–¹ãŒå¦ç¿’ã‚³ã‚¹ãƒˆã‚’æŠ‘ãˆã‚‰ã‚Œã‚‹ãªã€ã¨ã„ã†è¨³ã§å†åº¦å‹‰å¼·ä¸ã§ã™ã€‚ æ”¹ã‚ã¦è‰²ã€…ã¨èª¿ã¹ã¦ã„ã‚‹ã¨ã€redux-sagaã¨ã„ã† Redux ã® Middleware ãŒéžåŒæœŸå‡¦ç†ã‚’æ›¸ãã‚„ã™ãå‡ºæ¥ã‚‹ãžï¼ã¨ã®äº‹ã ã£ãŸã®ã§ã€ã¾ãšã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã‚µãƒ³ãƒ—ãƒ«ã®å®Ÿè£…ã‚’ã—ã¦æ„Ÿã˜ã‚’æŽ´ã‚“ã§ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ€å¾Œã® å‚è€ƒ ã«ã‚‚ã‚ã’ã¦ã„ã¾ã™ãŒã€ãã‚‚ãã‚‚ redux-saga ã¨ã¯ä¸€ä½“ä½•è€…ãªã‚“ã ï¼Ÿã¨ã„ã†ã¨ã“ã‚ã«ãŠã„ã¦ã€ä»¥ä¸‹ã®è¨˜äº‹ãŒå¤§å¤‰å‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ redux-saga ã§éžåŒæœŸå‡¦ç†ã¨æˆ¦ã† - Qiita ã¾
nodoca_engine 2016/05/22
redux

react
ãƒªãƒ³ã‚¯
Phoenix + React + Reduxã§ãƒ–ãƒã‚°ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚‹(1) - undefined
Elixirã€Phoenixã®å‹‰å¼·ã®ãŸã‚ã®é¡Œæã¨ã—ã¦ã€ãƒ–ãƒã‚°ã‚·ã‚¹ãƒ†ãƒ ã§ä½œã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã€‚é£½ãã‚‹ã¾ã§ã®ã‚“ã³ã‚Šæ”¹ä¿®ã—ã¦ã„ã“ã†ã¨æ€ã†ã€‚Elixir/Erlangã®å¦ç¿’ã¯ã™ã”ã„Eæœ¬ã‚’ä¸¦è¡Œã—ã¦é€²ã‚ã‚‹ã€‚ Elixirã€Phoenixã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯å®Œäº†ã—ã¦ã„ã‚‹ã‚‚ã®ã¨ã™ã‚‹ã€‚ ä»Šå›žã®ã‚´ãƒ¼ãƒ« è¨˜äº‹ã®æŠ•ç¨¿ãŒã§ãã‚‹ è¨˜äº‹ã®é–²è¦§ãŒã§ãã‚‹ å‹•ä½œç’°å¢ƒ Erlang 17.5 Elixir 1.2.0 Phoenix 1.1.4 node.js 4.2.1 ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã™ã‚‹ã€‚ãŸã ã—ã€è‡ªåˆ†ã¿ãŸã„ãªãƒ•ãƒãƒ³ãƒˆãªäººé–“ã¯çœŸã£å…ˆã«--no-brunchã‚’ä»˜ã‘ãŸããªã‚‹ã¨æ€ã†ã‚“ã ã‘ã©--no-brunchã‚’ä»˜ã‘ãšã«ã‚ã¨ã‹ã‚‰æ‰‹å‹•ã§å¤‰æ›´ã—ãŸã»ã†ãŒæ¥½ã ã¨ã„ã†è©±ã—ã‚’èžãã®ã§å‚è€ƒã«ã—ã¦ã¿ã‚‹ã€‚ $ mix phoenix.new phoenix_redux_blog å‚è€ƒã«ã—ãŸã®ã¯ä»¥ä¸‹ã®è¨˜äº‹ã€‚ qiita.com ä»¥
nodoca_engine 2016/03/22
phoenix

redux

Elixir
ãƒªãƒ³ã‚¯
React/Reduxã«ãŠã‘ã‚‹ç¾å ´ã§ã®å–œã³/ãƒ„ãƒ©ã¿
React.js meetup #3 (http://reactjs-meetup.connpass.com/event/26229/) ã«ãŠã‘ã‚‹LTç™ºè¡¨è³‡æ–™ã€‚ ç™ºè¡¨æ™‚ã«ä½¿ç”¨ã—ãŸè³‡æ–™ã‹ã‚‰ã¯åŠ ç†ãƒ»ä¿®æ£ã—ã¦ã„ã¾ã™ã€‚
nodoca_engine 2016/03/02
react

redux

javascript
ãƒªãƒ³ã‚¯
React.js ã® å…¬å¼Tutorial ã‚’ Redux ã‚’åˆ©ç”¨ã—ã¦æ›¸ãç›´ã—ãŸã€‚ã¾ãŸ Mocha + power-assert ã‚’åˆ©ç”¨ã—ãŸãƒ†ã‚¹ãƒˆã‚‚è¿½åŠ - Qiita
å‰å›ž Qiitaã«React.js ã® React.js ã®å…¬å¼Tutorial ã‚’ gulp ã‚’åˆ©ç”¨ã—ã¦ç°¡å˜ã«å®Ÿè¡Œã§ãã‚‹ç’°å¢ƒã‚’ä½œã£ã¦ã€ES6ã‚‚è©¦ã—ãŸ ã§å…¬å¼Tutorialã‚’ECMA2015(ECMA6)ã‚’åˆ©ç”¨ã—ã¦æ›¸ãç›´ã—ã‚’è¡Œã£ãŸã®ã§ã™ãŒã€Reactã¨ã„ãˆã°Fluxã€Flux ã¨ã„ãˆã°Redux ã¨ã„ã†ã“ã¨ã§ã€æµè¡Œã‚Šã®Redux ã‚’åˆ©ç”¨ã—ã¦è¨˜è¿°ã—ãŸã‚‰ã©ã†ãªã‚‹ã®ã‹ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãŸ åŒã˜ãæµè¡Œã‚Šã®ãƒ†ã‚¹ãƒˆç’°å¢ƒã§ã‚ã‚‹ Mocha + power-assert ã‚’åˆ©ç”¨ã—ã¦ã€ãƒ†ã‚¹ãƒˆã‚’è¿½åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚ React ãŠã‚ˆã³ Redux ã¯ãƒ†ã‚¹ãƒˆã‚‚éžå¸¸ã«è¡Œã„ã‚„ã™ã„ã®ã‚’ä½“æ„Ÿã—ã¾ã—ãŸã€‚ å‰å›žã®ç¶šç·¨ã¨ã—ã¦ã€ä»¥ä¸‹GitHub ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ https://github.com/ma-tu/react-babel-gulp-browserify-tutorial/tree/es6-redux Rea
nodoca_engine 2016/01/27
redux

React
ãƒªãƒ³ã‚¯
redux ã¸ã® ä¸æº€ã‚’è§£æ¶ˆã™ã‚‹ç‚ºã«, flumptã¨ã„ã†Fluxå®Ÿè£…ã‚’ä½œã£ãŸ - Qiita
åå‰ã¯ãƒ€ãƒ¼ã‚¯ã‚½ã‚¦ãƒ«ã®ãƒ•ãƒ©ãƒ ãƒˆ(frampt)ã‹ã‚‰ã€‚FLux Minimum ãªã‚“ãŸã‚‰ã‹ã‚“ãŸã‚‰ã€‚ ãªã‚“ã‹Twitterã§è‰²ã€…è¨€ã£ã¦ãŸã‚‰ naoyaã•ã‚“ã«ã¾ã¨ã‚ã‚‰ã‚ŒãŸã®ã§ã€ã“ã“ã«åƒ•ã®è€ƒãˆã‚’è©³ã—ãæ›¸ã„ã¦ãŠãã€‚ mizchi ã® Redux è€ƒ - Togetterã¾ã¨ã‚ ã‚„ã‚ŠãŸã‹ã£ãŸã“ã¨ åŸºæœ¬çš„ãªã‚¢ã‚¤ãƒ‡ã‚¢ã¯ã€stateã‚’pushã™ã‚‹æ–¹å¼(setStateã¿ãŸã„ãª)ã ã¨éžåŒæœŸé–“ã§å‚ç…§ã—ãŸã¨ãã®å€¤ãŒã‚ºãƒ¬ã¦éžåŒæœŸã®çµ‚ã‚ã‚‹é †ç•ªæ¬¡ç¬¬ã§ã¯çŠ¶æ…‹ã®é·ç§»ã‚¹ãƒ†ãƒƒãƒ—ãŒå£Šã‚Œã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚‹ã‚“ã ã‘ã©ã€å‰ã®stateã‚’ã¨ã£ã¦æ¬¡ã®stateã‚’è¿”ã™éžåŒæœŸã‚’ã‚ãƒ¥ãƒ¼ã«ä¸¦ã¹ã¦é †ã«å®Ÿè¡Œã™ã‚‹ã“ã¨ã§ã€ãƒˆãƒ©ãƒ³ã‚¶ã‚¯ã‚·ãƒ§ãƒ³ã¿ãŸã„ãªã‚‚ã®ã‚’ä¿è¨¼ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã ã‚ã†ã€ã¨ã„ã†ã‚‚ã®ã€‚ è»½é‡(pubsubã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯EventEm itterãã®ã¾ã¾) è¤‡æ•°ã®çŠ¶æ…‹æ›´æ–°é–¢æ•°ã®å¾…ã¡åˆã‚ã› reduxã§æ„Ÿã˜ãŸä¸æº€ã®è§£æ¶ˆ TypeScriptãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼
nodoca_engine 2015/12/13
redux

flux

react
ãƒªãƒ³ã‚¯
Reactãƒ»Reduxã‚’ä½¿ã£ãŸElectronã‚¢ãƒ—ãƒªã®boilerplateã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ - DJ lemon-Sour's diary (prod.hisasann)
hisasann/electron-react-redux-boilerplate ã¯ã˜ã‚ã« Node.js + Babel 6 + React + Redux + Webpack + Gulp + Electron Electronã‚’æ¯ä½“ã¨ã—ã¦ã€Reactãƒ»Reduxã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«ã¤ã„ã¦è©¦ã—ãŸã“ã¨ã‚’ãƒ¡ãƒ¢ãƒ¡ãƒ¢ Webpackã¯browserifyã¨ã—ã‹ä½¿ã£ã¦ã„ã¾ã›ã‚“ Electron æœ€è¿‘ã¯ã‚„ã‚Šã®Electronï¼ˆMacã‚„Windowsã®ã‚¢ãƒ—ãƒªåŒ–ï¼‰ã‚’ä½¿ã£ãŸå ´åˆã®é–‹ç™ºã®ä»•æ–¹ã‚„ã€ã©ã†ã‚„ã‚‹ã®ãŒåŠ¹çŽ‡çš„ã‹ã‚’å°‘ã—ãšã¤ãƒ¡ãƒ¢ã—ã¦ã„ãã¾ã™ ç¾æ™‚ç‚¹ã§ã¯ã€Electronã§ãƒ“ãƒ«ãƒ‰ã—ãŸã‚¢ãƒ—ãƒªã®ãƒªãƒªãƒ¼ã‚¹ã‚„ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã«é–¢ã—ã¦ã¯æœªèª¿æŸ»ã«ãªã‚Šã¾ã™ Livereload ã¾ãšã¯ Livereload ã“ã‚ŒãŒãªã„ã¨ã¯ã˜ã¾ã‚Šã¾ã›ã‚“ ä»¥ä¸‹ã®è¨˜äº‹ã‚’å‚è€ƒã«ã€gulpã®ã‚¿ã‚¹ã‚¯ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ ã¼ãã®ã‹ã‚“ãŒãˆ
nodoca_engine 2015/12/08
electron

redux

React
ãƒªãƒ³ã‚¯
cybozu.com ç¨¼åƒçŠ¶æ³ ã‚’ React/Redux ã§ä½œã‚Šç›´ã—ãŸè©± - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚Sales Systemãƒãƒ¼ãƒ ã®é‡‘åã§ã™ã€‚Sales Systemãƒãƒ¼ãƒ ã§ã¯ã€cybozu.com Storeã€€ã‚„ã€è²©å£²ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ç‰ã®é–‹ç™ºã‚’ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€cybozu.com ç¨¼åƒçŠ¶æ³ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’React/Reduxã§ä½œã‚Šç›´ã—ãŸè©±ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ã€ŒReact/Reduxã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã¨è€ƒãˆã¦ã„ã‚‹äººã€ã‚’å¯¾è±¡ã¨ã—ã¦ã„ã¾ã™ã€‚ TOC ã€Œcybozu.com ç¨¼åƒçŠ¶æ³ã€ã¨ã¯? ä½œã‚Šç›´ã—ãŸèƒŒæ™¯ æŠ€è¡“æ¦‚è¦ React/Fluxã«ã¤ã„ã¦ React/Redux Routing Resources Async Multilingualization/Localization ES6 Utility Lint Testing å–ã‚Šçµ„ã‚“ã§ã¿ãŸæ„Ÿæƒ³ ã¾ã¨ã‚ ã€Œcybozu.com ç¨¼åƒçŠ¶æ³ã€ã¨ã¯? ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã¯ã‚µãƒ¼ãƒ“ã‚¹ã®ç¨¼åƒçŠ¶æ³ã‚’ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹
nodoca_engine 2015/11/04
react

redux
ãƒªãƒ³ã‚¯
Reduxåˆã‚ã¦è§¦ã£ã¦è‰²ã€…ã‚ã‹ã£ãŸãƒ¡ãƒ¢ - Qiita
æœ€åˆæ€ã£ã¦ãŸã“ã¨ vs ç¾å®Ÿ æ€ã£ã¦ãŸã“ã¨ï¼šãªã‚“ã‹è»½é‡ï¼Ÿ ç¾å®Ÿï¼šèª¤è§£ã ã£ãŸã€‚å‰²ã‚Šã¨ä½œã£ã¦ãã¨å¤§ãã‚ã«ãªã£ã¦ãã‚‹ã€‚è»½é‡æ„Ÿã¯ç„¡ã„ ãŒã€redux æœ¬ä½“ã®ã‚³ãƒ¼ãƒ‰ã¯çµæ§‹è–„ã„ã€‚æœ¬å½“ã«é–¢æ•°ç¾¤ã ã‘æä¾›ã—ã¦ã„ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ æ€ã£ã¦ãŸã“ã¨ï¼šä»–ã®fluxã¨åœ§å€’çš„ã«é•ã†ï¼Ÿ ç¾å®Ÿï¼šã“ã‚Œã‚‚èª¤è§£ã€‚æ§‹æˆã¨ã—ã¦ã¯è‰²ã€…ä½œã‚Šã“ã‚€ã¨æœ€çµ‚çš„ã«ã¯ä¸€èˆ¬çš„ãªfluxã¨åŒã˜æ„Ÿã˜ã«ãªã‚‹ï¼ˆflummoxã¨ã‹martyã‚ãŸã‚Šã¨ä½“æ„Ÿä¸€ç·’ã«ãªã‚‹ï¼‰ Actionã¨ã‹ActionCreatorã¨ã‹ãã®è¾ºãŒä¸€ç·’ã«ãªã£ã¦ãã‚‹ã€‚ æ€ã£ã¦ãŸã“ã¨ï¼šES6ã§åœ§å€’çš„ã«æ›¸ã‘ã‚‹ï¼Ÿ ç¾å®Ÿï¼šæ£è§£ã€‚åœ§å€’çš„ã«ES6ã‚’å‰æã«ã—ã¦ã„ã‚‹ã€‚ æ€ã£ã¦ãŸã“ã¨ï¼šReactç”¨ã®ã‚‚ã®ï¼Ÿ ç¾å®Ÿï¼šåˆ¥ã«ãã†ã§ã‚‚ãªã„ã€‚react-reduxã‚’ä½¿ã†ã“ã¨ã§reactã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ è©°ã¾ã£ãŸæ‰€ãªã© ç”¨èªžç·¨ å‰²ã‚Šã¨åˆã‚ã¦è¦‹ãŸã‚Šã™ã‚‹ç”¨èªžã«å‡ºä¼šã£ãŸ ActionCreator martyã‚ãŸã‚Šã«ã‚‚ã‚ã£ãŸã€‚{typ
nodoca_engine 2015/10/20
react

redux
ãƒªãƒ³ã‚¯
1