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

o_hiroyuki id:o_hiroyuki

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

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

React ã«ãŠã‘ã‚‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®çŠ¶æ…‹ç®¡ç†ã«ã¤ã„ã¦ - freee Developers Blog
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® @_tohashi ã§ã™ã€‚freee developers adevent calender 5 æ—¥ç›®ã‚’ã‚„ã£ã¦ã„ãã¾ã™ã€‚ React ãªã©ã‚’ä½¿ç”¨ã—ãŸ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å®Ÿè£…ã€ç‰¹ã«çŠ¶æ…‹ã‚’ã©ã“ã§ç®¡ç†ã™ã‚‹ã‹ã¨ã„ã†ã®ã¯å®Ÿè£…è€…ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¦ä»¶ã«ã‚ˆã£ã¦åˆ†ã‹ã‚ŒãŒã¡ãªãƒã‚¤ãƒ³ãƒˆã§ã‚ã‚‹ã¨æ€ã£ã¦ã„ã¦ã€ä¾‹ã¨ã—ã¦ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å€¤ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã®é–‹é–‰ã€ã‚¹ãƒ”ãƒŠãƒ¼ã®è¡¨ç¤ºãªã©ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚å„ç¨®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ Issue, Example ã‚’è¦‹ã¦ã‚‚æ§˜ã€…ãªæµæ´¾ãŒã‚ã‚Šã€çµå±€ã®ã¨ã“ã‚ Redux ã® FAQ ã«ã‚‚ã‚ã‚‹ã‚ˆã†ã«ã“ã‚ŒãŒæ£è§£ã¨ã„ã£ãŸã‚‚ã®ã¯ãªããƒ¢ãƒ‡ãƒªãƒ³ã‚°ã‚„è¦ä»¶ã«å¿œã˜ã¦é©å®œåˆ¤æ–ã™ã¹ãè©±ã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€ãƒãƒ¼ãƒ é–‹ç™ºã«ãŠã„ã¦ã¯ã‚ã‚‹ç¨‹åº¦æ–¹é‡ã‚’çµ±ä¸€ã—ã¦ãŠãå¿…è¦ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ æœ¬è¨˜äº‹ã§ã¯ãã†ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®çŠ¶æ…‹ç®¡ç†ã®ã†ã¡ã€ç‰¹ã«éžåŒæœŸå‡¦ç†ãŒçµ¡ã‚“ã§ãã¦è¤‡é›‘ã«ãªã‚ŠãŒã¡ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã¤ã„ã¦è‡ªåˆ†ã®çµŒé¨“ã‚’ã‚‚ã¨ã«å®Ÿ
o_hiroyuki 2021/03/30
react.js
ãƒªãƒ³ã‚¯
React ã‚’æ·±ãçŸ¥ã‚‹ãŸã‚ã®å…¥ã‚Šå£
Reactã«å¯¾ã™ã‚‹è¦‹æ–¹ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ å›½å†…å¤–ã®å„ªã‚ŒãŸé–‹ç™ºè€…ã®æ–¹ã«ã‚ˆã‚‹ React ã®å„è«–ã®è¨˜äº‹ã¯æžšæŒ™ã«ã„ã¨ã¾ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ã€React ã®å…¥é–€ã‚’ä¸€é€šã‚Šçµ‚ãˆãŸæ–¹ã«å‘ã‘ã®æµ…ãåºƒã„ç·è«–ã¯ã‚ã¾ã‚Šè¦‹ã‹ã‘ã¾ã›ã‚“ã€‚ React ã®å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹çŸã„3ã¤ã®æ–‡ç« ãŒã‚ã‚Šã¾ã™ã€‚ã“ã® React ã®æœ¬è³ªã‚’è¡¨ç¾ã—ãŸæ–‡ç« ã‚’æŽ˜ã‚Šä¸‹ã’ã‚‹ã“ã¨ãŒã€åˆå¦è€…ã®ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã«ã¤ãªãŒã‚‹ã®ã§ã¯ãªã„ã‹ã¨è€ƒãˆã€å„ç« ã«å¯¾ã—ã¦æ³¨é‡ˆã‚’åŠ ãˆã¾ã—ãŸã€‚ React ã«ã¤ã„ã¦å°‘ã—æ·±ãçŸ¥ã‚‹ã“ã¨ã§ã€ã•ã‚‰ã« React ã‚’å¥½ãã«ãªã£ãŸã¨ã„ã†æ–¹ã‚’ä¸€äººã§ã‚‚å¤šãå¢—ã‚„ã—ãŸã„ã€‚ãã®æ€ã„ã‹ã‚‰æœ¬è¨˜äº‹ã‚’åŸ·ç†ã—ã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã¯ React ã®è€ƒãˆæ–¹ã‚’çŸ¥ã‚‹ã“ã¨ã§ã€React ã«å¯¾ã™ã‚‹è¦‹æ–¹ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ Reactã¨ã¯ä½•ã‹ã€‚ãã‚Œã¯UIã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ Reactå…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä¸€æ–‡ R
o_hiroyuki 2021/03/13
react.js
ãƒªãƒ³ã‚¯
Reactã§ã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹2021
Webã®ãƒ•ã‚©ãƒ¼ãƒ ã¯ã€ã„ã¤ã§ã‚‚ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’æ‚©ã‚€ã‚‚ã®ã®ä¸€ã¤ã§ã™ã€‚React ã‚’ä½¿ã†ã¨ã—ã¦å®Œå…¨ã«è‡ªä½œã§ã‚„ã‚‹ã®ã‹ï¼Ÿãã‚Œã¨ã‚‚ãƒ•ã‚©ãƒ¼ãƒ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã‹ï¼Ÿãƒ•ã‚©ãƒ¼ãƒ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã‚‰ã©ã‚Œã‚’ä½¿ã†ã‹ï¼Ÿ ä»Šã®æ™‚ä»£ Formik ã‚’é¸ã¶ç†ç”±ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€React Hook Form ã¨ React Final Form ã®ã©ã¡ã‚‰ã‚’ä½¿ã†ã‹ã¯ã¨ã¦ã‚‚æ‚©ã¾ã—ã„ã§ã™ã€‚ React Hook Form ã¯åˆ©ç”¨çµŒé¨“è€…ãƒ»æŽ¡ç”¨å®Ÿç¸¾ãŒå¤šã„ã€é€Ÿåº¦ãŒé€Ÿã„ãªã©æ§˜ã€…ãªåˆ©ç‚¹ã¯ã‚ã‚Šã¾ã™ãŒã€React å“²å¦ã«åã™ã‚‹ä½œã‚Šãªã©ã‚¯ã‚»ã®å¼·ã•ãŒé›£ç‚¹ã§ã™ã€‚ã‚ã¨è‰¯ãã‚‚æ‚ªãã‚‚åˆ©ç”¨ã‚·ãƒ¼ãƒ³ãŒè±Šå¯Œã§ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚è±Šå¯Œã§è¿·åã«ãªã‚ŠãŒã¡ã§ã™ã€‚ React Final Form ã¯ Final Form ã® React wrapper ã§ã™ã€‚å€‹äººçš„ã«ã¯ã“ã¡ã‚‰ React çš„ä½¿ã„ã‚„ã™ã•ã«åã™ã‚‹ã¨æ„Ÿã˜ã¦ã‚‹ã“ã¨ã€React Final Form ã¨ã—ã¦è¦‹ãŸã¨ãã«ãƒ‰ã‚ãƒ¥ãƒ¡
o_hiroyuki 2021/03/13
react.js
ãƒªãƒ³ã‚¯
ReactåŸºç¤Ž Â· GitBook
ReactåŸºç¤Ž ãƒ¬ãƒƒã‚¹ãƒ³ Lesson 01: ç’°å¢ƒæ§‹ç¯‰ Lesson 02: ES2015ã«ã¤ã„ã¦ Lesson 03: é–¢æ•°åž‹ã®æ›¸ãæ–¹ Lesson 04: åˆã‚ã¦ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ Lesson 05: åˆã‚ã¦ã®inline style Lesson 06: åˆã‚ã¦ã®props Lesson 07: é…åˆ—ã‹ã‚‰ã®å±•é–‹ Lesson 08: ãƒ•ã‚©ãƒ¼ãƒ ã®å®šç¾© Lesson 09: ãƒ•ã‚©ãƒ¼ãƒ ã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿è¿½åŠ Lesson 10: ç·åˆèª²é¡Œã€Œç›®çš„ç‰¹åŒ–åž‹é›»å“ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã€ ãŠã¾ã‘ Appendix 01: æ§˜ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ›¸ãæ–¹ Appendix 02: ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®state Appendix 03: ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãƒ¡ã‚½ãƒƒãƒ‰ Appendix 04: JSX vs. createElement Appendix 05: PropTypes Appendix 06: p
o_hiroyuki 2017/02/13
react.js
ãƒªãƒ³ã‚¯
2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã‚¼ãƒã‹ã‚‰React/Reduxã‚’å¦ç¿’ã—ãŸã¨ãã®æ–¹æ³•ã‚’æŒ¯ã‚Šè¿”ã‚‹
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¹ã‚¿ã‚¸ã‚ªãƒ»ã‚¢ãƒ«ã‚«ãƒŠã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã£ã¡ã‚ƒã‚“(@natsumican63)ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯React Advent Calendar 2016ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãã‚Œã¯2016å¹´ã‚‚å¾ŒåŠã¸å·®ã—æŽ›ã‹ã£ãŸã‚ã‚‹æ—¥ã®ã“ã¨ã§ã—ãŸâ€¦ ä¸Šå¸ã€Œæ¬¡ã®æ¡ˆä»¶ã€ã“ã®è¾ºã®æŠ€è¡“ä½¿ã†ã‹ã‚‰è»½ãå‹‰å¼·ã—ã¦ãŠã„ã¦ãƒ¼ã€ ã¤ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel + OnsenUI + Gulp + Webpack (ã€€ï¾ŸÐ´ï¾Ÿ) (ã¤Ð´âŠ‚)ï½ºï¾žï½¼ï½ºï¾žï½¼ (ï¼›ï¾Ÿ Ð”ï¾Ÿ) !?!? (; ï¾ŸÐ´ï¾Ÿ)ã€Œâ€¦ã‚ã€ã‚ã‹ã‚Šã¾ã—ãŸã€ â€»ã€Œä½•ã§ã‚‚ã‚„ã‚Šã¾ã™ï¼ã‚„ã‚‰ã›ã¦ãã ã•ã„ï¼ã€ãŒç§ã®å£ç™–ãªã®ã§ã€æ±ºã—ã¦ç„¡èŒ¶æŒ¯ã‚Šã—ã¦ãã‚‹å¼Šç¤¾ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‚ˆï¼ã»ã‚“ã¨ã ã‚ˆï¼ï¼ æ–¯ãã—ã¦2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã¯ã˜ã‚ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®é–€æˆ¸ã‚’é–‹ãã“ã¨ã¨ãªã£ãŸéš›ã®å¦
o_hiroyuki 2016/12/13
react.js
ãƒªãƒ³ã‚¯
phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python ã¯ã˜ã‚ã« ã€Œwebpack ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¨ã„ã¦ãƒ¼ã€, ã€Œgulp å°Žå…¥ã—ã¦ watch ã—ãªãŒã‚‰é–‹ç™ºã—ã¦ãƒ¼ã€, ã€ŒReact ã ã‹ã‚‰ ES6 ã§ã‚³ãƒ¼ãƒ‰æ›¸ã„ã¦ãƒ¼ã€ æœ€è¿‘ã“ã‚“ãªä¼šè©±ãŒå½“ãŸã‚Šå‰ã®ã‚ˆã†ã«ç¾å ´ã§é£›ã³äº¤ã£ã¦ã„ã¾ã™. ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºè€…ã«ã¯ HTML, CSS ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹äºº (coder, markup engineer) JavaScript ã¯å¾—æ„ã ã‘ã© CSS ã¯ã¡ã‚‡ã£ã¨å¼±ã„äºº (javascripter) HTML, CSS, JavaScript å…¨ã¦ã‚’çµ±ã¹ã‚‹è€… (frontend
o_hiroyuki 2016/06/01
react.js

riot.js
ãƒªãƒ³ã‚¯
Reactã®è€ƒãˆæ–¹ | React 0.13 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | js STUDIO
ã“ã‚Œã¯ã€å…ƒã¯Reactã®å…¬å¼ãƒ–ãƒã‚°ã¸æŠ•ç¨¿ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ å€‹äººçš„ãªè¦‹è§£ã«ãªã‚Šã¾ã™ãŒã€Reactã¯JavaScriptã‚’ä½¿ç”¨ã—ãŸå¤§è¦æ¨¡ã§é«˜é€ŸãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã€ æœ€ã‚‚å„ªã‚ŒãŸæ–¹æ³•ã§ã‚ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ã€Facebookã¨Instagramã«ãŠã„ã¦ã€æˆ‘ã€…ã«ã¨ã£ã¦è‰¯ã„çµæžœã‚’ã‚‚ãŸã‚‰ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ Reactã®å„ªã‚ŒãŸç‚¹ã®1ã¤ã«ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹ç¯‰ã‚’ã€ã©ã®ã‚ˆã†ã«è€ƒãˆã•ã›ã‚‹ã‹ã¨ã„ã†äº‹ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€Reactã‚’ä½¿ç”¨ã—ãŸæ¤œç´¢å¯èƒ½ãªå•†å“ãƒ‡ãƒ¼ã‚¿ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’æ§‹ç¯‰ã™ã‚‹éŽç¨‹ã‚’é€šã—ã¦ã€å¦ã‚“ã§ã„ãã¾ã™ã€‚ ã¾ãšã¯ã€ãƒ¢ãƒƒã‚¯ä½œã‚Šã‹ã‚‰ ã‚¹ãƒ†ãƒƒãƒ—1: UIã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆéšŽå±¤ã«åˆ†å‰² ã‚¹ãƒ†ãƒƒãƒ—2: Reactã®é™çš„ç‰ˆã®æ§‹ç¯‰ ã‚¹ãƒ†ãƒƒãƒ—3: UIã‚¹ãƒ†ãƒ¼ãƒˆã®å¿…è¦æœ€å°é™æ§‹æˆ ã‚¹ãƒ†ãƒƒãƒ—4: ã‚¹ãƒ†ãƒ¼ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ã¹ãå ´æ‰€ã®ç‰¹å®š ã‚¹ãƒ†ãƒƒãƒ—5: åˆ¥(é€†)ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã®è¿½åŠ æœ€å¾Œã« ã¾ãšã¯ã€ãƒ¢ãƒƒã‚¯ä½œã‚Šã‹
o_hiroyuki 2016/05/21
react.js
ãƒªãƒ³ã‚¯
Draft.js
Extensible and CustomizableWe provide the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media. Declarative Rich TextDraft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API. Immutable Editor StateThe Draft.js model is
o_hiroyuki 2016/02/29
facebookãŒé–‹ç™ºã—ã¦ã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿

editor

*javascript

facebook

react.js
ãƒªãƒ³ã‚¯
Electron, Reactã§ã‚¿ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½œã£ã¦ã¿ãŸ - Qiita
çŸ¥äººãŒesaã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ä½¿ã‚ãªããªã£ãŸç†ç”±ãŒã€è¤‡æ•°ã‚¿ãƒ–ãŒé–‹ã‘ãªãã¦ä¸ä¾¿ã ã£ãŸã¨èžã„ãŸã€‚ ç¢ºã‹ã«ã€ŒElectronã®ã‚¢ãƒ—ãƒªã§ã‚‚è¤‡æ•°ã‚¿ãƒ–ãŒä½¿ãˆã‚‹ã¨ã„ã„ãªã€ã¨æ€ã£ãŸã®ã§ã•ãã£ã¨ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ä½œã£ãŸã‚‚ã® ã‚¿ãƒ–å‘¨ã‚Šã®å‡¦ç†ã‚’ä¸å¿ƒã«æ›¸ã„ãŸã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã„ã†ã‚ˆã‚ŠãŸã ã®Qiitaãƒªãƒ¼ãƒ€ã€‚ ç’°å¢ƒ MacOS X 10.10.4 Node.js v.4.1.1 electron v.0.34.3 æº–å‚™ Electronç’°å¢ƒã®å°Žå…¥ãŒå¿…é ˆã€‚ 30åˆ†ã§å‡ºæ¥ã‚‹ã€JavaScript (Electron) ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦é…å¸ƒã™ã‚‹ã¾ã§ãŒã¨ã¦ã‚‚å‚è€ƒã«ãªã‚Šã¾ã™ã€‚ ä»Šå›žã¯Reactã‚’ES6ã§æ›¸ãã®ã§babel+webpack+gulpã®è¨å®šã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ gulpfile.js webpack.config.js npmã§å¿…è¦ãªãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã€gulpã§ãƒ“ãƒ«ãƒ‰ç”¨ã®ã‚¿ã‚¹ã‚¯ã‚’èµ·å‹•ã™ã‚‹ã¨
o_hiroyuki 2016/01/25
Electron

react.js
ãƒªãƒ³ã‚¯
JSã¨ã„ãˆã°jQueryã ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã€Reactã‚’1å¹´é–“ä½¿ã£ã¦æ„Ÿã˜ãŸãƒ¡ãƒªãƒƒãƒˆï½œdwango creators' blogï¼ˆãƒ‰ãƒ¯ãƒ³ã‚´ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°ï¼‰
ã¯ã˜ã‚ã¾ã—ã¦ã€ã»ãã ã¨ç”³ã—ã¾ã™ã€‚æ˜¨å¹´ç§‹ã¾ã§å€‹äººäº‹æ¥ä¸»ã®ç«‹å ´ã§ãƒ‰ãƒ¯ãƒ³ã‚´ã§ãŠä»•äº‹ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã—ãŸãŒã€ã„ã‚ã„ã‚çµŒç·¯ãŒã‚ã‚Šã¾ã—ã¦ä¸ã®äººã«ãªã‚Šã¾ã—ãŸã€‚ãƒ‰ãƒ¯ãƒ³ã‚´æ´ã¯ãã“ãã“é•·ã„æ–°å…¥ã‚Šã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆHTML/CSS/JSã¯æ‰±ãˆã‚‹ã„ã‚ã‚†ã‚‹ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼‰ã¨ã—ã¦1å¹´é–“ã»ã©Reactã‚’ä½¿ã£ã¦ã¿ãŸã®ã§ã€ãã®ãƒ¡ãƒªãƒƒãƒˆã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ Reactã¨ã®å‡ºä¼šã„ Reactã¨ã¯Facebookè£½ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ https://facebook.github.io/react/ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®Viewéƒ¨åˆ†ã‚’å®Ÿè£…ã—ã¾ã™ã€‚2014å¹´ã®æš®ã‚Œã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ãŒé‚ã‚’éœ‡ã‚ã›ã¦ã„ã‚‹ã®ã‚’è¦‹ã¦å˜åœ¨ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚2015å¹´ã¯Reactå…ƒå¹´ãªæ„Ÿã˜ã§ã—ãŸã‚ˆãã€‚ åƒ•è‡ªèº«ã€ä»¥å‰ã‹ã‚‰æ¯”è¼ƒçš„JSã‚’æ›¸ãã‚¿ã‚¤ãƒ—ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ã‚ã‚Šã¾ã—ãŸãŒã€æ£ç›´ãªã¨ã“ã‚è‡ªåˆ†ãŒé–¢ã‚ã£ã¦ã
o_hiroyuki 2016/01/20
react.js
ãƒªãƒ³ã‚¯
ç‰©ç†ã‚µãƒ¼ãƒã‚’é¸å®šã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆ â€“ Eureka Engineering â€“ Medium
Eureka EngineeringLearn about Eurekaâ€™s engineering efforts, product developments and more.
o_hiroyuki 2015/12/27
ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

business
ãƒªãƒ³ã‚¯
React Color
o_hiroyuki 2015/08/18
color picker

Color

react.js
ãƒªãƒ³ã‚¯
Relay
Built for scaleRelay is designed for high performance at any scale. Relay keeps management of data-fetching easy, whether your app has tens, hundreds, or thousands of components. And thanks to Relayâ€™s incremental compiler, it keeps your iteration speed fast even as your app grows. Keeps iteration quickRelay is data-fetching turned declarative. Components declare their data dependencies, without wo
o_hiroyuki 2015/08/13
Javascript

react.js
ãƒªãƒ³ã‚¯
javascriptå†å‹‰å¼·ã®ãŸã‚ã«react + ardaã§ãƒžã‚¤ãƒ³ã‚¹ã‚¤ãƒ¼ãƒ‘ãƒ¼ã‚’ã¤ãã£ãŸã®ã§æ°—ã¥ãã‚’å¿˜ã‚Œãªã„ã‚ˆã†ã«ãƒ¡ãƒ¢ - Qiita
ä¸€ãƒ¶æœˆè¿‘ãã®æœ‰çµ¦ä¼‘æš‡ã‚’çµŒã¦8/1ã‹ã‚‰å®Œå…¨ãªç„¡è·ã«ãªã‚Šã¾ã—ãŸã€‚å‰è·ã§ã¯jsã¨ã„ãˆã°viewsã«$()ã‚’æ›¸ãã¾ãã‚‹ã¨ã„ã†æ‰€æ¥ã‚’ã¯ãŸã‚‰ã„ã¦ãŠã‚Šã¾ã—ãŸãŒã€railsã¯apiã€ãƒ•ãƒãƒ³ãƒˆã¯åˆ¥å£ã§ã¨ã„ã†ã®ãŒæµã‚Œã§ã‚ã‚‹ã£ã½ã„ã®ã§ã€ã¡ã‚ƒã‚“ã¨ã—ãŸjsä½œæ¥ã‚’ã—ã¾ã—ã‚‡ã†ã¨ã„ã†ã®ãŒä»Šæœˆã®ã‚ã‚‰ã™ã˜ã€‚ æˆæžœç‰© ã†ã”ã„ã¦ã‚‹ã‚‚ã® No Mines Land å·¦å³åŒæ™‚æŠ¼ã—ãŒMouseEventã‹ã‚‰ç°¡å˜ã«ã¨ã‚Œã¦ã³ã£ãã‚Šã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ https://github.com/mmmpa/mine ã¯ã˜ã‚ã¦ã¤ã‹ã£ãŸ Browserify ã¨ãã«Browserifyã¯ã¨ã¦ã‚‚ã‚ˆãã¦ã€javascriptã®ãƒ•ã‚¡ã‚¤ãƒ«åˆ†å‰²ã«é–¢ã™ã‚‹çŸ¥è¦‹ãŒã¾ã£ãŸããªã„è‡ªåˆ†ã§ã‚‚ã€ç°¡å˜ã«åˆ†å‰²ã¨çµåˆãŒè¡Œãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãŠã‚Šæœ¬å½“ã«ã‚ˆã‹ã£ãŸã€‚ Browserifyã«ã¤ã„ã¦å‹˜é•ã„ã—ã¦ã„ãŸã“ã¨ Browserifyã‚’èªã¿è¾¼ã‚“ã§ãŠãã¨requireãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨æ€ã£ã¦ã„ãŸ
o_hiroyuki 2015/08/07
react.js

javascript
ãƒªãƒ³ã‚¯
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
o_hiroyuki 2015/08/05
react.js
ãƒªãƒ³ã‚¯
ipselon/react-ui-builder Â· GitHub
README.md Description This tool is a visual builder of React JS components for your web application. In builder you can easily combine available components with each other, and see how they look and feel right on a web page. Then you can generate a source code of new component from the combination, and builder will include all children and dependencies. Moreover you can generate Reflux actions/sto
o_hiroyuki 2015/07/13
react.js
ãƒªãƒ³ã‚¯
React for Designers
o_hiroyuki 2015/07/10
react.js

jQuery
ãƒªãƒ³ã‚¯
Loading...
o_hiroyuki 2015/07/04
react.js

css
ãƒªãƒ³ã‚¯
å¤§è¦æ¨¡Reactã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ | POSTD
Sift Scienceã§è£½ä½œã«Reactã‚’ä½¿ã„å§‹ã‚ã¦ã‹ã‚‰ã»ã¼1å¹´ã«ãªã‚Šã¾ã—ãŸã€‚ãã®é–“ã€Backbone+Reactã¨ã„ã† ãƒ•ãƒ©ãƒ³ã‚±ãƒ³ã‚·ãƒ¥ã‚¿ã‚¤ãƒ³ã®ã‚ˆã†ãª è¤‡åˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰ãªã‚‹ã€ã‹ãªã‚Šå¤§ããª1ã¤ã®éšŽå±¤ã«è‚²ã¦ä¸Šã’ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€UIä¸å’Œã‚’æœ€å°é™ã«ã—ãªãŒã‚‰ã€ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã‚’ã‚¹ã‚±ãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã«å½¹ç«‹ã£ãŸæŠ€æ³•ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãŸã€ä¸€èˆ¬çš„ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ã€ã„ãã¤ã‹èª¬æ˜Žã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ãŒçš†ã•ã‚“ã®æ™‚é–“ã®ç¯€ç´„ã¨ç²¾ç¥žè¡›ç”Ÿã®ç¶æŒã«å½¹ç«‹ã¡ã€UIãŒè¤‡é›‘ã«ãªã£ã¦ã‚‚Reactã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã®ä¿å…¨æ€§ã‚’ç¶æŒã™ã‚‹ï¼ˆç ´ç¶»ã™ã‚‹ã®ã§ã¯ãªãï¼‰ãŸã‚ã®æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚’æä¾›ã§ãã‚Œã°å¹¸ã„ã§ã™ã€‚ componentDidUpdateã§ã€ã‚‚ã£ã¨ã§ãã‚‹ Reactã®æœ¬è³ªã¯ã€DOMã®æ›´æ–°ã¨ã„ã†ã‚¿ã‚¹ã‚¯ã‚’å‘½ä»¤çš„ãªã‚‚ã®ã‹ã‚‰å®£è¨€çš„ãªã‚‚ã®ã«å¤‰ãˆã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ä»–ã®ã‚¿ã‚¤ãƒ—ã®å‘½
o_hiroyuki 2015/06/18
react.js
ãƒªãƒ³ã‚¯
CodeIQã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›
2018å¹´4æœˆ25æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã€ ã€ŽCodeIQã€ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è…•è©¦ã—ã‚µãƒ¼ãƒ“ã‚¹ã€å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã¯ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã€Žmoffers by CodeIQã€https://moffers.jp/ ã¸ä¸€æœ¬åŒ–ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§å¤šãã®IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã«ã€ŽCodeIQã€ã‚’ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ã¦ã€ æ”¹ã‚ã¦å¿ƒã‚ˆã‚Šæ·±ãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Webãƒžã‚¬ã‚¸ãƒ³ã€ŒCodeIQ MAGAZINEã€ã¯ã€ ãƒªã‚¯ãƒŠãƒ“NEXTã‚¸ãƒ£ãƒ¼ãƒŠãƒ«( https://next.rikunabi.com/journal/ )ã«ä¸€éƒ¨ã®è¨˜äº‹ã®ç§»è¡Œã‚’äºˆå®šã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå¾Œã¯ã€Žmoffers by CodeIQã€ã«ã¦ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†æ§˜ã®ã‚ˆã‚Šè‰¯ã„è»¢è·ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã€ã‚ˆã‚Šä¸€å±¤åŠªã‚ã¦ã¾ã„ã‚Šã¾ã™ã®ã§ã€ å¼•ãç¶šãã”æ„›é¡§ã®ã»ã©ä½•å’ã‚ˆã‚ã—ããŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€Cod
o_hiroyuki 2015/05/30
Angular.js

react.js
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸