倿§ãªã°ããŒãã«ããŒã ãšãããžã§ã¯ãã«ãããå ç¢ã§å¹ççãªãªãªãŒã¹ç®¡çã®ããã广çãªCSSãªãªãŒã¹ã«ãŒã«ãå°å ¥ããããã®å æ¬çã¬ã€ãã
CSSãªãªãŒã¹ã«ãŒã«ïŒã°ããŒãã«ãªæåã®ããã®ãªãªãŒã¹ç®¡çå°å ¥ããã¹ã¿ãŒãã
仿¥ã®ããŒã¹ãéãçžäºã«æ¥ç¶ãããã°ããŒãã«ãªããžãã¹ç°å¢ã«ãããŠããœãããŠã§ã¢ã¢ããããŒãã®å¹ççã§ä¿¡é Œæ§ã®é«ããªãªãŒã¹ã¯æãéèŠã§ããå°èŠæš¡ãªéçºããŒã ã管çããŠããå Žåã§ããåºå€§ãªåœéçãªãã¬ãŒã·ã§ã³ã管çããŠããå Žåã§ããæç¢ºã«å®çŸ©ãããCSSãªãªãŒã¹ã«ãŒã«ïŒç¹ã«CSSã«ãããŠããããããåºç¯ãªãœãããŠã§ã¢éçºã«é©çšå¯èœãªãã³ãŒããªãªãŒã¹ã管çããç¹å®ã®äžé£ã®èŠçŽãããªã·ãŒããŸãã¯èªåãã§ãã¯ãæãããšãå€ãïŒã¯ãæåãããªãªãŒã¹ç®¡çã®ç€ã§ãããã®å æ¬çãªã¬ã€ãã§ã¯ãCSSãªãªãŒã¹ã«ãŒã«ã®ååãå°å ¥ããè€éããæãäžããã°ããŒãã«ãªãªãŒãã£ãšã³ã¹ã«å¯ŸããŠãããã¹ã ãŒãºã§äºæž¬å¯èœããããŠæçµçã«ããæåãããœãããŠã§ã¢ãªãªãŒã¹ãä¿èšŒããŸãã
广çãªãªãªãŒã¹ç®¡çã®æ¥µããŠéèŠãªåœ¹å²
ãªãªãŒã¹ç®¡çãšã¯ããœãããŠã§ã¢ãªãªãŒã¹ã®ãã«ãããã¹ãããããã€ãèšç»ãã¹ã±ãžã¥ãŒã«ãããã³å¶åŸ¡ããèŠåŸã§ãããã®äž»ãªç®çã¯ãæ°èŠãŸãã¯å€æŽããããœãããŠã§ã¢ãæ¬çªç°å¢ã«ã¹ã ãŒãºã«ãªãªãŒã¹ã§ããããã«ãããªã¹ã¯ãäžæãããŠã³ã¿ã€ã ãæå°éã«æããããšã§ããã°ããŒãã«ãªçµç¹ã«ãšã£ãŠã以äžã®çç±ã«ããããã®éèŠæ§ã¯èããé«ãŸããŸãïŒ
- 倿§ãªãŠãŒã¶ãŒããŒã¹ïŒ ç°ãªã倧éžã«ãŸããããæ¥ç¶æ§ãããã€ã¹ã¿ã€ããæåçæåŸ ãæ§ã ãªãŠãŒã¶ãŒã«å¯Ÿå¿ããã
- 忣ããããŒã ïŒ è€æ°ã®ã¿ã€ã ãŸãŒã³ãå°ççãªå Žæã«åæ£ããéçºè ãQAãã¹ã¿ãŒãéçšæ åœè éã®åãçµã¿ã調æŽããã
- èŠå¶ã³ã³ãã©ã€ã¢ã³ã¹ïŒ ç°ãªãå°åã«ããã倿§ãªæ³çããã³æ¥çèŠå¶ãéµå®ããã
- ã¹ã±ãŒã©ããªãã£ã®èª²é¡ïŒ å°ççã«åæ£ããå€§èŠæš¡ãªã€ã³ãã©ã«ãªãªãŒã¹ãå¹ççã«ãããã€ã§ããããšãä¿èšŒããã
æç¢ºãªã«ãŒã«ãšããã»ã¹ã«å°ãããå ç¢ãªãªãªãŒã¹ç®¡çæŠç¥ã¯ãåãªãæè¡çãªå¿ èŠæ§ã§ã¯ãªãã顧客æºè¶³åºŠãç«¶äºäžã®åªäœæ§ãããã³ã°ããŒãã«èŠæš¡ã§ã®éçšå¹çãç¶æããããã®æŠç¥çå¿ é äºé ã§ãã
ãCSSãªãªãŒã¹ã«ãŒã«ãã®æŠå¿µãçè§£ãã
ãCSSãªãªãŒã¹ã«ãŒã«ããšããèšèã¯ãæåã¯Cascading Style Sheetsã飿³ããããããããŸãããããªãªãŒã¹ç®¡çã®æèã§ã¯ããœãããŠã§ã¢ãªãªãŒã¹ã®ã©ã€ããµã€ã¯ã«ã管çããã確ç«ãããã¬ã€ãã©ã€ã³ãããªã·ãŒããŸãã¯èªåãã§ãã¯ã®ããåºç¯ãªã»ãããæå³ããŸãããããã®ã«ãŒã«ã¯ãäžè²«æ§ãå質ãããã³çµç¹ã®åºæºãžã®æºæ ãä¿èšŒããŸãããããã«ã¯ä»¥äžãå«ãŸããŸãïŒ
- ããŒãžã§ã³ç®¡çæŠç¥ïŒ ã³ãŒããã©ã®ããã«ãã©ã³ããããããŒãžãããã¿ã°ä»ãããããã
- ãã¹ããããã³ã«ïŒ å¿ é ã®ãã¹ããã§ãŒãºãããã©ãŒãã³ã¹ãã³ãããŒã¯ãã»ãã¥ãªãã£ã¹ãã£ã³ã
- ãããã€ã¡ã³ãã²ãŒãïŒ ãªãªãŒã¹ã次ã®ã¹ããŒãžã«é²ãåã«æºããããã¹ãç¹å®ã®åºæºïŒäŸïŒUATã®æ¿èªããã«ãã®æåïŒã
- ããŒã«ããã¯æé ïŒ åé¡ãçºçããå Žåã«ä»¥åã®å®å®ããããŒãžã§ã³ã«æ»ãããã®äºåå®çŸ©ãããæé ã
- ã³ãã¥ãã±ãŒã·ã§ã³èšç»ïŒ ä»åŸã®ãªãªãŒã¹ãæœåšçãªåœ±é¿ã«ã€ããŠã¹ããŒã¯ãã«ããŒã«ã©ã®ããã«éç¥ãããã
- èªåãã§ãã¯ïŒ ã³ãŒãå質ãäŸåé¢ä¿ã®æŽåæ§ãæ§æã®äžè²«æ§ãæ€èšŒããã¹ã¯ãªãããŸãã¯ããŒã«ã
ãããã®ã«ãŒã«ãå°å ¥ããããšã¯ããããæç€ºçãªããªã·ãŒã§ããããšãèªååãããã¯ãŒã¯ãããŒã«çµã¿èŸŒãŸãããã®ã§ããããšããœãããŠã§ã¢ã®ãããã€ã«äŒŽããªã¹ã¯ã軜æžããããã«äžå¯æ¬ ã§ãã
æåãããªãªãŒã¹ç®¡çå°å ¥ã®äž»èŠãªæ±
ãCSSãªãªãŒã¹ã«ãŒã«ãïŒãŸãã¯ããåºç¯ãªãªãªãŒã¹ç®¡çãã¬ãŒã ã¯ãŒã¯ïŒã广çã«å°å ¥ããããã«ã¯ãããã€ãã®äž»èŠãªæ±ã«åãçµãå¿ èŠããããŸãïŒ
1. æç¢ºã§ååã«å®çŸ©ããããªãªãŒã¹ããªã·ãŒ
ãªãªãŒã¹ããªã·ãŒã¯ãææ§ãããªããã¢ã¯ã»ã¹å¯èœã§ãé¢ä¿ãããã¹ãŠã®ããŒã ã«çè§£ãããã¹ãã§ãããããã®ããªã·ãŒã¯ããªãªãŒã¹ç®¡çããã»ã¹ã®åºç€ã圢æããŸããå®çŸ©ãã¹ãäž»èŠãªé åã¯æ¬¡ã®ãšããã§ãïŒ
- ãªãªãŒã¹é »åºŠïŒ ãªãªãŒã¹ã¯ã©ã®ãããã®é »åºŠã§è¡ãããŸããïŒïŒäŸïŒæ¯é±ãéé±ãæ¯æãã€ãã³ãé§åïŒãããã¯ã°ããŒãã«ãªéçšãªãºã ã«å¯Ÿå¿ã§ããæè»æ§ãå¿ èŠã§ãã
- ãªãªãŒã¹ã®çš®é¡ïŒ ã©ã®ã¿ã€ãã®ãªãªââãŒã¹ããµããŒãããŸããïŒïŒäŸïŒãã€ããŒã¢ããããŒããã¡ãžã£ãŒæ©èœãããããã£ãã¯ã¹ãã»ãã¥ãªãã£ãããïŒãåã¿ã€ãã«ã¯ãç°ãªãæ¿èªã¯ãŒã¯ãããŒãšãã¹ãèŠä»¶ãããå ŽåããããŸãã
- æ¿èªã¯ãŒã¯ãããŒïŒ ãªãªãŒã¹ã次ã®ã¹ããŒãžã«é²ãåã«èª°ã®æ¿èªãå¿ èŠã§ããïŒããã«ã¯ãéçºãªãŒããQAãããŒãžã£ãŒããããã¯ããªãŒããŒãéçšæ åœè ãªã©ãè€æ°ã®ã¹ããŒã¯ãã«ããŒãé¢äžããããšããããããŸããæ¿èªæéãå®çŸ©ããéã«ã¯ãã¿ã€ã ãŸãŒã³ã®éããèæ ®ããŠãã ããã
- ããŒã«ããã¯åºæºïŒ ã©ã®ãããªæ¡ä»¶äžã§ããŒã«ããã¯ãéå§ãããŸããïŒããŒã«ããã¯ã®ããã«èš±å®¹ãããæå€§ã®ããŠã³ã¿ã€ã ã¯ã©ããããã§ããïŒ
- ã³ãã¥ãã±ãŒã·ã§ã³ãããã³ã«ïŒ ãªãªãŒã¹ã®ã¢ããŠã³ã¹ã¯ã©ã®ããã«è¡ãããŸããïŒåé¡ãé å»¶ãäŒãã責任è ã¯èª°ã§ããïŒåœéçãªã³ãã¥ãã±ãŒã·ã§ã³ã®ããã«æç¢ºãªãã£ãã«ãšãã³ãã¬ãŒãã確ç«ããŠãã ããã
2. å ç¢ãªããŒãžã§ã³ç®¡çãšãã©ã³ãæŠç¥
ããæ§é åãããããŒãžã§ã³ç®¡çã·ã¹ãã ã¯ããããããªãªãŒã¹ããã»ã¹ã®ããã¯ããŒã³ã§ããã°ããŒãã«ããŒã ã«ãšã£ãŠäžè¬çã§å¹æçãªæŠç¥ã¯ãGitflowãŸãã¯ãã®ç°¡ç¥çã§ãã
- ã¡ã€ã³ãã©ã³ã (master/main): æ¬çªç°å¢ã«å¯Ÿå¿ããã³ãŒãã衚ããŸãããããžã®çŽæ¥ã®ã³ãããã¯èš±å¯ãããã¹ãã§ã¯ãããŸããã
- Developãã©ã³ã: æ§ã ãªéçºãã©ã³ãããã®æ©èœãçµ±åããŸãããããäž»èŠãªçµ±åãã©ã³ãã§ãã
- Featureãã©ã³ã: åã ã®æ©èœããã°ä¿®æ£ã®ããã«äœæãããŸããéçºè ã¯ãããã®ãã©ã³ãã§ç¬ç«ããŠäœæ¥ããŸãã
- Releaseãã©ã³ã: ãªãªãŒã¹ãæçµãã¹ãã®æºåãã§ãããšãã«developãã©ã³ãããäœæãããŸããããã§ã¯ãã°ä¿®æ£ãšãªãªãŒã¹åºæã®æ§æã®ã¿ãé©çšãããŸãã
- Hotfixãã©ã³ã: æ·±å»ãªæ¬çªç°å¢ã®ãã°ã«å¯ŸåŠããããã«mainãã©ã³ãããäœæãããŸãã
åœéçãªäŸïŒ ã°ããŒãã«ãªeã³ããŒã¹ãã©ãããã©ãŒã ã¯ãGitflowã®ãããªæŠç¥ã䜿çšãããããããŸããããšãŒãããã®éçºè ã¯ãã£ãŒãã£ãŒãã©ã³ãã§äœæ¥ãããããdevelopãã©ã³ãã«ããŒãžãããŸããdevelopãã©ã³ãã§ãªãªãŒã¹åè£ãã¿ã°ä»ãããããšãäžçäžã®ãµãŒããŒãžã®ãããã€ã®ããã«mainãã©ã³ãã«ããŒãžãããåã«ãæ§ã ãªåœéåžå Žã®ã·ãã¥ã¬ãŒã·ã§ã³å šäœã§æçµçãªãªã°ã¬ãã·ã§ã³ãã¹ããè¡ãããã®ãªãªãŒã¹ãã©ã³ããäœæãããŸãã
3. å æ¬çãªãã¹ããšå質ä¿èšŒ
å質ã¯åŸããèãããã®ã§ã¯ãããŸãããæ¬çªç°å¢ã«æ¬ é¥ãå°éããã®ãé²ãããã«ã¯ãè€æ°ã®æ®µéã§ã®å³æ Œãªãã¹ããäžå¯æ¬ ã§ãã
- åäœãã¹ãïŒ åã ã®ã³ãŒãã³ã³ããŒãã³ãããã¹ãããããã«éçºè ã«ãã£ãŠæžãããŸãã
- çµåãã¹ãïŒ ç°ãªãã¢ãžã¥ãŒã«ããµãŒãã¹éã®çžäºäœçšãæ€èšŒããŸãã
- ã·ã¹ãã ãã¹ãïŒ å®å šã«çµ±åãããã·ã¹ãã ããã¹ãããŸãã
- ãŠãŒã¶ãŒåãå ¥ããã¹ãïŒUATïŒïŒ ãšã³ããŠãŒã¶ãŒãŸãã¯ãã®ä»£è¡šè ãããœãããŠã§ã¢ãããžãã¹èŠä»¶ãæºãããŠããããšãæ€èšŒããŸããã°ããŒãã«ãªãªãŒã¹ã®å ŽåãUATã«ã¯äž»èŠãªåœéåžå Žã®ä»£è¡šè ãåå ããããšãçæ³çã§ãã
- ããã©ãŒãã³ã¹ããã³è² è·ãã¹ãïŒ å°åã®ãããã¯ãŒã¯é å»¶ããŠãŒã¶ãŒã¢ã¯ãã£ããã£ãã¿ãŒã³ã®å€åãèæ ®ããã¢ããªã±ãŒã·ã§ã³ãæåŸ ãããè² è·ããã³ããŒã¯è² è·ã®äžã§è¯å¥œã«åäœããããšã確èªããŸãã
- ã»ãã¥ãªãã£ãã¹ãïŒ ãããã€åã«è匱æ§ãç¹å®ããä¿®æ£ããŸãã
èªåãã¹ãã¯ãç°ãªãç°å¢ã§ã®äžè²«ããå®è¡ãå¯èœã«ããã¿ã€ã ãŸãŒã³ããŸããã§åæ£ããæåäœæ¥ãžã®äŸåãæžãããããã°ããŒãã«ããŒã ã«ãšã£ãŠéåžžã«éèŠã§ãã
4. ãªãªãŒã¹ãã€ãã©ã€ã³ã®èªååïŒCI/CDïŒ
ç¶ç¶çã€ã³ãã°ã¬ãŒã·ã§ã³ïŒCIïŒãšç¶ç¶çãããã€ã¡ã³ã/ããªããªãŒïŒCDïŒã¯ããªãªãŒã¹ããã»ã¹ãå¹çåãã匷åãªæ¹æ³è«ã§ããCI/CDãã€ãã©ã€ã³ãå®è£ ãããšããã«ãããã¹ãããããã€ã®ãã§ãŒãºãèªååãããæåä»å ¥ãšäººçºçãšã©ãŒã®å¯èœæ§ãå€§å¹ ã«æžå°ããŸãã
- ç¶ç¶çã€ã³ãã°ã¬ãŒã·ã§ã³ïŒ éçºè ã¯é »ç¹ã«ã³ãŒãã®å€æŽãäžå€®ãªããžããªã«ããŒãžãããã®åŸãèªåãã«ããšãã¹ããå®è¡ãããŸãã
- ç¶ç¶çããªããªãŒïŒ ã³ãŒãã®å€æŽã¯èªåçã«ãã«ãããã¹ããããæ¬çªç°å¢ãžã®ãªãªãŒã¹æºåãæŽããŸããæ¬çªç°å¢ãžã®æçµçãªãããã€ã¯ãå€ãã®å Žåãæåã®æ±ºå®ã§ãã
- ç¶ç¶çãããã€ã¡ã³ãïŒ ãã€ãã©ã€ã³ã®ãã¹ãŠã®ã¹ããŒãžãééãããã¹ãŠã®å€æŽããèªåçã«æ¬çªç°å¢ã«ãªãªãŒã¹ãããŸãã
JenkinsãGitLab CIãGitHub ActionsãAzure DevOpsãCircleCIãªã©ã®ããŒã«ã掻çšããŠãå ç¢ãªCI/CDãã€ãã©ã€ã³ãæ§ç¯ã§ããŸããã°ããŒãã«ãªéçšã§ã¯ãCI/CDã€ã³ãã©ãå°ççã«åæ£ããŠããããã³ã³ãã³ãããªããªãŒãããã¯ãŒã¯ïŒCDNïŒãå©çšããŠã忣ããããŒã ãšãŠãŒã¶ãŒã®ãã«ãããã³ãããã€ããã»ã¹ãé«éåããããã«ããŠãã ããã
å®è·µçãªæŽå¯ïŒ CI/CDããŒã«ã®ããã®å ç¢ãªã€ã³ãã©ã«æè³ããŠãã ãããã°ããŒãã«ããŒã ã®å Žåããã«ãæéãšãããã€ã®é å»¶ãåæžããããã«ãç°ãªãå°åã«ãšãŒãžã§ã³ããã©ã³ããŒãé 眮ããããšãæ€èšããŠãã ããã
5. 段éçããŒã«ã¢ãŠããšã«ããªã¢ãªãªãŒã¹
ãã¹ãŠã®ãŠãŒã¶ãŒã«åæã«ãªãªãŒã¹ãã代ããã«ã段éçãªã¢ãããŒããæ€èšããŠãã ãããããã«ãããåé¡ãçºçããå Žåã®ç£èŠãšå³æã®ããŒã«ããã¯ãå¯èœã«ãªããŸãã
- 段éçããŒã«ã¢ãŠãïŒ æåã«ãŠãŒã¶ãŒãŸãã¯ãµãŒããŒã®ããäžéšã«ãªãªãŒã¹ããããã€ããŸããæåããå ŽåãåŸã ã«ããŒã«ã¢ãŠãã®å²åãå¢ãããŠãããŸãã
- ã«ããªã¢ãªãªãŒã¹ïŒ å šãŠãŒã¶ãŒããŒã¹ã«å±éããåã«ãæ°ããŒãžã§ã³ãå°æ°ã®å®ãŠãŒã¶ãŒïŒãã«ããªã¢ãïŒã«å°å ¥ããŸããããã¯å€ãã®å Žåããã£ãŒãã£ãŒãã©ã°ãšçµã¿åãããŠè¡ãããŸãã
ãã®æŠç¥ã¯ããŠãŒã¶ãŒã®è¡åãã€ã³ãã©ã倧ããç°ãªãå¯èœæ§ãããã°ããŒãã«ãªãªãŒã¹ã«ç¹ã«æçã§ããéèŠåºŠã®äœãå°åãç¹å®ã®åžå Žã®ãŠãŒã¶ãŒã®äžéšã§ããŒã«ã¢ãŠããéå§ããå®å®æ§ãè©äŸ¡ããããšãã§ããŸãã
åœéçãªäŸïŒ å€åœç±ãœãããŠã§ã¢äŒæ¥ã¯ãæ°æ©èœããŸããªãŒã¹ãã©ãªã¢ãšãã¥ãŒãžãŒã©ã³ãã®ãŠãŒã¶ãŒã«ãããã€ãããã®ããã©ãŒãã³ã¹ãšãŠãŒã¶ãŒãã£ãŒãããã¯ãç£èŠããåŸããšãŒããããšåç±³ãžã®ããåºç¯ãªããŒã«ã¢ãŠãã«é²ããããããŸããã
6. 广çãªã³ãã¥ãã±ãŒã·ã§ã³ãšã³ã©ãã¬ãŒã·ã§ã³
å°ççã«åæ£ããããŒã ãã¹ããŒã¯ãã«ããŒéã§ãªãªãŒã¹æŽ»åã調æŽããããã«ã¯ãæç¢ºã§äžè²«ããã³ãã¥ãã±ãŒã·ã§ã³ãäžå¯æ¬ ã§ãã
- ãªãªãŒã¹ã«ã¬ã³ããŒïŒ ã¿ã€ã ã©ã€ã³ãäž»èŠãªãã€ã«ã¹ããŒã³ã責任è ãå«ããèšç»ããããªãªãŒã¹ã®å ±æãããææ°ã®ã«ã¬ã³ããŒãç¶æããŸãããã¹ãŠã®ã°ããŒãã«ããŒã ãã¢ã¯ã»ã¹ã§ããããã«ããŠãã ããã
- éç¥ã·ã¹ãã ïŒ äž»èŠãªãªãªãŒã¹ã€ãã³ãïŒäŸïŒãã«ãã®æå/倱æããããã€ã®éå§/çµäºãããŒã«ããã¯ã®éå§ïŒã«å¯ŸããŠèªåéç¥ãå®è£ ããŸãã
- ã¹ããŒã¿ã¹ããã·ã¥ããŒãïŒ é²è¡äžã®ãªãªãŒã¹ã®ç¶æ³ããªã¢ã«ã¿ã€ã ã§å¯èŠåããŸãã
- äºåŸåæïŒ åãªãªãŒã¹ã®åŸãç¹ã«åé¡ãçºçãããªãªãŒã¹ã«ã€ããŠã¯ã培åºçãªã¬ãã¥ãŒã宿œããŸããåŠãã æèšãææžåããããã«å¿ããŠãªãªãŒã¹ããªã·ãŒãæŽæ°ããŸãããã¹ãŠã®ã°ããŒãã«ããŒã ã¡ã³ããŒããã®åå ã奚å±ããŠãã ããã
ã°ããŒãã«ãªèæ ®äºé ïŒ ã§ããã ãå€ãã®ã¿ã€ã ãŸãŒã³ã«å¯Ÿå¿ã§ããæéã«ã³ãã¥ãã±ãŒã·ã§ã³äŒè°ãã¹ã±ãžã¥ãŒã«ããããéåæã®ã³ãã¥ãã±ãŒã·ã§ã³ããŒã«ãšè©³çްãªããã¥ã¡ã³ãã«äŸåããŠãã ããã
7. ããŒã«ããã¯æŠç¥ãšçœå®³åŸ©æ§
æåã®èšç»ãç«ãŠãŠããåé¡ãçºçããå¯èœæ§ããããŸããæç¢ºã«å®çŸ©ãããããŒã«ããã¯æŠç¥ã¯ãéèŠãªã»ãŒããã£ãããã§ãã
- èªåããŒã«ããã¯ïŒ å¯èœãªéããããŒã«ããã¯ããã»ã¹ãèªååãããµãŒãã¹ã埩æ§ããæéãæå°éã«æããŸãã
- æåããŒã«ããã¯æé ïŒ æåããŒã«ããã¯ã®ããã®æç¢ºã§æ®µéçãªæé ãææžåããããããã¢ã¯ã»ã¹å¯èœã§ãã¹ããããŠããããšã確èªããŸãã
- ããŒã«ããã¯ã®ãã¹ãïŒ ããŒã«ããã¯æé ãæ£ããæ©èœããããšã確èªããããã«ã宿çã«ãã¹ãããŸãã
- ããŒã¿ã®æŽåæ§ïŒ ããŒã«ããã¯æé ãããŒã¿ã®æŽåæ§ãç¶æããããŒã¿æå€±ã«ã€ãªãããªãããšã確èªããŸãã
çœå®³åŸ©æ§èšç»ã«ã¯ããªãªãŒã¹é¢é£ã®é害ãèæ ®ã«å ¥ãã壿» çãªãããã€ã®åé¡ãçºçããå Žåã«ãµãŒãã¹ã埩æ§ããæ¹æ³ãæŠèª¬ããå¿ èŠããããŸãã
ãCSSãªãªãŒã¹ã«ãŒã«ããã¬ãŒã ã¯ãŒã¯ã®å®è£ ïŒå®è·µçã¢ãããŒã
ãªãªãŒã¹ç®¡çã«ãŒã«ã確ç«ããå®è£ ããããã®æ®µéçãªã¢ãããŒãã¯æ¬¡ã®ãšããã§ãïŒ
ã¹ããã1ïŒçŸåšã®ãªãªãŒã¹ããã»ã¹ãè©äŸ¡ãã
æ°ããã«ãŒã«ãå°å ¥ããåã«ãæ¢åã®ããã»ã¹ãçè§£ããåé¡ç¹ãç¹å®ããããŸãæ©èœããŠããç¹ãææžåããŸããæ§ã ãªå°åã®ããŒã ã¡ã³ããŒã«ã€ã³ã¿ãã¥ãŒããŠã倿§ãªèŠç¹ãéããŠãã ããã
ã¹ããã2ïŒãªãªãŒã¹ããªã·ãŒãšåºæºãå®çŸ©ãã
è©äŸ¡ã«åºã¥ãããCSSãªãªãŒã¹ã«ãŒã«ãã®ååãææåããŸããããã«ã¯ããã©ã³ãæŠç¥ããã¹ãèŠä»¶ãæ¿èªã²ãŒããã³ãã¥ãã±ãŒã·ã§ã³ãããã³ã«ã®å®çŸ©ãå«ãŸããŸãããããã®ããªã·ãŒãäžå€®ã®ã¢ã¯ã»ã¹å¯èœãªå Žæã«ææžåãããŠããããšã確èªããŠãã ããã
ã¹ããã3ïŒé©åãªããŒã«ãéžæããŠæ§æãã
ãªãªãŒã¹ç®¡çã®ç®æšããµããŒãããã°ããŒãã«ããŒã ã®èªååãšã³ã©ãã¬ãŒã·ã§ã³ãå¯èœã«ããããŒã«ãéžæããŸããããã«ã¯ä»¥äžãå«ãŸããå ŽåããããŸãïŒ
- ããŒãžã§ã³ç®¡çã·ã¹ãã ïŒ Git, Subversionã
- CI/CDãã©ãããã©ãŒã ïŒ Jenkins, GitLab CI, GitHub Actions, Azure DevOpsã
- ãããžã§ã¯ã管çããŒã«ïŒ Jira, Asana, Trelloã
- ã³ã©ãã¬ãŒã·ã§ã³ããŒã«ïŒ Slack, Microsoft Teamsã
- ç£èŠããŒã«ïŒ Prometheus, Datadog, New Relicã
ã¹ããã4ïŒãªãªãŒã¹ãã€ãã©ã€ã³ãæ§ç¯ãèªååãã
æãå埩çã§ãšã©ãŒãçºçããããã¿ã¹ã¯ããå§ããŠããªãªãŒã¹ããã»ã¹ãåŸã ã«èªååããŸããå¯èœãªéããèªåãã«ãããã¹ãããããã€ãå®è£ ããŠãã ããã
ã¹ããã5ïŒããŒã ããã¬ãŒãã³ã°ãã
ãã¹ãŠã®ããŒã ã¡ã³ããŒãæ°ããããªã·ãŒãããã»ã¹ãããŒã«ãçè§£ããŠããããšã確èªããŠãã ãããç¹ã«åæ£ããããŒã ã«å¯ŸããŠã¯ãå æ¬çãªãã¬ãŒãã³ã°ã»ãã·ã§ã³ãæäŸãããã¬ãŒãã³ã°è³æãç°¡åã«ã¢ã¯ã»ã¹ã§ããããã«ããŸãã
ã¹ããã6ïŒãã€ãããå°å ¥ãšå埩
çµç¹å šäœã«å±éããåã«ãå°èŠæš¡ãªãããžã§ã¯ããç¹å®ã®ããŒã ã§æ°ãããªãªãŒã¹ç®¡çãã¬ãŒã ã¯ãŒã¯ã詊è¡ããŸãããã£ãŒãããã¯ãåéããæ¹åç¹ãç¹å®ããããã»ã¹ãå埩ããŠæ¹åããŠãã ããã
ã¹ããã7ïŒç£èŠãšç¶ç¶çæ¹å
ãªãªãŒã¹ç®¡çã¯ç¶ç¶çãªããã»ã¹ã§ãããªãªãŒã¹ã«é¢ããã¡ããªã¯ã¹ïŒäŸïŒãããã€é »åºŠã倿Žã®ãªãŒãã¿ã€ã ã倿Žå€±æçãå¹³ååŸ©æ§æéïŒãç¶ç¶çã«ç£èŠããŸãããã®ããŒã¿ã䜿çšããŠãããã«ããã¯ãšãããªãæé©åã®æ©äŒãç¹å®ããŸãã宿çã«ã¬ããã¹ãã¯ãã£ãïŒæ¯ãè¿ãïŒãéå¬ããããŸããã£ãããšããããªãã£ãããšããããŠå°æ¥ã®ãªãªãŒã¹ã«åããŠæ¹åããæ¹æ³ã«ã€ããŠè°è«ãããã¹ãŠã®ã°ããŒãã«ããŒã ã¡ã³ããŒããã®æèŠãç©æ¥µçã«æ±ããŸãã
ã°ããŒãã«ãªãªãŒã¹ç®¡çã«ããã課é¡ãšãããå æããæ¹æ³
ã°ããŒãã«ããŒã å šäœã§ãªãªãŒã¹ç®¡çãå®è£ ããã«ã¯ãç¹æã®èª²é¡ããããŸãïŒ
課é¡1ïŒã¿ã€ã ãŸãŒã³ã®éã
圱é¿ïŒ äŒè°ãæ¿èªãåé¡è§£æ±ºã®èª¿æŽãå°é£ã«ãªãå¯èœæ§ããããŸãã
解決çïŒ
- éåæã³ãã¥ãã±ãŒã·ã§ã³ããŒã«ïŒäŸïŒææžåããããã±ãããæç¢ºãªã¹ã¬ãããæã€ããŒã ãã£ããïŒã掻çšããã
- å°åããŒã éã§è²¬ä»»ãåŒãç¶ãããããã©ããŒã»ã¶ã»ãµã³ããµããŒãã¢ãã«ã確ç«ããã
- å Žæã«é¢ä¿ãªããå¿çæéã«å¯Ÿããæç¢ºãªSLAãå®çŸ©ããã
- è€æ°ã®ã¿ã€ã ãŸãŒã³ã衚瀺ããã¹ã±ãžã¥ãŒãªã³ã°ããŒã«ãå©çšããã
課é¡2ïŒã³ãã¥ãã±ãŒã·ã§ã³ãšã¯ãŒã¯ã¹ã¿ã€ã«ã®æåçãªéã
圱é¿ïŒ ãã£ãŒãããã¯ãç·æ¥æ§ããŸãã¯ããã»ã¹ãžã®æºæ ã«é¢ããŠèª€è§£ãçããå¯èœæ§ããããŸãã
解決çïŒ
- ããŒã å ã§æåçãªèªèãé«ãããã¬ãŒãã³ã°ãä¿é²ããã
- çŽæ¥çã§æ¬æã®ããã³ãã¥ãã±ãŒã·ã§ã³ã奚å±ããã
- éèŠãªæ å ±ã®ããã®ã³ãã¥ãã±ãŒã·ã§ã³ãã³ãã¬ãŒããæšæºåããã
- å ±éã®ç®æšãšçžäºçè§£ã匷調ããã
課é¡3ïŒã€ã³ãã©ã¹ãã©ã¯ãã£ãšãããã¯ãŒã¯æ¡ä»¶ã®ã°ãã€ã
圱é¿ïŒ ãããã€æéãå€åããå¯èœæ§ãããã倿§ãªç°å¢ã§ã®ãã¹ãã¯è€éã§ãã
解決çïŒ
- 忣CI/CDã€ã³ãã©ã¹ãã©ã¯ãã£ãã°ããŒãã«ãªæ ç¹ãæã€ã¯ã©ãŠãããŒã¹ã®ãœãªã¥ãŒã·ã§ã³ã«æè³ããã
- ãã«ãææç©ã®ããé«éãªé åžã®ããã«CDNãå©çšããã
- æ§ã ãªãããã¯ãŒã¯æ¡ä»¶ãã·ãã¥ã¬ãŒãããå æ¬çãªãã¹ãæŠç¥ãå®è£ ããã
- å°åéã®äžè²«æ§ã確ä¿ããããã«ã€ã³ãã©ã¹ãã©ã¯ãã£ã®ããããžã§ãã³ã°ãèªååããã
課é¡4ïŒç°ãªãæ³åéã§ã®ã³ã³ãã©ã€ã¢ã³ã¹ã®ç¢ºä¿
圱é¿ïŒ å°åã«ãã£ãŠãç¬èªã®ããŒã¿ãã©ã€ãã·ãŒãã»ãã¥ãªãã£ããŸãã¯èŠå¶èŠä»¶ãããå ŽåããããŸãã
解決çïŒ
- ãªãªãŒã¹èšç»ããã»ã¹ã®æ©ã段éã§ãé¢é£å°åã®æ³åããã³ã³ã³ãã©ã€ã¢ã³ã¹ããŒã ãé¢äžãããã
- èªååããããã€ãã©ã€ã³ã«ã³ã³ãã©ã€ã¢ã³ã¹ãã§ãã¯ãçµã¿èŸŒãã
- åå°åã®ã³ã³ãã©ã€ã¢ã³ã¹éµå®ã«é¢ããæç¢ºãªææžãç¶æããã
- å°åã®ã³ã³ãã©ã€ã¢ã³ã¹ããŒãºã«åºã¥ããŠãããã€ãæ©èœãã»ã°ã¡ã³ãåããã
çµè«
å ç¢ãªãCSSãªãªãŒã¹ã«ãŒã«ããã¬ãŒã ã¯ãŒã¯ããŸãã¯å æ¬çãªãªãªãŒã¹ç®¡çæŠç¥ãå®è£ ããããšã¯ãã³ãããã¡ã³ããã³ã©ãã¬ãŒã·ã§ã³ãããã³ç¶ç¶çãªæ¹åãå¿ èŠãšããç¶ç¶çãªæ ã§ããæç¢ºãªããªã·ãŒã確ç«ããèªååãæŽ»çšãã广çãªã³ãã¥ãã±ãŒã·ã§ã³ãè²ã¿ãåè³ªã®æåãåãå ¥ããããšã§ãã°ããŒãã«ãªçµç¹ã¯ãœãããŠã§ã¢ãªãªãŒã¹ããã»ã¹ãå€§å¹ ã«åŒ·åã§ããŸããããã«ãããããå®å®ãã補åã顧客æºè¶³åºŠã®åäžããããŠã°ããŒãã«åžå Žã§ã®ãã匷åãªç«¶äºäžã®å°äœã«ã€ãªãããŸããäžæ žãšãªãååã¯åãã§ããããã®é©çšã¯åæ£ããåœéçãªåŽååã®ç¬èªã®éçšç°å¢ã«åãããŠèª¿æŽããå¿ èŠãããããšãå¿ããªãã§ãã ããã
æçµçãªå®è·µçæŽå¯ïŒ ãã£ãŒãããã¯ãããã©ãŒãã³ã¹ã¡ããªã¯ã¹ãããã³é²åããçµç¹ã®ããŒãºã«åºã¥ããŠããªãªãŒã¹ã«ãŒã«ã宿çã«èŠçŽããæŽæ°ããŠãã ããããªãªãŒã¹ç®¡çã«å¯Ÿããæè»ãã€èŠåŸããã¢ãããŒãããæç¶å¯èœãªã°ããŒãã«ãªæåã®éµã§ãã