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

z_dogma id:z_dogma

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

${{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
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’npmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¨ã—ã¦é–‹ç™ºã™ã‚‹ - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ï¼ãƒ–ãƒã‚°ãƒãƒ¼ãƒ ã® id:amagitakayosi ã§ã™ã€‚ ä»Šå›žã¯ã€æ¥å‹™ã§æ›¸ã„ãŸå°ã•ãªReactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’npmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¨ã—ã¦åˆ†é›¢ã—ãŸè©±ã‚’ã—ã¾ã™ã€‚ ä»Šå›žå…¬é–‹ã™ã‚‹ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ å®Ÿè£…æ–¹é‡ ãªãœnpmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ã™ã‚‹ã®ã‹ ä»–ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å½±éŸ¿ã§å£Šã‚Œã‚‹ã“ã¨ã‚’é˜²ã’ã‚‹ ã‚¢ãƒ‰ãƒ›ãƒƒã‚¯ãªä¿®æ£ã®ç©ã¿é‡ãã§è¤‡é›‘ã«ãªã‚‹ã“ã¨ã‚’é˜²ã’ã‚‹ æœ¬ä½“ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚³ãƒ¼ãƒ‰ã‚’å‰Šæ¸›ã§ãã‚‹ ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ Babelãªãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ å®Ÿè£… npmã®æ³¨æ„ç‚¹ reactã¯peerDependenciesã«å…¥ã‚Œã‚‹ npm link ã‚’ç”¨ã„ã¦ãƒãƒ¼ã‚«ãƒ«é–‹ç™ºã™ã‚‹å ´åˆã€npmã¯peerDependenciesã‚’è§£æ±ºã§ããªã„ browserify-shimã‚’åˆ©ç”¨ã™ã‚‹å ´åˆ npm publish æ¬¡å›žäºˆå‘Š è¿½è¨˜ ä»Šå›žå…¬é–‹ã™ã‚‹ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ www.npmjs.com ä»Šå›žã¯ã€Œç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã®ãŸã‚ã®Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œ
z_dogma 2016/04/10
npm

javascript

react.js
ãƒªãƒ³ã‚¯
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.jsã§ã¯ãªãRiot.jsã‚’æŽ¡ç”¨ã—ãŸè©±ã€é‹ç”¨ä¸ã‚µãƒ¼ãƒ“ã‚¹ã€ŽGAMYã€ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ« - Qiita
ä»Šå›žã€ã‚²ãƒ¼ãƒ æ”»ç•¥ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€ŽGAMYã€ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã§Riot.jsã‚’æŽ¡ç”¨ã—ã¾ã—ãŸã€‚ çŸ¥ã‚‹é™ã‚Šã§Riot.jsã§å®Ÿè£…ã•ã‚ŒãŸã‚µã‚¤ãƒˆã®ä¸ã§ã‚‚æœ€å¤§è¦æ¨¡ã®ã‚µãƒ¼ãƒ“ã‚¹ã ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã¯jQueryã¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’æ©Ÿã«ã€å…¨éƒ¨æ›¸ãæ›ãˆã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚å…¼ãã¦ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã—ã¦ã„ãã¾ã™ã€‚ ##Riot.jsã¨ã¯ Riot.jsã¯ä»Šæµè¡Œã‚Šã®React.jsã«ä¼¼ãŸä»•çµ„ã¿ã‚’æŒã£ã¦ã„ã‚‹ã€ãã‚Œã§éžå¸¸ã«è»½é‡ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ æœ€è¿‘GitHubã®ãƒªãƒã‚¸ãƒˆãƒªãŒ**/muut/riotjsã‹ã‚‰/riot/riot**ã«ãŠå¼•ã£è¶Šã—ã—ã¦ã€ã“ã‚Œã‹ã‚‰ãŒã‚ˆã‚Šæ³¨ç›®ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ è©³ã—ãã¯ã“ã¡ã‚‰â†“ Riotå…¬å¼ Riot.js 2.0 æƒ…å ±ã¾ã¨ã‚ GitHub ##æ¨ã¦ã‚‹ã“ã¨ã‚’å‰æã¨ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼é¸å®š æœ€åˆã¯ä»Šãƒ–ãƒ¼ãƒ ã®ï¼’å¤§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼
z_dogma 2015/06/18
riot.js

jquery

javascript

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
ãƒªãƒ³ã‚¯
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