Rails Developers Meetup 2019
Rails Developers Meetup 2019
ãã£ã¼ããã°ã©ããå®è£ ããã®ã¯é¢åãã¨æãããã¡ã§ããããããªäººã«ã¯ãã®ã¹ã¯ãªããããå§ããã¾ãã divè¦ç´ ä¸ã¤ã¨å¤é¨ãã¡ã¤ã«ãä¸ã¤ããã¨ã¯ã°ã©ãã®ãã¼ã¿ãè¨å®ããã ãã§ããã¾ãã¾ãªãã£ã¼ããã°ã©ããç°¡åã«å®è£ ã§ãã¦ãã¾ãåä½ã®JavaScriptã©ã¤ãã©ãªãç´¹ä»ãã¾ãã ã¬ã¹ãã³ã·ã対å¿ã§ãã¢ãã¡ã¼ã·ã§ã³ã«ã対å¿ãã«ã©ã¼å¤æ´ãã°ã©ãã¼ã·ã§ã³ããã¿ã¼ã³ã«ã対å¿ãã¦ããåªããã®ã§ãã ApexCharts ApexCharts -GitHub ApexChartsã®ç¹å¾´ ApexChartsã®ã㢠ApexChartsã®ä½¿ãæ¹ ApexChartsã®ç¹å¾´ ApexChartsã¯ã·ã³ãã«ãªAPIã使ç¨ãã¦ãã¤ã³ã¿ã©ã¯ãã£ããªãã£ã¼ãããã¸ã¥ã¢ã©ã¤ã¼ã¼ã·ã§ã³ãä½æããããã®ã¢ãã³JavaScriptã®ãã£ã¼ãä½æã©ã¤ãã©ãªã§ãã MITã©ã¤ã»ã³ã¹ã§ãå人ã§ãåç¨ã§ãç¡æã§å©ç¨ã§ãã¾ãã ã¬ã¹ã
ãã¼ãã³ã»ãã¡ã¦ã©ã¼æ°ããªãã¡ã¯ã¿ãªã³ã° 2nd Editionãã§20å¹´ã¶ãå 容å·æ°ããµã³ãã«ã³ã¼ãã¯JavaScriptã«ãWeb主ä½ã§æ¸ç±ã¯ã¨ãã»ã³ã·ã£ã«çã®ä½ç½®ã¥ã ãã¼ãã³ã»ãã¡ã¦ã©ã¼æ°ã20å¹´ã¶ãã«å¤§å¹ ã«å 容ãå·æ°ããæ¸ç±ããªãã¡ã¯ã¿ãªã³ã° 2nd Editionããä»å¹´ç§ã«åºçããè¨ç»ã ããµã³ãã«ã³ã¼ãã¯JavaããJavaScriptã«å¤ãããã¾ããã³ã³ãã³ãæ¬ä½ã¯Webãµã¤ãã¨ãªããæ¸ç±ã¯ãã®ã¨ãã»ã³ã·ã£ã«çã®ä½ç½®ã¥ãã¨ãªãã ããªãã¡ã¯ã¿ãªã³ã°ãã¨ã¯ãã½ããã¦ã§ã¢ã®æ©è½è¿½å ãå¤æ´ãæ§è½åä¸ãªã©ã«åãããããéçºãããã³ã¼ãã®å¤é¨ã«å¯¾ããæ¯ãèãã¯å¤æ´ãããããæ´çãããããããã¯æ´ç·´ãããã³ã¼ãã«æ¸ãæãããã¨ããããã¯ãã®ææ³ã®ãã¨ãæãã¾ãã ãã¾ã§ã¯éçºè ã®éã§åºãç¥ããã¦ãããã®ãªãã¡ã¯ã¿ãªã³ã°ã«ã¤ãã¦ããã®ç®çãææ³ãªã©ãæ¸ç±ã¨ãã¦ã¾ã¨ããããåºçãããã¨ã§å
ããã«ã¡ã¯ãä¸è¬ãã¼ãã«ã¨ã³ã¸ãã¢ã®geta6ã§ãã社å ã§ã¯pixiv Sketchã¨ãããµã¼ãã¹ã§JavaScriptãæ¸ãä»äºããã¦ãã¾ããä»æ¥ã¯Prettierã®è©±ããã¾ãã JavaScriptãæ¸ãã®ã大好ããªçãã¾åä½ã«ãããã¾ãã¦ã¯ããã£ã¨é ã®ã¤ã¾ã¿ã«ã³ã¼ããæ¸ããã¨ãããã§ãããããããé ã£æããªããã³ã¼ããæ¸ãã¨ãå¾ã ã«ãã¦ä¸è¨ã®ãããªæ¸ãæ£ãããããã¦ãã¾ããã¨ãããã¾ãã ãã®ã³ã¼ãã¯åãã¾ããåãã¾ãããæããç®ãèããããªãæ±ãã§ãããã®ä¸ã«åå¨ãããã¨ã許ãããã¹ããçãã¬ãã«ã§ããESLintå çãæããããã®ã¬ã§ããå½ç¶ã§ããã CIã«Lintãä»è¾¼ãã§ããå ´åã¯å½ç¶éãã¾ããããgitã®precommit hookã«Lintãä»è¾¼ãã§ããå ´åã¯git commitãã許ããã¾ãããå ç¢ãªã·ã¹ãã ã¯é ã£æãã«ã³ã¼ããã³ããããã権å©ããä¸ãã¦ãããªãã®ã§ãã
jQueryãå¿ è¦ã¨ãããªããªã£ã¦ããã®ã¯, Reactãªã©ã®ä»ã®ãã¬ã¼ã ã¯ã¼ã¯ãç»å ´ããããã§ã¯ãªã, æ¨æºDOM APIãé²æ©ãããããã§ã JavaScript Advent Calendar 2017 - Qiitaã®2æ¥ç®ã®è¨äºã§ã. ä½æ ãã®è¨äºãæ¸ããã¨æã£ãã JavaScriptã®å®çªã©ã¤ãã©ãªã§ããjQueryã¯, æè¿ä»¥åã¨æ¯ã¹ã¦å¿ è¦ã¨ãããªããªã£ã¦ãã¾ãã. ãã®çç±ã¯ãã, Reactãªã©ã®ä»ã®ãã¬ã¼ã ã¯ã¼ã¯ãç»å ´ããããã ã¨åéãããã¦ãã¾ã. ããã, jQueryãå¿ è¦ã¨ãããªããªã£ã¦ããçç±ã¯æ¨æºDOM APIã®é²æ©ã«ãããã®ã§ã. ãã®è¨äºã§ã¯ãããæ¸ãã¦ããã¾ã. ãªã, ãã®è¨äºã§ã¯React Nativeã«ã¤ãã¦è§¦ããå¿ è¦ããªããã, React DOMã®ãã¨ãä¸ç·ããã«Reactã¨è¨è¿°ãã¾ã. ã¾ã, ç§ãwebéçºãéå§ããã®ã¯3å¹´åããããã
Intro é·ããã¨è°è«ã«ãªã£ã¦ãã ES Modules ã® Node ã«ãããæ±ãã«ä¸å¿ã®æ±ºçãä»ãã .mjs ã¨ããæ¡å¼µåãæ¡æãããã ãã®æ¡å¼µåã®æå³ã¨ãä»å¾ãã©ã¦ã¶ã¨åãã㦠Universal JS ãå®è£ ãã¦ããä¸ã§ã®ä½æ³ãè¦ãã¦ãããã¨ã«ãªãã åããã¦ã¨ã³ã·ã¹ãã ã対å¿ãã¦ãããã¨ã§ãé·å¹´ã®å¤¢ã ã£ã JS ã®ã¢ã¸ã¥ã¼ã«åãé²ãã¦ãããã¨ãã§ããã ããã ES Modules å¾ã ã«æãã¤ã¤ãã ES Modules(ESM) ã®ä»æ§ã¯ TC39 ã§è¡ããã¦ããããã®ä»æ§ã«ã¤ãã¦ã¯ä¸»ã«ä»¥ä¸ã®ãããªé¨åã«ãªãã import ã export ã¨è¡ã£ãæ§æ module å ã¯ããã©ã«ã strict mode module ã§ã¹ã³ã¼ããéãã module å ã® this 㯠undefined etc éã«ä»¥ä¸ã¯ TC39 ã§ã®çå®ç¯å²å¤ã¨ãªã ã©ã Module ãèª
State based routing for client-side web apps
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}