ã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒã«ããããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ããç¿åŸãããã©ãŠã¶ãããã€ã¹éã§äžè²«ããUIã確ä¿ããªã°ã¬ãã·ã§ã³ãé²ããã°ããŒãã«ãªãŠãŒã¶ãŒäœéšãåäžãããŸãã
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãïŒã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒãšãªã°ã¬ãã·ã§ã³æ€åº
ãŠã§ãéçºã®ãã€ãããã¯ãªäžçã«ãããŠãæ§ã ãªãã©ãŠã¶ãããã€ã¹ãç»é¢ãµã€ãºã§äžè²«æ§ã®ãããèŠèŠçã«é åçãªãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ïŒUIïŒã確ä¿ããããšã¯æãéèŠã§ããã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒããªã°ã¬ãã·ã§ã³æ€åºãšãã£ãæè¡ãçšããããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã¯ããããéæããããã®éèŠãªå®è·µæ¹æ³ãšããŠæµ®äžããŠããŸãããã®å æ¬çãªã¬ã€ãã§ã¯ãããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã®è€éããæãäžããã°ããŒãã«ãªãªãŒãã£ãšã³ã¹åãã«å ç¢ã§èŠèŠçã«äžè²«æ§ã®ãããŠã§ãã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ããããã®ç¥èãšããŒã«ãæäŸããŸãã
ããã³ããšã³ãããžã¥ã¢ã«ãã¹ãã®éèŠæ§ãçè§£ãã
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã¯ãåŸæ¥ã®æ©èœãã¹ããè¶ ããŠããŸããæ©èœãã¹ããã¢ããªã±ãŒã·ã§ã³ã®åäœãæ€èšŒããã®ã«å¯Ÿããããžã¥ã¢ã«ãã¹ãã¯UIã®çŸçåŽé¢ãã¬ã€ã¢ãŠãã«çŠç¹ãåœãŠãŸããUIèŠçŽ ãæ£ããã¬ã³ããªã³ã°ãããŠãããããã¶ã€ã³ã仿§ã«æ²¿ã£ãŠãããããããŠç°ãªãç°å¢ã§ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãç¶æãããŠããããè©äŸ¡ããŸãã
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ããéèŠã§ããçç±ã¯ä»¥äžã®éãã§ãïŒ
- ããžã¥ã¢ã«ãªã°ã¬ãã·ã§ã³ã®é²æ¢ïŒã³ãŒãã®æŽæ°ããã©ãŠã¶ã®ã¢ããããŒãããã¶ã€ã³ã®èª¿æŽã«ãã£ãŠçããå¯èœæ§ã®ããæå³ããªãUIã®å€æŽãæ€åºããŸããããã«ããããŠãŒã¶ãŒãåžžã«æå³ãããã¶ã€ã³ãèŠãããããã«ããŸãã
- ã¯ãã¹ãã©ãŠã¶äºææ§ã®ç¢ºä¿ïŒãŠã§ããµã€ããç°ãªããã©ãŠã¶ïŒChrome, Firefox, Safari, EdgeïŒãšãã®æ§ã ãªããŒãžã§ã³ã§äžè²«ããŠè¡šç€ºãããæ©èœããããšãä¿èšŒããŸããããã¯ãå€çš®å€æ§ãªãã©ãŠã¶ã䜿çšããã°ããŒãã«ãªãªãŒãã£ãšã³ã¹ã«ãšã£ãŠç¹ã«éèŠã§ãã
- ã¬ã¹ãã³ã·ããã¶ã€ã³ã®æ€èšŒïŒUIãç°ãªãç»é¢ãµã€ãºãããã€ã¹ïŒãã¹ã¯ããããã¿ãã¬ãããã¹ããŒããã©ã³ïŒã«é©åã«é©å¿ãããã¹ãŠã®äººã«æé©ãªè¡šç€ºäœéšãæäŸããããšã確èªããŸãã
- ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ïŒUXïŒã®åäžïŒãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã«æªåœ±é¿ãäžãããšã³ã²ãŒãžã¡ã³ããã³ã³ããŒãžã§ã³çã®äœäžã«ã€ãªããå¯èœæ§ã®ããèŠèŠçãªäžå®å šããã¬ã€ã¢ãŠãã®åé¡ãã¬ã³ããªã³ã°ã®åé¡ãç¹å®ããä¿®æ£ããŸãã
- éçºããã»ã¹ã®å¹çåïŒããžã¥ã¢ã«ãã¹ããèªååããããšã§ãæäœæ¥ãæžããããªãªãŒã¹ãµã€ã¯ã«ãå éãããéçºããã»ã¹ã®æ©ã段éã§åé¡ãç¹å®ããŸãã
- ã¢ã¯ã»ã·ããªãã£åºæºã®éµå®ïŒèŠèŠèŠçŽ ãé害ãæã€ãŠãŒã¶ãŒã®ããã®ã¢ã¯ã»ã·ããªãã£ã¬ã€ãã©ã€ã³ïŒäŸïŒWCAGïŒãæºãããŠããããšã確èªããã€ã³ã¯ã«ãŒã·ããã£ãä¿é²ããŸãã
ã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒïŒäžå¿ãšãªããã¯ããã¯
ã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒã¯ãããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã®åºç€ã§ãããã®æè¡ã¯ãç°ãªãæ¡ä»¶äžïŒãã©ãŠã¶ãããã€ã¹ãç»é¢è§£å床ïŒã§UIã®ã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£ããããããããŒã¹ã©ã€ã³ïŒæåŸ ãããæ£ããããŒãžã§ã³ïŒãšæ¯èŒããããšãå«ã¿ãŸããçŸåšã®ã¹ã¯ãªãŒã³ã·ã§ãããšããŒã¹ã©ã€ã³ãšã®éã®èŠèŠçãªå·®ç°ã¯ãæœåšçãªåé¡ãŸãã¯ãªã°ã¬ãã·ã§ã³ãšããŠãã©ã°ãç«ãŠãããŸãã
ã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒã®ä»çµã¿ïŒ
- ããŒã¹ã©ã€ã³ã®äœæïŒåæã®ãã¹ã段éã§ãæ§ã ãªæ¡ä»¶äžã§UIã®ã¹ã¯ãªãŒã³ã·ã§ãããæ®åœ±ãããããŒã¹ã©ã€ã³ç»åãšããŠä¿åãããŸãããããã®ç»åã¯ãæåŸ ãããèŠèŠçãªåºåã衚ããŸãã
- ãã¹ãã®å®è¡ïŒèªåãã¹ããå®è¡ãããã³ãŒãã®å€æŽãæŽæ°åŸã«UIã®æ°ããã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£ãããŸãã
- æ¯èŒïŒæ°ããã¹ã¯ãªãŒã³ã·ã§ããã察å¿ããããŒã¹ã©ã€ã³ç»åãšæ¯èŒãããŸãããã¯ã»ã«ãåæããèŠèŠçãªå·®ç°ãç¹å®ããããã«å°éã®ã¢ã«ãŽãªãºã ã䜿çšãããŸãã
- ã¬ããŒãäœæïŒæ€åºãããå·®ç°ã¯ããã°ãã°äžäžèŽç®æãèŠèŠçã«ãã€ã©ã€ãããŠå ±åãããŸããã¬ããŒãã«ã¯ãç»åã䞊ã¹ãŠè¡šç€ºãããã®ããã¹ã¯ãªãŒã³ã·ã§ããéã®å·®ç°ã®ããŒã»ã³ããŒãžãå«ãŸããéçºè ããã¹ã¿ãŒãè¿ éã«åé¡ãç¹å®ãã察åŠã§ããããã«ããŸãã
- åæãšä¿®æ£ïŒãã¹ã¿ãŒãšéçºè ã¯å ±åãããå·®ç°ã確èªããåå ãç¹å®ããã³ãŒãã®ä¿®æ£ããã¶ã€ã³ã®æŽæ°ããã¹ãèšå®ã®èª¿æŽãªã©ãé©åãªæªçœ®ãè¬ããŸãã
ã°ããŒãã«ãªEã³ããŒã¹ãã©ãããã©ãŒã ãèããŠã¿ãŸããããç°ãªãåœã®ç°ãªããŠãŒã¶ãŒã¯ãæ§ã ãªããã€ã¹ããã©ãŠã¶ã䜿çšããŠãµã€ãã«ã¢ã¯ã»ã¹ããå¯èœæ§ããããŸããããžã¥ã¢ã«ãã¹ãã¯ãã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒãéããŠããŠãŒã¶ãŒã®ç°å¢ã«é¢ããããååç»åãäŸ¡æ Œãããã²ãŒã·ã§ã³ã¡ãã¥ãŒãäžè²«ããŠè¡šç€ºãããããšãä¿èšŒããŸããããã«ããããã©ã³ãã€ã¡ãŒãžãä¿è·ããç°ãªãå°ççå°åã«ããããŠãŒã¶ãŒæºè¶³åºŠãåäžãããŸãã
ãªã°ã¬ãã·ã§ã³æ€åºïŒUI倿Žã®ç¹å®ãšå¯ŸåŠ
ãªã°ã¬ãã·ã§ã³æ€åºã¯ãUIã«ãããæå³ããªã倿Žãç¹å®ããããã»ã¹ã§ããããã¯ã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒãšå¯æ¥ã«é¢é£ããŠãããæ¯èŒããã»ã¹èªäœããªã°ã¬ãã·ã§ã³ãæããã«ããŸãããã®æ€åºã¯ãèšç»ãããŠããªãã£ãããŸãã¯æãŸãããªãèŠèŠçãªå€æŽãç¹å®ããŸããéèŠãªã®ã¯ã倿Žãçºçããéã«ãªã°ã¬ãã·ã§ã³ãæ€åºããããã®ããŒã«ã§æ¯èŒããã»ã¹ãèªååããè¿ éãªèª¿æ»ãšä¿®æ£ãå¯èœã«ããããšã§ãã
广çãªãªã°ã¬ãã·ã§ã³æ€åºã®ã¡ãªããïŒ
- ãã°ã®åæžïŒæ¬çªç°å¢ã«ãªãªãŒã¹ãããåã«ãªã°ã¬ãã·ã§ã³ãç¹å®ããããšã§ãæ¬çªç°å¢ã§ã®UIãã°ã®ãªã¹ã¯ãå€§å¹ ã«åæžããŸãã
- éçºãµã€ã¯ã«ã®é«éåïŒãªã°ã¬ãã·ã§ã³æ€åºãèªååããããšã§ããªãªãŒã¹ãµã€ã¯ã«ãã¹ããŒãã¢ãããããããŒã ãæ©èœãã¢ããããŒããè¿ éã«æäŸããèœåãåäžãããŸãã
- ã³ãŒãå質ã®åäžïŒããžã¥ã¢ã«ãªã°ã¬ãã·ã§ã³ãã¹ãã¯ãéçºè ãããã¯ãªãŒã³ã§ä¿å®æ§ã®é«ãã³ãŒããæžãããšã奚å±ããããããUIãªã°ã¬ãã·ã§ã³ãå°å ¥ããå¯èœæ§ãæžãããŸãã
- ã³ã©ãã¬ãŒã·ã§ã³ã®åŒ·åïŒããžã¥ã¢ã«ãã¹ãã¯ãéçºè ããã¶ã€ããŒãQAããŒã éã®å ±éèšèªãæäŸããã³ãã¥ãã±ãŒã·ã§ã³ãšã³ã©ãã¬ãŒã·ã§ã³ã匷åããŸãã
äŸãã°ãæ§ã ãªèšèªããµããŒãããå€èšèªãŠã§ããµã€ããèããŠã¿ãŸãããããªã°ã¬ãã·ã§ã³æ€åºã¯ãèšèªãåãæ¿ããéã®ã¬ã€ã¢ãŠãã®åé¡ãç¹å®ããããã¹ããUIèŠçŽ ãç°ãªãã¹ã¯ãªããïŒäŸïŒã¢ã©ãã¢èªãäžåœèªãããã©ã€èªïŒã§æ£ãã衚瀺ãããããšãä¿èšŒããŸããããã¯ãåœéçãªãŠãŒã¶ãŒã«ããŒã«ã©ã€ãºããã䜿ããããäœéšãæäŸããããã«äžå¯æ¬ ã§ãã
ããã³ããšã³ãããžã¥ã¢ã«ãã¹ãã®ããã®ããŒã«ãšæè¡
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã容æã«ããããã®ããã€ãã®ããŒã«ãæè¡ããããŸããé©åãªããŒã«ãéžæãããã¯ããããžã§ã¯ãã®èŠä»¶ãããŒã ã®å°éç¥èãæ¢åã®æè¡ã¹ã¿ãã¯ã«ãã£ãŠç°ãªããŸãã以äžã«äººæ°ã®ããéžæè¢ãããã€ã玹ä»ããŸãïŒ
- WebDriverããŒã¹ã®ãã¬ãŒã ã¯ãŒã¯ïŒäŸïŒSelenium, Cypress, PlaywrightïŒïŒãããã®ãã¬ãŒã ã¯ãŒã¯ã䜿çšãããšããŠã§ããã©ãŠã¶ãããã°ã©ã ã§å¶åŸ¡ã§ããŸããç¹å®ã®ããŒãžã«ç§»åããUIèŠçŽ ãšå¯Ÿè©±ããã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£ãããã¹ããäœæã§ããŸãããããã¯ãã°ãã°ããžã¥ã¢ã«æ¯èŒã©ã€ãã©ãªãšçµ±åãããŸããäŸãšããŠã¯ïŒ
- SeleniumïŒãŠã§ããã©ãŠã¶ãèªååããããã®åºã䜿çšãããŠãããªãŒãã³ãœãŒã¹ãã¬ãŒã ã¯ãŒã¯ãå€ãã®ããžã¥ã¢ã«ãã¹ãã©ã€ãã©ãªãšçµ±åã§ããŸãã
- CypressïŒäœ¿ãããããšé«éãªå®è¡ã§ç¥ãããææ°ã®ãšã³ãããŒãšã³ããã¹ããã¬ãŒã ã¯ãŒã¯ãããžã¥ã¢ã«ãã¹ãæ©èœãçµã¿èŸŒãŸããŠããŸãã
- PlaywrightïŒMicrosoftãéçºããã¯ãã¹ãã©ãŠã¶èªååã©ã€ãã©ãªã§ãã¹ã¯ãªãŒã³ã·ã§ããã®ååŸãšæ¯èŒæ©èœãå«ããé«éã§ä¿¡é Œæ§ãé«ããæ©èœè±å¯ãªãã¹ãæ©èœãæäŸããŸãã
- ããžã¥ã¢ã«æ¯èŒã©ã€ãã©ãªãšãµãŒãã¹ïŒãããã®ã©ã€ãã©ãªãšãµãŒãã¹ã¯ãã¹ã¯ãªãŒã³ã·ã§ãããæ¯èŒããèŠèŠçãªå·®ç°ãæ€åºããããã®ã³ã¢æ©èœãæäŸããŸããäŸãšããŠã¯ïŒ
- PixelmatchïŒè»œéã§é«éãªãã¯ã»ã«æ¯èŒã©ã€ãã©ãªã
- Resemble.jsïŒèŠèŠçãªå·®åãå«ãç»åæ¯èŒã®ããã®ã©ã€ãã©ãªã
- PercyïŒæ§ã ãªãã¹ããã¬ãŒã ã¯ãŒã¯ãšçµ±åããããžã¥ã¢ã«ãã¹ããã©ãããã©ãŒã ã詳现ãªããžã¥ã¢ã«å·®åãã³ã©ãã¬ãŒã·ã§ã³æ©èœãæäŸããCI/CDãã€ãã©ã€ã³ãšçµ±åããŸãã
- ApplitoolsïŒUIã®åé¡ãæ€åºãåæããããã®é«åºŠãªããžã¥ã¢ã«AIãæäŸãããäž»èŠãªããžã¥ã¢ã«ãã¹ããã©ãããã©ãŒã ãåªããCI/CDçµ±åãæäŸããŸãã
- ãã¹ããã¬ãŒã ã¯ãŒã¯åºæã®ãã©ã°ã€ã³/æ¡åŒµæ©èœïŒå€ãã®ãã¹ããã¬ãŒã ã¯ãŒã¯ã¯ãããžã¥ã¢ã«ãã¹ããç°¡çŽ åãããã©ã°ã€ã³ãæ¡åŒµæ©èœãæäŸããŠããŸãããããã®ãã©ã°ã€ã³ã¯ããã°ãã°ããžã¥ã¢ã«æ¯èŒã©ã€ãã©ãªãã©ããããã¹ã¯ãªãŒã³ã·ã§ããã®ååŸãšæ¯èŒã®ããã®äŸ¿å©ãªAPIãæäŸããŸãã
- Cypressããžã¥ã¢ã«ãã¹ããã©ã°ã€ã³ïŒCypressã«ã¯ãã³ãã¥ããã£ã§å©çšå¯èœãªè€æ°ã®ããžã¥ã¢ã«ãã¹ããã©ã°ã€ã³ããããŸãïŒäŸïŒcypress-image-snapshot, cypress-visual-regression-commandsïŒã
- CI/CDçµ±åïŒç¶ç¶çã€ã³ãã°ã¬ãŒã·ã§ã³/ç¶ç¶çããªããªãŒïŒCI/CDïŒãã€ãã©ã€ã³ãšã®çµ±åã«ãããã³ãŒã倿ŽåŸã«ããžã¥ã¢ã«ãã¹ããèªåçã«å®è¡ã§ãã峿ã®ãã£ãŒãããã¯ãæäŸããéçºããã»ã¹ãå éãããŸããäŸãšããŠã¯ãJenkins, GitLab CI, CircleCI, Azure DevOpsããããŸãã
ããã³ããšã³ãããžã¥ã¢ã«ãã¹ãã®å®è£ ïŒã¹ããããã€ã¹ãããã¬ã€ã
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã广çã«å®è£ ããã«ã¯ãããã€ãã®ã¹ããããå¿ èŠã§ãã以äžã«å®è·µçãªã¬ã€ãã瀺ããŸãïŒ
- ãã¹ããã¬ãŒã ã¯ãŒã¯ãšããŒã«ã®éžæïŒãããžã§ã¯ãã®ããŒãºã«æãé©ãããã¹ããã¬ãŒã ã¯ãŒã¯ïŒäŸïŒSelenium, Cypress, PlaywrightïŒãšããžã¥ã¢ã«æ¯èŒã©ã€ãã©ãªãŸãã¯ãã©ãããã©ãŒã ïŒäŸïŒPercy, Applitools, PixelmatchïŒãéžæããŸãã䜿ãããããçµ±åæ©èœãäŸ¡æ Œãªã©ã®èŠå ãèæ ®ããŠãã ããã
- ãã¹ãç°å¢ã®ã»ããã¢ããïŒå¿ èŠãªäŸåé¢ä¿ããã©ãŠã¶ãã©ã€ãããã¹ãããŒã«ãå«ããã¹ãç°å¢ãæ§æããŸããããŒã«ã«éçºç°å¢ãšèªåå®è¡ã®ããã®CI/CDãã€ãã©ã€ã³ã䜿çšããããšããããŸãã
- ãã¹ãã±ãŒã¹ã®äœæïŒéèŠãªUIèŠçŽ ãããŒãžãã¯ãŒã¯ãããŒãã«ããŒãããã¹ãã±ãŒã¹ãäœæããŸããç°ãªãç»é¢ãµã€ãºããã©ãŠã¶ããŠãŒã¶ãŒã€ã³ã¿ã©ã¯ã·ã§ã³ãªã©ãæ§ã ãªæ¡ä»¶äžã§ã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£ããããã«ãã¹ãã±ãŒã¹ãèšèšããŸããç°ãªãèšèªãå«ãåœéåãšããŒã«ãªãŒãŒã·ã§ã³ã®ãã¹ããèæ ®ããŠãã ããã
- ããŒã¹ã©ã€ã³ã¹ã¯ãªãŒã³ã·ã§ããã®ååŸïŒç®¡çãããç°å¢ã§UIã®ããŒã¹ã©ã€ã³ã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£ããŸãããããã®ã¹ã¯ãªãŒã³ã·ã§ããã¯ãå°æ¥ã®æ¯èŒã®åºæºãšããŠæ©èœããŸãã
- ã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒã®å®è£ ïŒéžæããããžã¥ã¢ã«æ¯èŒã©ã€ãã©ãªãŸãã¯ãã©ãããã©ãŒã ããã¹ããã¬ãŒã ã¯ãŒã¯ãšçµ±åããŸããçŸåšã®UIã®ã¹ã¯ãªãŒã³ã·ã§ãããæ®ããããŒã¹ã©ã€ã³ã¹ã¯ãªãŒã³ã·ã§ãããšæ¯èŒããã³ãŒããèšè¿°ããŸãã
- çµæã®åæïŒããžã¥ã¢ã«æ¯èŒã®çµæã確èªããŸããèŠèŠçãªå·®ç°ãç¹å®ãããã®åå ã倿ããŸããåªããããŒã«ã¯ãå·®ç°ãèŠèŠçã«ãã€ã©ã€ãããŸãã
- åé¡ã®å ±åãšå¯ŸåŠïŒç¹å®ãããåé¡ãéçºããŒã ã«å ±åããŸãããã®åŸãéçºè ã¯åé¡ã調æ»ããä¿®æ£ãããã¹ããåå®è¡ã§ããŸãã
- ãã¹ãããã»ã¹ã®èªååïŒããžã¥ã¢ã«ãã¹ããCI/CDãã€ãã©ã€ã³ã«çµ±åããŠããã¹ãããã»ã¹ãèªååããŸããããã«ãããã³ãŒãã®å€æŽãæŽæ°åŸã«ããžã¥ã¢ã«ãã¹ããèªåçã«å®è¡ãããããè¿ éãªãã£ãŒãããã¯ãšç°¡åãªãªã°ã¬ãã·ã§ã³æ€åºãå¯èœã«ãªããŸãã
- ãã¹ãã®æŽç·Žãšä¿å®ïŒUIãé²åããã«ã€ããŠãããŒã¹ã©ã€ã³ã¹ã¯ãªãŒã³ã·ã§ãããšãã¹ãã±ãŒã¹ã宿çã«æŽæ°ããŸããããã«ããããã¹ãã®æ£ç¢ºæ§ãä¿ã¡ãåœéœæ§ãé²ãã®ã«åœ¹ç«ã¡ãŸãã
äŸïŒã°ããŒãã«ãªEã³ããŒã¹ãŠã§ããµã€ããæ³åããŠã¿ãŠãã ãããã·ã§ããã³ã°ã«ãŒããæ£ãã衚瀺ãããããšã確èªããããã«ãæ§ã ãªãã©ãŠã¶ãããã€ã¹ã§ã·ã§ããã³ã°ã«ãŒãããŒãžã®ã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£ããããžã¥ã¢ã«ãã¹ããäœæã§ããŸããæ°ããæ©èœãã³ãŒãã®å€æŽãã·ã§ããã³ã°ã«ãŒãã®å€èгã«åœ±é¿ãäžããå Žåãããžã¥ã¢ã«ãã¹ãããã®å€æŽãæ€åºããããŒã ã¯ãŠãŒã¶ãŒã«åœ±é¿ãåã¶åã«åé¡ãä¿®æ£ã§ããŸãã
广çãªããã³ããšã³ãããžã¥ã¢ã«ãã¹ãã®ããã®ãã¹ããã©ã¯ãã£ã¹
以äžã®ãã¹ããã©ã¯ãã£ã¹ã«åŸãããšã§ãããã³ããšã³ãããžã¥ã¢ã«ãã¹ãã®ã¡ãªãããæå€§éã«æŽ»çšã§ããŸãïŒ
- æç¢ºãªãã¹ãç¯å²ã®å®çŸ©ïŒæãéèŠãªUIèŠçŽ ãããŒãžãã¯ãŒã¯ãããŒã®ãã¹ãã«çŠç¹ãåœãŠãŸããé »ç¹ã«æŽæ°ãããããŸãã¯ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã«å€§ããªåœ±é¿ãäžãããã¹ãé åãåªå ããŸãã
- é©åãªæ¯èŒã¢ã«ãŽãªãºã ã®éžæïŒç²ŸåºŠãšããã©ãŒãã³ã¹ã®æé©ãªãã©ã³ã¹ãèŠã€ããããã«ãç°ãªãæ¯èŒã¢ã«ãŽãªãºã ïŒäŸïŒãã¯ã»ã«åäœãç¥èŠããã·ã¥ïŒã詊ããŸãã
- åçã³ã³ãã³ãã®åãæ±ãïŒåœéœæ§ãé²ãããã«ãåçã³ã³ãã³ããšéåææäœãæ éã«ç®¡çããŸããèŠçŽ ãããŒããããã®ãåŸ ã€ããŸãã¯åçããŒã¿ãã¢ãã¯ãããªã©ã®æè¡ãæ€èšããŸãã
- éèŠã§ãªãå·®ç°ã®ç¡èŠïŒå€æŽãäºæ³ãããé åïŒäŸïŒã¿ã€ã ã¹ã¿ã³ããåçãªåºåïŒãé€å€ããããã«ããã¹ãã³ã°ãŸãã¯ç¡èŠæ©èœã䜿çšããŸããããã«ããããã¹ãçµæã®ãã€ãºãæžããã®ã«åœ¹ç«ã¡ãŸãã
- äžè²«ãããã¹ãç°å¢ã®ç¢ºç«ïŒæ£ç¢ºãªæ¯èŒãä¿èšŒããããã«ããã©ãŠã¶ãããã€ã¹éã§äžè²«ãããã¹ãç°å¢ã䜿çšããŸããå¯èœã§ããã°ãããé«éãªå®è¡ã®ããã«ãããã¬ã¹ãã©ãŠã¶ã䜿çšããŸãã
- ææ°ã®ããŒã¹ã©ã€ã³ã®ç¶æïŒææ°ã®ãã¶ã€ã³ãšUIã®å€æŽãåæ ããããã«ãããŒã¹ã©ã€ã³ã¹ã¯ãªãŒã³ã·ã§ããã宿çã«æŽæ°ããŸãã
- CI/CDãšã®çµ±åïŒèªåå®è¡ã𿩿ã®ãã£ãŒãããã¯ã®ããã«ãããžã¥ã¢ã«ãã¹ããCI/CDãã€ãã©ã€ã³ã«çµ±åããŸãã
- ååãšã³ãã¥ãã±ãŒã·ã§ã³ïŒèŠèŠçãªåé¡ã«å¹æçã«å¯ŸåŠããããã«ãéçºè ããã¶ã€ããŒãQAããŒã éã®å¹æçãªååã確ä¿ããŸãã
- 倿§ãªæ¡ä»¶äžã§ã®ãã¹ãïŒäœåž¯åå¹ æ¥ç¶ã®å°åãå€ãããã€ã¹ã䜿çšããŠãããŠãŒã¶ãŒãå«ãããã¹ãŠã®ãŠãŒã¶ãŒã«äžè²«ããäœéšãä¿èšŒããããã«ãè€æ°ã®ãã©ãŠã¶ãããã€ã¹ã¿ã€ããç»é¢è§£å床ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã§ãã¹ãããŸãã
- ã¢ã¯ã»ã·ããªãã£ã®èæ ®ïŒããžã¥ã¢ã«ãã¹ãããŒã«ãšæåãã§ãã¯ã䜿çšããŠãã³ã³ãã©ã¹ãæ¯ããã©ã³ããµã€ãºãããŒããŒãããã²ãŒã·ã§ã³ã確èªããUIãã¢ã¯ã»ã·ããªãã£ã¬ã€ãã©ã€ã³ïŒWCAGïŒã«æºæ ããŠããããšãæ€èšŒããŸããããã«ãããäžçäžã®é害ãæã€ãŠãŒã¶ãŒãå«ããããšãã§ããŸãã
ããã³ããšã³ãããžã¥ã¢ã«ãã¹ãã«ããã課é¡ãžã®å¯ŸåŠ
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã¯å€§ããªå©ç¹ãæäŸããŸãããããã€ãã®èª²é¡ã«çŽé¢ããããšããããŸãã
- åçã³ã³ãã³ãã®åãæ±ãïŒåçã³ã³ãã³ãã¯ãäžè²«ããã¹ã¯ãªãŒã³ã·ã§ããã®ãã£ããã£ãå°é£ã«ããããšããããŸãã解決çã«ã¯ãããŒã¿ã®ã¢ãã¯ãèŠçŽ ã®ããŒãåŸ æ©ãAJAXåŒã³åºããåŠçããæè¡ã®äœ¿çšãå«ãŸããŸãã
- äžå®å®ãªãã¹ããžã®å¯ŸåŠïŒäžéšã®ããžã¥ã¢ã«ãã¹ãã¯ãç¹ã«éåææäœãè€éãªUIã€ã³ã¿ã©ã¯ã·ã§ã³ãæ±ãéã«ãäžå®å®ã«ãªããã¡ã§ãã倱æãããã¹ãã®å詊è¡ãå ç¢ãªåŸ æ©ã¡ã«ããºã ã®å®è£ ã圹ç«ã¡ãŸãã
- å€§èŠæš¡ãªãã¹ãã¹ã€ãŒãã®ç®¡çïŒããžã¥ã¢ã«ãã¹ãã®æ°ãå¢ããã«ã€ããŠããã¹ãã¹ã€ãŒãã®ç®¡çãšä¿å®ãå°é£ã«ãªãããšããããŸããã¢ãžã¥ãŒã«åŒã®ãã¹ãæ§é ã䜿çšãããã¹ããè«ççã«æŽçãããã¹ãã®ä¿å®ãèªååããããšã圹ç«ã¡ãŸãã
- åœéœæ§/åœé°æ§ïŒåœéœæ§ãåœé°æ§ãé²ãããã«ã¯ãæ¯èŒã¢ã«ãŽãªãºã ã®åŸ®èª¿æŽãšæ¯èŒãšã³ãžã³ã®èš±å®¹åºŠã調æŽããããšãéèŠã§ãã
- ããã©ãŒãã³ã¹ã«é¢ããèæ ®äºé ïŒããžã¥ã¢ã«ãã¹ãã®å®è¡ã¯ãç¹ã«å€§èŠæš¡ãªã¢ããªã±ãŒã·ã§ã³ã§ã¯æéããããããšããããŸãããã¹ãå®è¡ãæé©åãããããã¬ã¹ãã©ãŠã¶ã䜿çšãããã¹ãå®è¡ã䞊ååããŠããã©ãŒãã³ã¹ãåäžãããããšãæ€èšããŠãã ããã
- é©åãªããŒã«ã®éžæïŒé©åãªããžã¥ã¢ã«ãã¹ãããŒã«ãšãã¬ãŒã ã¯ãŒã¯ãéžæããããšã¯ããã¹ã掻åã®æåã«ãšã£ãŠäžå¯æ¬ ã§ããæ±ºå®ãäžãåã«ãåããŒã«ã®æ©èœã䜿ãããããçµ±åæ©èœãæ éã«è©äŸ¡ããŠãã ããã
ããã³ããšã³ãããžã¥ã¢ã«ãã¹ããšåœéå/ããŒã«ãªãŒãŒã·ã§ã³
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã¯ãåœéåïŒi18nïŒãšããŒã«ãªãŒãŒã·ã§ã³ïŒl10nïŒãäžå¯æ¬ ãªèæ ®äºé ã§ããã°ããŒãã«ãªãŒãã£ãšã³ã¹åãã«èšèšãããã¢ããªã±ãŒã·ã§ã³ãæ±ãéã«ãéåžžã«éèŠã«ãªããŸãã以äžã®é ç®ã¯ãã°ããŒãã«ãªã·ããªãªã«ãããUIãã¹ãã®éèŠãªèæ ®äºé ã匷調ããŠããŸãïŒ
- ããã¹ãã¬ã³ããªã³ã°ïŒããžã¥ã¢ã«ãã¹ãã¯ãå³ããå·ŠïŒRTLïŒã«èšè¿°ããèšèªïŒäŸïŒã¢ã©ãã¢èªãããã©ã€èªïŒãå«ããç°ãªãèšèªã§ã®ããã¹ãã®æ£ç¢ºãªã¬ã³ããªã³ã°ãæ€èšŒããå¿ èŠããããŸããåèšèªã§ãã©ã³ããšã¬ã€ã¢ãŠããæ£ãã衚瀺ãããããšã確èªããŸãã
- ã¬ã€ã¢ãŠã調æŽïŒç°ãªãèšèªã§ã¯ããã¹ãã®é·ããç°ãªãå ŽåããããUIèŠçŽ ã®ã¬ã€ã¢ãŠãã«åœ±é¿ãäžããå¯èœæ§ããããŸããUIãããé·ããŸãã¯çãããã¹ãæååã«ã©ã®ããã«é©å¿ãããããã¹ãããŸãã
- æ¥ä»ãšæå»ã®åœ¢åŒïŒãŠãŒã¶ãŒã®ãã±ãŒã«ã«å¿ããŠãæ¥ä»ãšæå»ã®åœ¢åŒãäžè²«ããŠè¡šç€ºãããããšãæ€èšŒããŸãã
- é貚èšå·ïŒãŠãŒã¶ãŒã®å°åã«åºã¥ããŠãé貚èšå·ãæ£ãã衚瀺ãããããšã確èªããŸãã
- æ°å€ã®æžåŒèšå®ïŒç°ãªããã±ãŒã«ã§ã®æ°å€ã®æžåŒèšå®ïŒäŸïŒå°æ°ç¹åºåãæåãååäœåºåãæåïŒãäžè²«ããŠäœ¿çšãããŠããããšãæ€èšŒããŸãã
- æåãšã³ã³ãŒãã£ã³ã°ïŒç¹æ®æåãã¢ã¯ã»ã³ãä»ãæåãæ£ãã衚瀺ãããããšã確èªããŸãã
- å³ããå·ŠïŒRTLïŒãžã®ãµããŒãïŒRTLèšèªã®UIèŠçŽ ããã¹ãããã¬ã€ã¢ãŠããšã³ã³ãã³ãã®é 眮ïŒã¡ãã¥ãŒãããããŒããã©ãŒã ïŒãæ£ããããšã確èªããŸãã
- æåçãªé©åæ§ïŒæåçãªæåæ§ã確ä¿ããããã«ãç°ãªãæååã§ã®ç»åãè²ããã¶ã€ã³èŠçŽ ã®èŠèŠçãªé åããã§ãã¯ããŸãã
ããã³ããšã³ãããžã¥ã¢ã«ãã¹ãã®æªæ¥
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã®åéã¯é²åãç¶ããŠããŸããæ°ããªãã¬ã³ãã«ã¯ä»¥äžãå«ãŸããŸãïŒ
- AIãæŽ»çšããããžã¥ã¢ã«ãã¹ãïŒäººå·¥ç¥èœïŒAIïŒã𿩿¢°åŠç¿ïŒMLïŒããããžã¥ã¢ã«ãã¹ãã®èªååãUIã®åé¡ã®æ€åºãæœåšçãªåé¡ã®çºçåã®äºæž¬ã«äœ¿çšãããŠããŸãããããã®AIé§åããŒã«ã¯ãèŠèŠçãªæ¬ é¥ã®ãã¿ãŒã³ãèå¥ããæœåšçãªä¿®æ£ãææ¡ããããšãã§ããŸãã
- ãã¶ã€ã³ã·ã¹ãã ãšã®çµ±åïŒããžã¥ã¢ã«ãã¹ãã¯ãUIã³ã³ããŒãã³ããã¢ããªã±ãŒã·ã§ã³å šäœã§äžè²«ããŠããããã¶ã€ã³ä»æ§ã«æºæ ããŠããããšãä¿èšŒããããã«ããã¶ã€ã³ã·ã¹ãã ãšãŸããŸãçµ±åãããŠããŸããããã«ãããUIãã¹ããžã®çµ±äžãããã¹ã±ãŒã©ãã«ãªã¢ãããŒããå¯èœã«ãªããŸãã
- ããé«åºŠãªæ¯èŒã¢ã«ãŽãªãºã ïŒç ç©¶è ãã¡ã¯ãããæ£ç¢ºã§ãé«éã§ãåœéœæ§ãå°ãªããæ¹åãããç»åæ¯èŒã¢ã«ãŽãªãºã ãç¶ç¶çã«éçºããŠããŸããã¢ã«ãŽãªãºã ã¯ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã«çã«åœ±é¿ãäžãããã®ãç¹å®ããããã«ãUIã®äººéã«ããç¥èŠãèæ ®ã«å ¥ããããã«ãªããŸãã
- èªååãšCI/CDçµ±åã®å¢å ïŒèªååã¯ããã¹ãããã»ã¹ãå¹çåããæäœæ¥ãæžããããã«ããã«éèŠã«ãªããŸããCI/CDãã€ãã©ã€ã³ãžã®ããžã¥ã¢ã«ãã¹ãã®çµ±åã¯ãæšæºçãªå®è·µãšãªãã§ãããã
ããã³ããšã³ãéçºããŸããŸãè€éåããã«ã€ããŠãããžã¥ã¢ã«ãã¹ãã¯ãŠã§ãã¢ããªã±ãŒã·ã§ã³ã®å質ãäžè²«æ§ã䜿ãããããä¿èšŒããäžã§ãŸããŸãéèŠãªåœ¹å²ãæããã§ãããããããã®ãã¬ã³ããåãå ¥ãããã¹ããã©ã¯ãã£ã¹ãæ¡çšããããšã§ãéçºè ãšQAããŒã ã¯ã°ããŒãã«ãªãªãŒãã£ãšã³ã¹ã«åªãããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãæäŸã§ããããã«ãªããŸãã
çµè«
ããã³ããšã³ãã®ããžã¥ã¢ã«ãã¹ãã¯ãé«å質ã§äœ¿ãããããŠã§ãã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ããããã®äžå¯æ¬ ãªå®è·µã§ããã¹ã¯ãªãŒã³ã·ã§ããæ¯èŒãšãªã°ã¬ãã·ã§ã³æ€åºãçšããããšã§ãéçºè ãšQAããŒã ã¯ãç°ãªããã©ãŠã¶ãããã€ã¹ãç»é¢ãµã€ãºã§UIã®äžè²«æ§ã確ä¿ã§ããŸããå ç¢ãªããžã¥ã¢ã«ãã¹ãæŠç¥ãå®è£ ããããšã§ãããžã¥ã¢ã«ãªã°ã¬ãã·ã§ã³ãé²ãããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãåäžãããéçºããã»ã¹ãå¹çåããæçµçã«ã¯æŽç·Žãããé åçãªè£œåãã°ããŒãã«ãªãªãŒãã£ãšã³ã¹ã«æäŸããããšãã§ããŸããé©åãªããŒã«ãéžæãããã¹ããã©ã¯ãã£ã¹ã確ç«ããæé©ãªçµæãéæããããã«ããã³ããšã³ãéçºã®å€åããç¶æ³ã«é©å¿ããããšãå¿ããªãã§ãã ãããã¯ãŒã¯ãããŒã«ããžã¥ã¢ã«ãã¹ããçµã¿èŸŒãããšã§ãã©ãã«ããŠãããã¹ãŠã®äººã«æš¡ç¯çãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãæäŸãããšããéèŠãªäžæ©ãèžã¿åºãããšã«ãªããŸãã