ã¿ã¤ãã«ã«ãããã¨ãã, Näºåæ ¡ã® ãããã°ã©ãã³ã°å ¥é Webã¢ããªã³ã¼ã¹ããä¿®äºãã¾ããã®ã§, å®èµ°ããææ³ãæ¸ãããã¨æãã¾ã.
ããã°ã©ãã³ã°å ¥é Webã¢ããªã³ã¼ã¹ ã¨ã¯
ã¾ãã¯ããã«, ä»åçµäºããNäºåæ ¡ã®ãããã°ã©ãã³ã°å ¥é Webã¢ããªã³ã¼ã¹ã(é·ãã®ã§ä»¥ä¸ å ¥éã³ã¼ã¹ ã¨ç¥ãã¾ã) ãã©ããªã³ã¼ã¹ãªã®ãã¨ããã®ã¯, Näºåæ ¡å ¬å¼ãµã¤ãããå¼ç¨ããã¨,
å®å ¨ãªæªçµé¨è åãã®ããã°ã©ãã³ã°å ¥éè¬åº§ã§ãã JavaScriptã¨ããããã°ã©ãã³ã°è¨èªã§ã»ãã¥ãªãã£ä¸ã®åé¡ã®ãªãWebãµã¼ãã¹ãéçºã§ããããã«ãªãã¾ããä»ã«ãæ°å¤éè¨ããã°ã©ã ãSlackã®ããããªã©ãä½æããªãããã¨ãã£ã¿ãLinuxã®éçºç°å¢ãªã©ã®åºç¤ç¥èã身ã«ã¤ãã¾ãããªãå¦ç¿ã«ã¯PCãå¿ è¦ã§ãã
ã¨ã®ãã¨ãããã§ã.
ä»ã«ã ã大è¦æ¨¡Webã¢ããªã³ã¼ã¹ã ã ãã¹ãã¼ããã©ã³ã¢ããªã³ã¼ã¹ããªã©ããã, Näºåæ ¡å ¬å¼ãã¼ã¸ã§ã¯ããã°ã©ãã³ã°çµé¨è ã¯å ¥éã³ã¼ã¹ãé£ã°ãã¦, å ç¨ç´¹ä»ããä»ã®ã³ã¼ã¹ããå§ãã¦ã¿ãã çãªãã¨ãæ¸ãã¦ããã¾ãã.
èªåã¯ä¸å¿ããã°ã©ãã³ã°ã¯3å¹´åãããã¯ç¬å¦ã§ãã£ã¦ããã®ã§, å ¥éã³ã¼ã¹ãé£ã°ãããã¨æãã¾ããã, ã«ãªãã¥ã©ã ãè¦ãæãèªåãç¥ããªããããªãã¨ããã£ãã®ã§, ã¨ãããããã£ã¦ã¿ããã¨ãããã¨ã§å ¥éã³ã¼ã¹ãå§ãã¾ãã. (ãã®é¸æã大æ£è§£ã«ãªã£ãããã§ããããã¯å¾ã»ã©)
ã³ã¼ã¹ã®å 容çã«ã¯Chromeã®ã¤ã³ã¹ãã¼ã«ããå§ã¾ã, æå¾ã¯GitHubãã°ã¤ã³ãçµã¿è¾¼ãã äºå®ç®¡çã¢ããªãä½æããã¨ããã¾ã§ã§ãã. (ãã®ãã¨ã«ä»é²ãããã¾ãã, ããã¯ã¾ã ãã£ã¦ãªãã§ã.)
æå¾ã®ããã¸ã§ã¯ãã§ä½ã£ããã®
sheltered-temple-97492.herokuapp.com
å®èµ°ããææ³
ã¨ã«ãã æé« ã§ãã.
æããé çª, æ å ±ã®åæ¨, æ¦å¿µããå ·ä½ã¸ã®æã£ã¦è¡ãæ¹, æ°ããªæ¦å¿µãç¥èãæããã¿ã¤ãã³ã°, å ¨ä½ãéãã¦èº«ã«ã¤ãããã¨ãã§ããæè½, etc... ããããã¹ã¦ã«ãã㦠æé« ã§, 100ç¹æºç¹ä¸1017ç¹ä»ããããããè¯ãã£ãã§ã.
ä¸è¨ã§è¡¨ããªã
ä½ç³»çã«å¦ã¹ã¦å®è·µçãªããã°ã©ãã³ã°ææã®æé«å³°
ã¨è¨ã表ãããã¨æãã¾ã.
ç§ã®å ´åã ã¨, ä»ã¾ã§ç¬å¦ã§å¿ è¦ãªã¨ããåå¼·ãããã¨ãã«ãã®æè¡ãåå¼·ãã¦, å ¨ä½çã«ã¼ãããã¨ã¯ç解ãã¦ããããã©, å¿ è¦ãªãã®ãé£ãã¤ã¾ãã§åå¼·ãã¦ããã ããªã®ã§, ä»ã¾ã§å¿ è¦ã«ãªã£ããã¨ãããã°ç¥ã£ã¦ãããã©, å¿ è¦ã«ãªã£ããã¨ããªããã®ã¯ç¥ããªã ã¿ãããªç¶æ ã§ãã. ãªã®ã§, ç§ã¯ããæ°å¹´ãã£ã£ã£ã£ã£ã¨ä½ç³»çã«å¦ã¹ãææãå ´ã欲ããã£ãã§ã.
ãã®é¡ãã«å¯¾ãã¦Näºåæ ¡ã®ããã°ã©ãã³ã°ã³ã¼ã¹ã¯ã¾ãã«ç§ãæ±ãã¦ããçæ³ã®ãã®ã§ãã.
ä¸å¿ç§ã¯çµé¨è ã§ãã®ã§, ååãããã¯ãã§ã«æ¢ç¥ã®ãã®ã§ãã. ããã, ä»ã¾ã§å¿ è¦ã«ãªããªãã£ããæ ã«åå¼·ãã¦ããªãã£ãã, ã©ã¤ãã©ãªã«ä»»ãã¦å®éã®ä¸èº«ãç解ãã¦ããªããã¨ãå¤ãç¥ãã¾ãã. ããã¦, å ¥éã³ã¼ã¹ãçµããæç¹ã§ã¯ä»ã¾ã§ããããç¹ã ã£ããã®ãç¹ã¨ç¹ã¨ãç¹ããç·ã«ãªã, ããããã®æè¡ã®é¢ä¿æ§ãå½¹å²ãç解ã§ãã¾ãã. ç§ã®æãã ä½ç³»çãªç¥èã¨ãããã®ãä¼å¾ã§ãã¾ãã. ã³ã¼ã¹ããã£ã¦ããã°ããã»ã©é ã®ä¸ã«ããä»ã¾ã§ç©ã¿éãã¦ããç¥èãã©ãã©ãç¹ãã£ã¦ããæè¦ã¯ã¾ãã«æåãè¦ãã¾ãã.
Näºåæ ¡ã®å ¥éã³ã¼ã¹ã®ã身ã«ã¤ãã¹ãã«ãã«ã¯
ãä¸è¬çãªWebä¼æ¥ã«ããã¦ã¢ã«ãã¤ããã¤ã³ã¿ã¼ã³ã§ããã ãã®å®åã身ã«ã¤ããã
ã¨æ¸ãã¦ãã, å®éã«å§ããå㯠ãã³ããã?? ã£ã¦æãã¾ããã, ããã¯æ¬å½ã§ãã.
ãã, ä»å人ã«ãããã°ã©ãã³ã°å§ããããã ãã©, ããããã®ææãã¹ã¯ã¼ã«ãã?ãã£ã¦èãããã1ã¤ã®è¿·ãããªããNäºåæ ¡ãããããããã£ã¦çããã§ããã(å®éæè¿è³ªåããã¦ããçãã¦ã)
åå¿è ã¯ãã¡ããã§ãã, ç§ã®ããã«ç¬å¦ã§å¿ è¦ãªã¨ãã«é£ãã¤ã¾ãã§åå¼·ãã¦ãã¦, ããããä½ç³»çã«å¦ã³ããã¨ãã人ã«ã¨ã£ã¦ãæé«ã®ææã ã¨æãã¾ã.
å ¨ä½ãéããææ³ã¯ä»¥ä¸ã§ã. 以ä¸ã«å人çã«æåãè¦ãããã¼ããæ¸ããã®ã§èå³ãããã°è¦ã¦ãã ãã(é çªã¯ãã©ãã©ã§ã).
- è¨ç®é: ã¾ããå ¥éã³ã¼ã¹ã§è¨ç®éã®æ¦å¿µãåºãã¦ããã¨ã¯æã£ã¦ããªãã£ãã®ã§ã³ã£ãããã¾ãã. 確ããã£ããããæ°åãå帰ã§çæããã®ãã¡ã¢ååèµ·ã§è¨ç®éãæ¸ããã¿ãããªå 容ã ã£ãæ°ããã¾ã. è¨ç®éã¨ããæ¦å¿µã¯ã³ã¼ããæ¸ãä¸ã§é常ã«éè¦ã§ãã, å¤ãã®ããã°ã©ãã³ã°å ¥éæ¸ãææã«ã¯æ¸ãã¦ããªãã¨æãã¾ã. (èªåãã¢ã«ã´ãªãºã ã®åå¼·å§ãã¦ããç¥ã£ã). ããã, Näºåæ ¡ã§ã¯å ¥éã³ã¼ã¹ã®å²ã¨æåã®æ¹ã§ç´¹ä»ãã¦ãã, ãã®èª¬æãæ¬å½ã«ãããããã, ããã«å®éã«è¨ç®éã®æ¹åãçµé¨ãããã¨ã§, è¨ç®éãããã«éè¦ãã¨ããã®ãç解ã§ããããã«ãªã£ã¦ãã¾ãã. ããã«ã¯æãããããããã¨å£°ãåºã¦ãã¾ãã¾ãã.
- Webpack: ããã¯èªåãä»ã¾ã§èª¿ã¹ã¦ã, ãªãã ã詳ããæ¸ããããã¦ãã¦ãã£ã¨ç解ã§ããã«æ¾ç½®ãã¦ããã®ã§ãã, å ¥éã³ã¼ã¹ã§ãJSãã¡ã¤ã«ãªã©ã1ã¤ã«ã¾ã¨ãããã®ãã¨ãã説æããã¦ããã¦ä¸çºã§ãããã¾ãã. ãã®ãæè¡ãã©ã®ãããã®è©³ããã§èª¬æããããã¨ãã®ã¯é£ãã, ç´°ããæ£ç¢ºã«èª¬æããã¨ããããããã, ã ããã¨ãã£ã¦å¤§éæã«èª¬æããã¨æ£ãã説æã§ããªããªã£ã¦ãã¾ã£ããããããã§, ãã®ç¹ Näºåæ ¡ ã§ã®èª¬æã¯çµ¶å¦ãªå¡©æ¢ ã§ç´ æ´ãããã£ãã§ã.
- éçºç°å¢: 第2ç« ä»¥éã§ã¯vagrantã§ubuntuãç«ã¡ä¸ãã¦, ãã®ä¸ã§éçºãã¦ããããã§ãã, ããã¯åççã§ã¨ã¦ãè³¢ãããæ¹ã ã¨æãã¾ãã. Macãªãã¨ããã, Windowsã§ã®ããã°ã©ãã³ã°ã¯ç°å¢çã«ãã¾ãå¿«é©ã¨ã¯è¨ããªã(å人ã®ææ³ã§ã)ã, åé¡ãªãã¨ãã¦ã ããããææãé²ãã¦ããã«ãããæ¬æ ¼çãªéçºã«å ¥ãåã«ç°å¢ã®å·®ç°ã¯è§£æ¶ãã¹ãåé¡ã§ã. ããã§ç¬¬2ç« ã®æåã§Linuxã®èª¬æã¨å¿ è¦æ§ã説æã, vagrantã®è¨å®ãè¡ã, éçºç°å¢ãubuntuã§çµ±ä¸ãããã¨ã§ãã®åé¡ã«å®ç§ãªã¢ããã¼ããè¡ã£ã¦ãã¾ãã. éçºç°å¢ã¯çµ±ä¸ã§ããã,åè¬è ã¯Linuxç°å¢ã¨CUIç°å¢ã«æ £ãããã¨ãã§ãããã¾ãã«ä¸ç³äºé³¥ã£ã¦æãã§ã.
- è¦ä»¶å®ç¾©ãããããã¤: å¤ãã®å ¥éæ¸ã解説æ¸ã§ã¯æè¡ã®è§£èª¬ãæ¬ã«å¾ã£ã¦é²ãã¦ããã¨Webã¢ããªãªã©ã®ç®ã«è¦ããææç©ãå¾ããã¾ã. ããã, ãããå®éã«èªåã®ä½ããããã®ãä½ãã¨ãã段éã«ãªãã¨, å®éã«ã©ãããæé ã§ä½ã«èæ ®ã, ä½ãããã¹ããã¨ããã®ãããããªããªãã¾ã.(èªåããã®ã³ã¼ã¹ãããã¾ã§ã¯è¡ãå½ããã°ã£ããã§éçºãã¦ã¾ãã.) ããã, ãã®ã³ã¼ã¹å ã§ã¯è¦ä»¶å®ç¾©ããå§ã¾ã, ã³ã¼ãã®å¤§ã¾ããªè¨è¨, DBã®è¨è¨, ã»ãã¥ãªãã£å¯¾ç, ãããã¤, ãªã©å®éã«èªåã§ä½æããããã®ãããã¨ãã«å¿ç¨ã§ããçºæ¡ããéçºã®æµããç¿å¾ã§ããããã«ãªãããã«ãªã£ã¦ãã¾ãã.
- ã©ã¤ãã©ãªã使ããã«éçºãã: æåã¯ã©ã¤ãã©ãªã使ãã, ç´ ã®HTML, CSS, JSã§ãµã¤ããä½æã, ã»ãã¥ãªãã£å¯¾çãªã©ãè¡ãã¾ã. ç´ ã®JSãªã©ã使ã£ã¦ããã®ã§ãã¡ããçµæ§å¤§å¤ãªã®ã§ãã, ä»çµã¿ã¨å¤§å¤ããç¥ã£ãå¾ã« ã©ã¤ãã©ãªãåºã¦ãã¾ãã. ããã§, å®éã«èªåãã¡ãä»ã¾ã§æ¸ãã¦ãããã®ãã©ã¤ãã©ãªã使ãã¨ãããªã«æ¥½ã«ããã. ã©ã¤ãã©ãªã使ãã¨æ¥½ã«å®è£ ã§ããã, å é¨ã®å¦çã¯ç¥ã£ã¦ããå¿ è¦ããã. ã¨è¨ã£ã説æããã¦ãã¾ãã.
- HTTPéä¿¡, TCP/IP: ãããã¯ã¼ã¯é¢é£ã®èª¬æã«é¢ãã¦ãç§é¸ã§ãã. TCP/IPåç §ã¢ãã«ã®èª¬æãç´°ãã詳細ã«ã¯ãã, å¿ è¦ãªã¨ãããã¨ã³ã¸ãã¢ã¨ãã¦å¸¸èã¨ãã¦ç¥ã£ã¦ãããæ¹ãè¯ããã¨ãé¸ãã§ãããããã説æãã¦ããã¾ãã. ã¾ã, ããã«éã£ããã¨ã§ã¯ããã¾ããã, ãã®ã³ã¼ã¹ã§ã¯å¤ãã®æè¡ã«ã¤ãã¦èª¬æãã¦ããã®ã§ãããããå ¨ã¦ã«æãåããå 容ãå«ã¾ãã¦ããã®ã¯ç´ æ´ãããã¨æãã¾ãã. ç§ãæãã«, ããã¹ãã ãã§ç¥èãå¾ã¦ãè¨æ¶ã«æ®ãã«ãã, å®éã«èªåã§æãåããã®ãéè¦ã ã¨èãã¦ãã¾ã. ãã®ã³ã¼ã¹ã§ã¯ã¾ãã«æãåããã¦å¦ã¶ãã¨ãã§ããã®ã§æ¥½ããå¦ã¹ç解ã§ãã¾ãã.
- ã»ãã¥ãªãã£å¯¾ç: å®éã«Webã¢ããªã«é¢æ°æåãªèå¼±æ§ã¸ã®å¯¾çãè¡ãã¾ãã. ãããèå¼±æ§ãã©ã®ãããªãã®ã, ã©ã®ããã«æ»æãã, ã©ã®ãããªè¢«å®³ãçºçããã, ã©ã®ããã«èå¼±æ§ã¸ã®å¯¾çãåãã ã説æããã¦ãã, ããã¯é常ã«ãããããã, å®éã«èªåã§Webã¢ããªãä½æããéã«ãæ´»ãããã¨ã®ã§ããç´ æ´ãããå 容ã ã¨æãã¾ãã.
- ãã¹ã: ãã®ã³ã¼ã¹ãããã¨ãããã¾ãã, ãã®ã³ã¼ã¹ã®å¾åã§ã¯ãã¹ãããã³ãã³æ¸ãã¾ã. èªåã¯ãã¹ãã¯å¿ è¦ã«ãªããæè¡ãã¤ããªã©ãããªãã¨ãªããªãç¥ããã¨ããªãã, ç¥ã£ãã¨ãã¦ãå®éã«ãã¹ããæ¸ãç¿æ £ã¯ãªããªã身ã«ã¤ããªãã¨æã£ã¦ãã¾ã. ããã, ãã®ã³ã¼ã¹ã§ã¯å½ããåã®ããã«æ°ãããã³ãã©ã¼ãå®è£ ããã¨ãã®å¾ç´ãã«ãã¹ããæ¸ãã¾ã. ããã«ãããã¹ããæ¸ããã¨ãå½ããåã«ãªã, èªç¶ã«æè¡çè² åµã®å°ãªãä¿å®æ§ã®ã³ã¼ããæ¸ããããã«ãªãããã§ã. ãã¹ãã£ã³ã°ãã¬ã¼ã ã¯ã¼ã¯ã使ã£ã¦ã¬ãããªãã¹ããæ¸ãã¦ããã®ã¯ç¬¬5ç« ã®ãå®è·µãµã¼ãã¼ãµã¤ãããã°ã©ãã³ã°ãã¨ããç« ãªã®ã§ãã, ã¾ãã«ãå®è·µãã§ãã.
- WebSocket: WebSocketã«ã¤ãã¦ã¯ãªãã¨ãªãç¥ã£ã¦ãã¾ããã, Node.jsã§ææ¸ãããã¨ãå°ãããã®ã§ãã, å®éã«ã©ãããä»çµã¿ã§åãã¦ããã®ãã¯ç¥ãã¾ããã§ãã. ãã®ã³ã¼ã¹ã§ã¯WebSocketã®èª¬æãã使ç¨ç¨é, ãªã³ã©ã¤ã³ã²ã¼ã ã§ã¯UDPãå¤ã使ããã¦ãã¦ããã¯ãªãã ãªã©ç§ãã¼ãããã¨ããç¥ããªãã£ãWebSocketã«ã¤ãã¦å°ãªãã¨ãè¨èªåã§ãããããã«ã¯ç解ã§ãã¾ãã.
- CI(ç¶ç¶çã¤ã³ãã°ã¬ã¼ã·ã§ã³): ãããã³ã£ãããã¾ãã. ã¾ããå ¥éã³ã¼ã¹ã§CIãæ±ãã¨ã¯æã£ã¦ããªãã£ãã§ã. ãã®ã³ã¼ã¹ã§ã¯ CircleCI ã使ã£ã¦CIãè¡ãã¾ãã. ç§èªèº«ããããCI/CDã«è§¦ãããã¨æã£ã¦ããã®ã§ãã®ã³ã¼ã¹ã§èª¬æ,å®è·µãã¦ããã¦æ¬å½ã«å©ããã¾ãã. ãããã§éåã¨CI/CDã«å¯¾ããå¿ççè² æ ãä¸ããã¾ãã.
å®èµ°ããææ³ãæ¸ããææ³
Näºåæ ¡ã®ããã°ã©ãã³ã°ã³ã¼ã¹ãè¯ããããã¨ããåã¯èãã¦ã¾ããã, ã¾ãããããªã«ãè¯ãã¨ã¯æã£ã¦ããã¾ããã§ãã.
Né«çã¯ãã®å®æ度ã®é«ãææã使ã£ã¦ããã°ã©ãã³ã°ãåå¼·ã, ãã®ä¸ã§ä»ã®çå¾ã¨ã³ãã¥ãã±ã¼ã·ã§ã³ãåã£ã¦ãããªãã°, ããã¯æé«ã®ã³ãã¥ããã£ã ã¨æãã¾ã.
ãã®ã³ã¼ã¹ã¯å ¥éã³ã¼ã¹ã¨ãããã¨ã§, Näºåæ ¡ã®HPã§ã¯ çµé¨è ã¯ãã®ã³ã¼ã¹ãé£ã°ãã¦å¤§è¦æ¨¡Webã¢ããªã±ã¼ã·ã§ã³ãªã©ã®å¥ã®ã³ã¼ã¹ããå§ããã çãªãã¨ãæ¸ãã¦ããã¾ããã, CSå¦é¨ãåºã¦ä»äºã§ã³ã¼ããæ¸ãã¾ãã£ã¦ã人ãªã©ä»¥å¤ã¯å ¥éã³ã¼ã¹ããããã¹ãã ã¨æãã¾ã. ãã, ãã®æè¨ãçã«åãã¦ãã®å ¥éã³ã¼ã¹ãé£ã°ãã¦ãããªãæ¬å½ã«å¿ä½ç¡ãã¨æãã¾ã. ç§èªèº«æ¬å½ã«ãã®å ¥éã³ã¼ã¹ãåè¬ãä¿®äºãã¦è¯ãã£ãã¨å¿ã®åºããæãã¾ã.
Näºåæ ¡ã¯æ°åã³ããã§ã®ç¡æå ¬éããã£ããã§å§ããã®ã§ãã, æ¬å½ã«ç´ æ´ãããã§ã. ãããããå¥ç´ãã¦ããããã¨æãã¾ã.
Näºåæ ¡ã®ãããã§å¤ãã®ãã¨ãå¦ã¹ã¾ããã, ãããããå¤ãã®ãã¨ãå¦ã³ããã¨æã£ã¦ãã¾ã.
Näºåæ ¡ã®ããããããç´ æ´ãããææãä½ã£ãæ¹ã ã«æè¬ã§ã.
ã¨ãããã次ã¯ã大è¦æ¨¡Webã¢ããªã³ã¼ã¹ããããããªã.
ã§ã¯, ä»æ¥ã¯ãã®è¾ºã§. ã§ã¯ã§ã¯ãð