ãã«ãªã¢ã¼ããã¼ã ã§ã¢ãããã°ã©ãã³ã°ããã£ã¦ã¿ã¦æããã㨠ããã«ã¡ã¯ããããã¯ãéçºé¨ã®é«éã§ãã ä»åããã¼ã ã§åãã¦ã¢ãããã°ã©ãã³ã°ï¼ä»¥ä¸ã¢ãããï¼ã«åãçµã¿ãä¸ã¤ã®ããã¸ã§ã¯ããã¢ãããã®ã¿ã§å®éããã®ã§ããã®çµé¨ãéãã¦æããâ¦
æ¦è¦ ã¿ãªããããã«ã¡ã¯ããããã¯ãéçºé¨é¨é· / ãã«ã¹ã¿ãã¯ã¨ã³ã¸ãã¢ã®é«ç¬ @takasehiromichi ã§ãã ä»åã¯ãSaaSãããã¯ãã«ãããéçºã®é²ãæ¹ã«ã¤ãã¦ããã«ãªãæµã§ã¯ããã¾ãã解説ãããã¨æãã¾ãã SaaSãããã¯ããéçºããç®ç ä½äºããå®â¦
ã¯ããã« ã¿ãªããããã«ã¡ã¯ããããã¯ãéçºé¨é¨é· / ãã«ã¹ã¿ãã¯ã¨ã³ã¸ãã¢ã®é«ç¬ @takasehiromichi ã§ãã ä»åã¯ãè¿ éã«ãããã¯ãã®ä¾¡å¤ãå±ããããã«æ¬ ãããªãããã«ãªããéè¦è¦ãã¦ããCI/CDã«ã¤ãã¦ã話ãã¾ãã CI/CD CI/CDã¯ãContinuous Inâ¦
React npm ã©ã¤ãã©ãª/ããã±ã¼ã¸ã®ä½æå ¥éããnpmå ¬éã¾ã§ï¼Rollupã¨TypeScriptç·¨ï¼ ããã«ã¡ã¯ãçããï¼ä»æ¥ã¯ãRollupã¨TypeScriptã使ç¨ãã¦Reactã®npmããã±ã¼ã¸ãä½æããexampleãã£ã¬ã¯ããªã§åä½ç¢ºèªããæ¹æ³ã«ã¤ãã¦è©³ãã説æãã¾ãããã®è¨äºâ¦
ã¿ãªããããã«ã¡ã¯ããã«ã¹ã¿ãã¯ã¨ã³ã¸ãã¢ã®é«ç¬ @takasehiromichi ã§ãã ãã¼ã«ã«ç°å¢ãªã©ã§ã³ã³ããã使ç¨ãã¦ãã¦MySQLãå©ç¨ãã¦ããå ´åã«ãGPG Keyã®æéåãã§apt-get updateãªã©ãåããªãå ´åã¯ãapt-get updateãRUNããåã«ã以ä¸ã®ã³ãã³ãâ¦
æ¦è¦ ã¿ãªããããã«ã¡ã¯ããã«ã¹ã¿ãã¯ã¨ã³ã¸ãã¢ã®é«ç¬ @takasehiromichi ã§ãã ä»åã¯ãSaaSãããã¯ãã«ã¨ã£ã¦éè¦ãªãã¢ã¦ãã«ã ãã«ã¤ãã¦èãã¦ã¿ããã¨æãã¾ãã ãã¢ã¦ãã«ã ãã¨ããè¨è çããã¯ããã¢ã¦ãã«ã ãã¨ããè¨èããåç¥ã§ããï¼ ãâ¦
ã¯ããã« ãã«ãªãã®ç¸£ã§ããä¸çªå¥½ããªJavaScriptã®é¢æ°ã¯postMessageã§ãï¼ ã¡ããåã«iframeã§ã®åãè¾¼ã¿ã§ã¹ã¯ãã¼ã«ãã¼ãåºããã«ããã¿ãªã®é«ãã«ä¸èº«ã¨iframeã®é«ããåæãå¿ è¦ãªè¦ä»¶ãããã¾ããã ãã®éã«ResizeObserverã¨postMessageã使ã£ã¦ãâ¦
æ¦è¦ 01. éå°ãªProp Drilling 02. éå°ãªimport 03. componentå ã«éå°ã«ãã¸ãã¹ãã¸ãã¯ãè¨è¿°ãã 04. éå°ãªre-render 05. ãã³ããã¢useEffect 06. ãã³ãã㢠&& 07. ãã³ããã¢ä¸é æ¼ç®å 08. propsããã®ã¾ã¾ä½¿ç¨ãã 09. React.VCãReact.VFCã使â¦
æ¦è¦ ã¿ãªããããã«ã¡ã¯ããã«ã¹ã¿ãã¯ã¨ã³ã¸ãã¢ã®é«ç¬ @takasehiromichi ã§ãã ä»åã¯ãVSCodeããGoogle Apps Script ãæä½ããç´ å°ãä½ã£ãã®ã§ãè¨äºã«ãããã¨æãã¾ãã ã¹ãã¬ããã·ã¼ãã®ä½æ ä»åç·¨éãããã®ã¯ã¹ãã¬ããã·ã¼ãã®GASãªã®ã§ãâ¦
æ¦è¦ ã¿ãªããããã«ã¡ã¯ããã«ã¹ã¿ãã¯ã¨ã³ã¸ãã¢ã®é«ç¬ @takasehiromichi ã§ãã æè¿ããã¦ã³ã¹ã¡ã¼ã«ã®å¯¾å¿ãè¡ãªã£ã¦ããã®ã§ããããã¦ã³ã¹ã¡ã¼ã«ã«ã¯SMTPã¹ãã¼ã¿ã¹ã³ã¼ããè¨è¼ããã¦ãã¾ãã ãã®ã³ã¼ããå ã«ããã¦ã³ã¹ã®åå ãæ¥æ¬èªã§ãããããâ¦