ããã«ã¡ã¯ãkintone ããã°ã©ãã®åç°ã§ãã
2æ23æ¥(ç«)ãµã¤ãã¦ãºæ±äº¬ãªãã£ã¹ã§ React.js meetup #3 ãéå¬ããã¾ãããä»åã¯ãã®ã¤ãã³ãã®åã»ãã·ã§ã³ã®å 容ãç°¡åã«ãç´¹ä»ãã¾ãããªããå½æ¥ã®æ§å㯠togetter ã§ãã¾ã¨ãããã¦ãã¾ãã
React.js meetup ã¨ã¯
ãã®åã®éã React ã«ã¤ãã¦ã® meetup ã§ãä»åã¯3åç®ã«ãªãã¾ããå½æ¥ã¯80人ãè¶ ããåå è ã§å¤§å¤çãä¸ãããReact ã®æ³¨ç®åº¦ãæãããã meetup ã§ããã
Evolving Complex Systems Incrementally
æå㯠@cpojer ããã«ããçºè¡¨ããå§ã¾ãã¾ãããJavaScript ãã¢ãã³ãªã³ã¼ãã«å¤æããããã® jscodeshift ãç´¹ä»ãã話ã ã£ãã¨æãã¾ããå ¨ç·¨è±èªã§å 容ããã¹ã¦ææ¡ã§ãããããããªãã®ã§ãããæ¸ãæ¹ãå¤ããã¨ãã®ããã«ãã¼ã«ãã¤ãã£ã¦ã¬ã·ã¬ã·æ¢åã³ã¼ãæ¸ãæãã¦ããã¨ãã話ãå°è±¡çã§ããããããã£ã¦æ¥ã é²æ©ãã JavaScript ã«ãã£ããã¢ãããã¦ããã§ããã
Missing Pages: React/Flux/GraphQL/RelayJS
2çªç®ã®çºè¡¨ã¯ @neth_6 ããã§ãããã¡ããå ¨ç·¨è±èªã®çºè¡¨ã§ãããå 容㯠GraphQL 㨠Relay ã«ã¤ãã¦ã§ãã
QraphQL ã®èª¬æããReact ã³ã³ãã¼ãã³ãã®åå©ç¨æ§ããã£ã¨é²ããããã® Relay ã®å°å ¥çã大å¤åããããã解説ãã¦ããã ãã¾ããã
React.js ã¦ã¼ã¶ã®ããã® Elm
3çªç®ã¯ @jinjor ããã«ãã React.js ã¦ã¼ã¶ã®ããã® Elm ã§ããã Elmã¯éçåä»ãã®é¢æ°åè¨èªã§ãã½ã¼ã¹ã³ã¼ã㯠JavaScript ã®ã³ã¼ãã«å¤æããããFRP (Functional Reactive Programing) ã®è¨èªã§ããæè¿ã§ã¯ Virtual DOM ãå°å ¥ãããããã§ãã
çºè¡¨ã®å¾å㧠Elm Architecture ã«ã¤ãã¦ç´¹ä»ãã¦ããã ãã¾ãããElm 㯠FRP ã®è¨èªã ããã¨ãã£ã¦ãä½ãèããã«å®è£ ããã¨ã³ã¼ããã«ãªã¹ã«ãªã£ã¦ãã¾ããã¡ãªã®ã§ãä½ããã®ãã¾ãè¨è¨ãå¿ è¦ã§ãããã㧠Elm ã§ã¯ Elm Architecture ã¨ããã®ãèãããã¦ãã¦ãããã使ãã¨ã·ã³ãã«ã«è¨è¿°ã§ããããã§ãã
React ã§ã¦ã£ã¸ã§ããã©ã¤ãã©ãªãä½ã£ã話
4çªç®ã®çºè¡¨ã¯ @yosuke_furukawa ããã§ããã¦ã£ã¸ã§ããã©ã¤ãã©ãªã React ã§å®è£ ããæã®ã話ãã§ããã
詳ãã解説ãã¦ãã ãã£ãã®ã¯ãcss-modules ãç¨ã㦠JavaScript ã®ä¸ã« CSS ãåãè¾¼ãã 話ã§ããã©ã¤ãã©ãªã JavaScript ãã¡ã¤ã«ã ãã¨ãªã£ãã®ã¯ã¡ãªããã§ãããscript ãæ¸ãä½ç½®ãé£ããçãã¡ãªãããããã¤ãããããã§ãã
LT: Ruby ã® Virtual DOM å®è£ 'Hyalite' ã«ã¤ãã¦
æåã® LT 㯠Ruby ã® Virtual DOM å®è£ 'Hyalite' ã«ã¤ãã¦ã§ã@youchanããã®çºè¡¨ã§ããHyalite 㯠Ruby ã® Virtual DOM å®è£ ã§ãjsx ã®ä»£ããã®ä¾¿å©ãªã¡ã½ãããå®ç¾©ããã¦ããã¿ããã§ãã
LT: React ã³ã³ãã¼ãã³ãè¨è¨ã¨ CSS
2çªç®ã¯ React ã³ã³ãã¼ãã³ãè¨è¨ã¨ CSS ã§ãhokuma ããã®çºè¡¨ã§ããæ¢åã·ã¹ãã ã®ç»é¢ã React ã§æ¸ãç´ããæã®ã話ããç´¹ä»ããã¾ããã
ç»é¢ä¸ã® Feed ã Post ãªã©ã¯ãã®ã¾ã¾ React ã® Component ã«ãã¦ãã¾ãã°ããã®ã§ãããä¾ãã° Button ã¯ã©ãããã®ããåé¡ã«ä¸ãã£ã¦ãã¾ãããæåã¯ç´ æ´ã«ã¿ã°ãç´æ¸ãããã¦ããã¿ããã§ããããã¿ã³ã®å®è£ ã«ã°ãã¤ããã§ãããå ±éã®å¦çãå·®ãè¾¼ã¿ããå ´åã«æéããããçã®çç±ã§ Button ã³ã³ãã¼ãã³ããã¤ããããã¿ããã§ããcss ã¯ã³ã³ãã¼ãã³ãã®é層ã«åããã¦é層åãããç¹ã«åé¡ã¯ãªãããã§ãã
LT: React 㨠Loopback ãã¨ã¯ãã
3çªç®ã¯ @tyshgc ããã®ãReact 㨠Loopback ãã¨ã¯ããã¨ããçºè¡¨ã§ããã
Loopback ã¯ãã¼ã¿ã¢ãã«ã®å®ç¾©ããèªå㧠REST API ãçæãã¦ããããã¼ã«ã§ããã¢ãã«ã®ã¢ãã¯ãã¼ã¿ã¯é PG ã§ãããã£ã¨ç»é²ã§ããããã«ãªã£ã¦ããã¿ããã§ãããã« React-Loopback ã使ãã°ç°¡åã« React ã¨é£æºã§ããã¨ã®ãã¨ã§ããããã¿ã¤ããããã£ã¨ä½ãã«ã¯ãããããªãã¼ã«ã§ããã
LT: React/Reduxã«ãããç¾å ´ã§ã®åã³ã¨ãã©ã¿
LTæå¾ã¯ ryota kaneko ããã® React/Redux ã«ãããç¾å ´ã§ã®åã³ã¨ãã©ã¿ã§ããã
ããåã³ã¯ãã¯ãè¨ãã¾ã§ããªãã¨ãããã¨ã§ãã©ã¿ã®çºè¡¨ã§ãããã¾ã ã¾ã çºå±ä¸ã® ES6 Modules ããã©ã³ã¹ãã¤ã©ã®ä»æ§å¤æ´ã«ãã£ã¦ã¦ããããã¹ããåããªããªãã¨ããäºä¾ãªã©ãç´¹ä»ãã¦ããã ãã¾ããããã°ã¬ãé²ããã¨ãã¤ã³ã¿ãã§ã¼ã¹è¨è¨ããã¾ãã§ãã¦ãããçãèæ ®ããããã®ãã¹ããåããªãã®ã¯ãã©ãã§ãã
ãããã«
åè¿°ããéãä»åã® React.js meetup ã¯80人ãè¶ ããåå è ã¨ãªããReact ã®çãä¸ãããæããããã¤ãã³ãã¨ãªãã¾ããããã®ãããªäº¤æµãéã㦠React ã®ç¥è¦ããã¦ãã¦ããã¾ããã¿ããªã§æ¥½ãã JS ã©ã¤ããéãããããã«ãªãã°ã¨æãã¾ãã