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

tsukamott id:tsukamott

react.jsã«é–¢ã™ã‚‹tsukamottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

webpackã‚’ä½¿ã£ãŸ Railsä¸Šã§ã®Reacté–‹ç™º - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€æŠ•ç¨¿é–‹ç™ºéƒ¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®èŠ³è³€ã§ã™ã€‚ æ—¢å˜ã®Rails ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸ã§React.jsã‚’åˆ©ç”¨ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€ãã®æ™‚ã«ã‚„ã£ãŸã“ã¨ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ç§è‡ªèº«ã¯æ™®æ®µRailsã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã¨CoffeeScriptãŒä¸å¿ƒã§ã€æœ€è¿‘ã®JavaScripté–‹ç™ºç’°å¢ƒã«ã¤ã„ã¦ã‚ã¾ã‚Šã‚ãƒ£ãƒƒãƒã‚¢ãƒƒãƒ—ã§ãã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒã€ãã‚Œã‚‰ã®çŠ¶æ³ã‚’æŠŠæ¡ã—ã¤ã¤è©¦è¡ŒéŒ¯èª¤ã§é–‹ç™ºã—ã¦ã„ã£ãŸçµŒé¨“ã‹ã‚‰ã€ã§ãã‚‹ã ã‘ã€ŒReactæŽ¡ç”¨ã—ã¦ã¿ãŸã„ã‘ã©JavaScriptç•Œéšˆã‚ˆãã‚ã‹ã‚‰ãªã„ç›®ç·šã€ã§æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Railsã§React.jsã‚’ä½¿ã†ã„ãã¤ã‹ã®æ–¹æ³• 2016å¹´æ™‚ç‚¹ã§ã€Railsã§React.jsã‚’ä½¿ã†æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã£ã¦ã€ã©ã‚Œã‚’æŽ¡ç”¨ã™ã‚‹ã‹ã§æ‚©ã¿ã¾ã—ãŸã€‚ vendor/assets/javascripts ã«react.jsã‚’ç½®ã„ã¦åˆ©ç”¨ã™ã‚‹ react-rails gem ã‚’åˆ©ç”¨ã™ã‚‹ br
tsukamott 2016/07/28
rails

react.js

Webpack
ãƒªãƒ³ã‚¯
React.js meetup #1 - è³‡æ–™ä¸€è¦§ - connpass
çµ‚äº† 2015/04/24ï¼ˆé‡‘ï¼‰ 20:00ã€œ React.js meetup #1 React.jsã«ã¤ã„ã¦ã®çŸ¥è¦‹ã‚’å…±æœ‰ã—ã¾ã—ã‚‡ã†ï¼ koba04 ä»– æ±äº¬éƒ½æ¸‹è°·åŒºæ¸‹è°·2-21-1
tsukamott 2015/04/28
react.js
ãƒªãƒ³ã‚¯
Reactã‚’jQueryã®æ•°è¡Œã«è¦ç´„ã™ã‚‹ | POSTD
ã€ŒReactãŒç´ æ™´ã‚‰ã—ã„ç†ç”±ã¯ã€UIã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã®ç´”ç²‹é–¢æ•°ã«ã§ãã‚‹ã‹ã‚‰ã ã€ã„ã†ã‚ˆã†ãªè©±ã‚’èžã„ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ãã‚Œã ã‘ã§ã¯ãªãã€ä¸å¤‰æ€§ã¨ä»®è£…DOMã‚’åˆ©ç”¨ã—ã¦å‹•ä½œã™ã‚‹ã¨ã„ã†ã“ã¨ã‚‚èžãã¾ã™ã‚ˆãã€‚ãã®ä¸Šã€ä¿å˜ã€èªã¿è¾¼ã¿ã€å–ã‚Šæ¶ˆã—ã€ãã‚Œã«ã‚¿ã‚¤ãƒ ãƒˆãƒ©ãƒ™ãƒ«ãƒ»ãƒ‡ãƒãƒƒã‚°ã¨å‘¼ã°ã‚Œã‚‹ã™ã”ã„æ©Ÿèƒ½ã¾ã§è‡ªç”±ã«æ‰‹ã«å…¥ã‚Œã‚‰ã‚Œã‚‹ã€‚ã§ã‚‚çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€Reactã®æ ¸ã¨ãªã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’åˆ©ç”¨ã—ã€ãã®æ©æµã«é ã‹ã‚‹ã®ã«ã“ã‚Œã‚‰ã®ã“ã¨ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚jQueryã®æ•°è¡Œã«ã—ã¦ãŠè¦‹ã›ã—ã¾ã™ã€‚ <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
tsukamott 2015/04/21
react.js
ãƒªãƒ³ã‚¯
Hackhands is now Pluralsight
Overcome complex cloud challenges and build cloud talent from within
tsukamott 2015/04/21
tutorial

rails

react.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 ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«å¯¾ã—ã¦ã¯ç§ãŸã¡ãŒè¡Œã£ãŸæ§˜ã€…ãªé–‹ç™ºã®æˆæžœã‚’åæ˜ ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“
tsukamott 2015/04/01
react.js
ãƒªãƒ³ã‚¯
Gunosy React Meetup - è³‡æ–™ä¸€è¦§ - connpass
çµ‚äº† 2015/03/30ï¼ˆæœˆï¼‰ 19:30ã€œ Gunosy React Meetup React.jsã®æŽ¡ç”¨äº‹ä¾‹ã‚„Tipsã‚„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ãªã©çŸ¥è¦‹ã®å…±æœ‰ã‚’ã‚°ãƒŽã‚·ãƒ¼ã‚ªãƒ•ã‚£ã‚¹ã§ã‚„ã‚Šã¾ã™ï¼ tyshgc ä»– æ±äº¬éƒ½æ¸¯åŒºå…æœ¬æœ¨6-10-1å…æœ¬æœ¨ãƒ’ãƒ«ã‚ºæ£®ã‚¿ãƒ¯ãƒ¼37F
tsukamott 2015/04/01
JavaScript

react.js
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ æœ¬è¨˜äº‹ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å½“æ—¥ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebookè£½ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚ã‚‹ã‚ˆã†ã«ã€R
tsukamott 2015/03/04
react.js

JavaScript
ãƒªãƒ³ã‚¯
Ajaxã‚’åŠ‡çš„ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascriptç•Œéšˆã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦äº‰ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–‹ç™ºã®è¦æ¨¡ã‚‚å¹´ã€…å¤§ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’ç®¡ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚æ˜¨å¹´ã¾ã§Angularã¨backboneã‚’è©¦ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCã‚’ä½œã‚‹MVCã®2éšŽå»ºã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚ä¸€è‹¦åŠ´ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ãƒ¼ãƒ ã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebookç™ºã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—å‡ºã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’ä½¿ã£ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Railsä»¥æ¥ã®è¡æ’ƒ è‰²ã€…è©¦ã—ã¦
tsukamott 2015/03/04
ajax

rails

javascript

react.js
ãƒªãƒ³ã‚¯
1