[B! React] niwatakoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

niwatako id:niwatako

Reactã«é–¢ã™ã‚‹niwatakoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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+ReduxæœªçµŒé¨“è€…ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå—å…¥ - Qiita
è‡ªå·±ç´¹ä»‹ æ¸¡è¾º è²´æ˜Ž EngFrontend follow me! ã‚¢ã‚¸ã‚¢ã‚¯ã‚¨ã‚¹ãƒˆæ ªå¼ä¼šç¤¾ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ä»Šæ—¥ã®è©± ReactæœªçµŒé¨“è€…ãŒã€ Reduxã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚¹ãƒ ãƒ¼ã‚ºã«å‚åŠ ã™ã‚‹ãŸã‚ ä½•ã‚’ã—ãŸã‹ï¼Ÿ æƒ³å®šã™ã‚‹çŠ¶æ³ ã‚½ãƒ¼ã‚¹ã¯react-redux-universal-hot-example ã‚’å…ƒã«è¤‡é›‘ã«ã—ãŸæ„Ÿã˜ å¤§äº‹ ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¯ã“ã‚“ãªæ„Ÿã˜ ã“ã‚Œã‹ã‚‰ç‰©é‡ã‚’ã“ãªã™æ®µéšŽ æ–°ã—ãäººã‚’è¿½åŠ ã™ã‚‹ ES5ã®jsã¯ã§ãã‚‹ãŒReactè§¦ã£ãŸã“ã¨ãªã„ å¿…è¦ãªã“ã¨ Reactã‚’è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ Reduxã‚‚è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ BFFã§ã®APIã®å©ãæ–¹ã‚‚è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ ES2015ã‚‚è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ å•é¡Œ Reactã ã‘è¦šãˆã¦ã‚‚ä»•äº‹ã«å…¥ã‚Œãªã„ ä¸å¯§ã«è¦šãˆã‚‹æ™‚é–“ã¯ãªã„ ã—ã‹ã—ã€è¦šãˆãªã„ã¨æ¸¡ã›ã‚‹ä»•äº‹ãŒãªã„ ã‚„ã£ãŸã“ã¨ å°‚ç”¨ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«çš„ãªã‚‚ã®ã‚’ä½œæˆ æœ€å°æ§‹æˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦çœŸä¼¼ã—ã¦æ›¸ã„ã¦ã‚‚ã‚‰
niwatako 2017/05/11
â€œReactã¡ã‚‡ã‚ã„ãœ~ã¨ã„ã†æ„è˜ã‚’æ¤ãˆä»˜ã‘ã‚‹ä½œæˆ¦ã€‚â€ / â€œå¤§ä½“ã€èµ¤ã„ç”»é¢ ãŒãƒˆãƒ©ã‚¦ãƒžã«ãªã‚‹ã€‚ãƒ¡ãƒ³ã‚¿ãƒ«ã®ã‚µãƒãƒ¼ãƒˆãŒå¿…è¦ã€‚â€

React

Redux

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
React Native Tutorial: Building iOS Apps with JavaScript
In this React Native tutorial youâ€™ll learn how to build native apps based on the hugely popular React JavaScript library. What makes React Native different from other frameworks such as PhoneGap (Apache Cordova) or Appcelerator Titanium, that use JavaScript to create iOS apps? (Unlike PhoneGap) with React Native your code may be written in JavaScript but the appâ€™s UI is fully native. It doesnâ€™t ha
niwatako 2017/04/12
React

ReactNative
ãƒªãƒ³ã‚¯
React.js ã®ã‚³ãƒ¼ãƒ‰(JSX)ã‚’Atomã§ã‚³ãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã™ã‚‹ - Qiita
å¾®å¦™ã«ãƒãƒžã£ãŸã®ã§ã€‚ãªã‚“ã‹ã²ã©ã„ã‚„ã‚Šæ–¹ãªã®ã¯æ‰¿çŸ¥ã®ä¸Šãªã‚“ã§ã™ãŒã€è¨˜éŒ²ã®ãŸã‚ã«æ®‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®å°Žå…¥ ã¾ãšã€ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§ React ã¨ Atom-beautifyã‚’å…¥ã‚Œã‚‹ã€‚ React ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’å…¥ã‚Œã‚‹ã¨ Reformat JSXãªã‚‹ã‚³ãƒžãƒ³ãƒ‰ãŒè¿½åŠ ã•ã‚Œã‚‹ã®ã ãŒã€æ‰‹å…ƒã§ã¯ã†ã¾ãæ©Ÿèƒ½ã—ãªã‹ã£ãŸã€‚è©³ç´°ã¯ä¸æ˜Žã€‚ è¨å®šã‚’ç·¨é›†ã—ã€languageåã‚’ "JavaScript(JSX)" ã‹ã‚‰"JSX"ã«ã™ã‚‹ React ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§æä¾›ã•ã‚Œã‚‹ language åãŒ JavaScript(JSX)ã ã£ãŸãŸã‚ã«ã€Atom-Beautify ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒå¤±æ•—ã™ã‚‹ã€‚ãƒ»ãƒ»ãƒ»ã¨ã„ã†ã‚ˆã†ã«èªã‚ã‚‹ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒå‡ºã‚‹ã€‚ ãªã‚“ã‹æ ¹æœ¬çš„ãªé–“é•ã„ãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œãªã„ã€‚ãŒã€Atomå‘¨ã‚Šã®ã“ã¨ã¯ã‚ˆãçŸ¥ã‚‰ãªã„ã®ã§èª¿ã¹ã‚‹ã®ã¯å¾Œå›žã—ã«ã™ã‚‹ã€‚ ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã¨ã©ã†ã‚‚å˜ç´”ã« language åã‚’ã‚ãƒ¼ã¨ã—ã¦æŽ¢ã—ã¦ã„ã‚‹
niwatako 2017/04/12
React

ReactNative

atom

JSX
ãƒªãƒ³ã‚¯
React.kyoto v0.1.0 (2017/04/27 19:30ã€œ)
ãŠçŸ¥ã‚‰ã› 2024å¹´9æœˆ1æ—¥ã‚ˆã‚Šã€connpassã§ã¯ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã‚’ç¦æ¢ã—ã€åˆ©ç”¨è¦ç´„ã«æ˜Žè¨˜ã—ã¾ã—ãŸã€‚ä»¥é™ã®æƒ…å ±å–å¾—ã«ã¯connpass APIã‚’ã”åˆ©ç”¨ãã ã•ã„ã€‚APIã”åˆ©ç”¨ã«ã¤ã„ã¦ã¯ãƒ˜ãƒ«ãƒ—ãƒšãƒ¼ã‚¸ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
niwatako 2017/04/06
èª•ç”Ÿã—ã¦ã‚‹

React

Javascript

äº¬éƒ½
ãƒªãƒ³ã‚¯
WordBench äº¬éƒ½ & ng-kyoto 10æœˆå‹‰å¼·ä¼š ã«è¡Œã£ã¦æ˜¨ä»Šã®WP REST APIã¨AngularJSã¨ã¾ã¡ã¥ãã‚Š(!?)ã®äº‹æƒ…ã‚’èžã„ã¦ããŸ - niwatakoã®ã¯ã¦ãªãƒ–ãƒã‚°
ä»Šæ—¥ã¯WordBench äº¬éƒ½ & ng-kyoto 10æœˆå‹‰å¼·ä¼š ã«ãƒ–ãƒã‚°æ›¸ãæž ã§å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ã‚¹ãƒ©ã‚¤ãƒ‰ã®å†™çœŸã‚’æ’®ã‚ŠãªãŒã‚‰ã€å–‹ã£ã¦ã‚‹ã“ã¨ã‚’æ‰“ã¡è¾¼ã‚“ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ–ãƒã‚°è¨˜äº‹ã«æ›¸ãã€èžãèµ·ã“ã—ãƒ–ãƒã‚°ã‚’ã‚„ã£ã¦ãã¾ã—ãŸã€‚ ã©ã‚“ãªå‹‰å¼·ä¼šï¼Ÿ WordPressã®REST APIã¨AngularJSãŒä»²è‰¯ãã™ã‚‹ãŸã‚ã®å‹‰å¼·ä¼šã€ã ã£ãŸã‚“ã ã¨æ€ã†ãŒã€WordPressã¯ã‚¹ãƒ«ãƒ¼ã•ã‚ŒãŸã‚Šã€VueJSãŒå‡ºã¦ããŸã‚Šã€ã¾ã•ã‹ã‚Šé£›ã‚“ã ã‚Šã—ã¦ã„ãŸã€‚ã‚ã€ã¡ã‚ƒã‚“ã¨WP REST APIã¨Angularã‚’ä½¿ã†è©±ã‚‚ã‚ã£ãŸã®ã§ã”å®‰å¿ƒãã ã•ã„ã€‚ ã¾ãã“ã‚Œã‚‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦å›½æ™‚ä»£ã€WordPressã®REST APIåŒ–è¨ˆç”»ã®éŽæ¸¡æœŸã‚‰ã—ã„ä¸–ç›¸ã‚’åæ˜ ã—ãŸå‹‰å¼·ä¼šã ã£ãŸã¨æ€ã†ã€‚ProgressiveWebAppsã®è©±ã‚‚å‡ºãŸã€‚ã‚ã¨ãªãœã‹ ã¾ã¡ã¥ãã‚Š ã®è©±ã«ãªã£ã¦ã€ãã‚ŒãŒã¨ã¦ã‚‚å‹‰å¼·ã«ãªã£ãŸã€‚ ã¾ã¡ã¥ãã‚Š ã®è©±ã§ã¯ã€åœ°æ–¹ã®å•†åº—è¡—
niwatako 2016/10/09
ä»Šæ—¥ã®ã¾ã¨ã‚ã§ã™

wordpress

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

TypeScript

ã¾ã¡ã¥ãã‚Š

ITæ¥ç•Œ

React

AngularJS

VueJS

WordBench

ng-kyoto
ãƒªãƒ³ã‚¯
#iosdc 2016 A-4 Reactive State Machine - niwatakoã®ã¯ã¦ãªãƒ–ãƒã‚°
twitter.com ã“ã“1, 2å¹´ã®Swiftã®ç™»å ´ã¨Functional Reactive Programming (FRP)ã®æ™®åŠã«ã‚ˆã£ã¦ã€iOSã‚¢ãƒ—ãƒªé–‹ç™ºã®ç¾å ´ã§ã¯åŠ‡çš„ãªãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚·ãƒ•ãƒˆãŒèµ·ãã¦ã„ã¾ã™ã€‚ã—ã‹ã—ä¸€æ–¹ã§ã€å‰¯ä½œç”¨ã‚’ä¼´ã†ã‚¢ãƒ—ãƒªã®çŠ¶æ…‹ç®¡ç†ã«è‹¦åŠ´ã™ã‚‹ç‚¹ãŒæœªã å¤šãã‚ã‚Šã€ãƒã‚°ã®æ¸©åºŠã¨ãªã£ã¦ã„ã¾ã™ã€‚ã“ã®ãƒ—ãƒ¬ã‚¼ãƒ³ã§ã¯ã€çŠ¶æ…‹ç®¡ç†ã®åŸºç¤Žç†è«–ã§ã‚ã‚‹ã‚ªãƒ¼ãƒˆãƒžãƒˆãƒ³ï¼ˆã‚¹ãƒ†ãƒ¼ãƒˆãƒžã‚·ãƒ³ï¼‰ã‚’åŸºã«ã€Reduxãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã®å¯¾æ¯”ã‚‚äº¤ãˆãªãŒã‚‰ã€FRPã§ã®åŠ¹çŽ‡çš„ãªè¨è¨ˆæ‰‹æ³•ã«ã¤ã„ã¦æŽ¢ã‚Šã¾ã™ã€‚ iosdc.jp speakerdeck.com #iosdc æœ¬æ—¥ã®ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã§ã™ã€‚https://t.co/cGwv7RHDzV ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã“ã¡ã‚‰ã§ã™ã€‚https://t.co/gfkOZR5Dtqâ€” Yasuhiro Inami (@inamiy) August 20, 2016 Reactive St
niwatako 2016/08/23
ä»Šæœã«ãªã£ã¦iOSç•Œéšˆå¤–ã‹ã‚‰ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒä»˜ã„ãŸã£ã½ã„èžãèµ·ã“ã—ã€‚ã“ã‚ŒãŒ iOS Developers Conference ã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¼ã‚¯è³žã§ã™ã€å¿…è¦‹ |Ð”âœ§)

Redux

ãƒŸãƒ¼ãƒªãƒ»ãƒžã‚·ãƒ³

FRP

Reactive

iOSDC

iOSé–‹ç™º

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼

Elm

React
ãƒªãƒ³ã‚¯
1