ããã³ããšã³ããšã³ãžãã¢ã£ãŠå®éã©ããªã®ïŒ
ããã³ããšã³ããšã³ãžãã¢ã®ãã£ãªã¢ã¯ãå€ãã®äººã«ãšã£ãŠé åçã§ãããŠã§ããµã€ããã¢ããªã±ãŒã·ã§ã³ã®ãé¡ããäœãéèŠãªåœ¹å²ãæãããã¯ãªãšã€ãã£ããªæè¡ãšèŠèŠãã¶ã€ã³ã奜ããªäººã«ã¯çæ³çãªéãããããŸããããããããã®è·æ¥ãåããŠãããšæãããŸã§ã«ãããã€ãã®çŸå®ã«çŽé¢ããå¿ èŠããããŸãã
åžå Žã®ååã¯ãããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã«ãããŠå€§ããªåœ¹å²ãæãããŸãããã¬ã³ãã絶ããå€åããŠãããããã©ã®æè¡ãæ±ããããŠããããåžžã«æ³šèŠããå¿ èŠãããã®ã§ããé è²ãã¬ã€ã¢ãŠãããŠãŒã¶ããªãã£ãšãã£ãèŠçŽ ã«é¢ããå°éç¥èãå¿ èŠã§ãæã«ã¯ã°ã©ãã£ãã¯ãã¶ã€ã³ã«éããŠããããšãæ±ããããŸãã
ãŸãããã£ãªã¢ãã¹ãæ¿ããå€åããŠãããé«ãæè¡çå°éç¥èã ãã§ãªããããŒã ã§ã®ã³ãã¥ãã±ãŒã·ã§ã³èœåããããžã§ã¯ã管çèœåãæ±ããããããã«ãªã£ãŠããŸããããã³ããšã³ããšã³ãžãã¢ãšããŠæåããããã«ã¯ããããã®èŠæ±ã«å¿ããããããšãéèŠã§ãã
ä»äºã®çŸå®ïŒãã£ãªã¢ã®ææŠãšåžå Žã®åå
ããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã¯åžžã«å€åããé²åãç¶ããæ¥çã§ããæ±ããããã¹ãã«ã¯å¹Žããšã«å€ããã䜿ããããã¬ãŒã ã¯ãŒã¯ãããŒã«ã移ãå€ãããŸããããã¯æ¥çã«ãšããµã€ãã£ã³ã°ãªãã€ãããºã ãããããäžæ¹ã§ããšã³ãžãã¢ã«ãšã£ãŠã¯ç¶ç¶çãªåŠç¿ãšé©å¿ãäžå¯æ¬ ãšããææŠãæå³ããŸãã
ããã«ãããªãŒã©ã³ã¹ãšããŠã®éãéžã¶äººãå€ãããããžã§ã¯ãã«å¿ããæé亀æžãçšéã®ç®¡çãªã©ããšã³ãžãã¢ãªã³ã°ä»¥å€ã®ã¹ãã«ãå¿ èŠãšãããå ŽåããããŸãã絊äžé¢ã«é¢ããŠãçç·Žãããšãã¹ããŒãã§ãã£ãŠããæ°ããæè¡ãçŸããããšã§äŸ¡å€ã圱é¿ãåããå¯èœæ§ããããŸãã
åžå Žã¯ç«¶äºãæ¿ãããè¯ãæ¡ä»¶ã«ã¢ãµã€ã³ãããããã«ã¯ãåã«æè¡ãåªããŠããããšä»¥äžã®é åãæã£ãŠããå¿ èŠãããããšãç解ããã¹ãã§ããããšãã°ãã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«ãããŒã å ã§ã®ãªãŒããŒã·ããèœåããã®äžã€ãšããŠèããããã§ãããã
ãã¯ãããžãŒã®é²åïŒç¶ç¶çãªåŠç¿ã®å¿ èŠæ§
ããã³ããšã³ããšã³ãžãã¢ã«å¿ èŠãªæè¡ã¯æ¥ã é²åããŠãããæ°ããããŒã«ãèšèªããã¬ãŒã ã¯ãŒã¯ãé »ç¹ã«ç»å ŽããŸããVue.js, React, Angularãšãã£ããã¬ãŒã ã¯ãŒã¯ã¯ä»äºã®å¹ ãåºããŸãããæè¡ã®å¯¿åœãçãããã«ããšã³ãžãã¢ã¯åžžã«åŠã³ç¶ããªããã°ãªããŸããã
ç¶ç¶çãªåŠç¿ã¯ãããã§ãã·ã§ãã«ãšããŠã®æé·ã«ã¯æ¬ ãããªããã®ã§ãããæ°ããæè¡ãè¿œããããããšã«äŒŽãã¹ãã¬ã¹ãæéã®æè³ãèæ ®ã«å ¥ããå¿ èŠããããŸããèªå·±åŠç¿ã奜ãã§ãªããšããã®åéã§ã®é·æçãªãã£ãªã¢ã¯é£ãããããããŸããã
ãªã³ã©ã€ã³ã³ãŒã¹ãã³ãã¥ããã£ãç¥èãåŸãæ段ãæäŸããŠããŸããããããã«ã¢ã¯ã»ã¹ããæéãèŠã€ããããšã¯ãç¹ã«ãããžã§ã¯ãã®ç· ãåããè¿«ã£ãŠããå Žåãäžå±€å°é£ã«ãªããããããŸããã
ãããžã§ã¯ã管çãšçŽæã®ãã¬ãã·ã£ãŒ
ããã³ããšã³ããšã³ãžãã¢ã¯ãã°ãã°å³ããçŽæã«çžãããŸãããã¶ã€ã³ããéçºããã¹ãã«è³ããŸã§ããããžã§ã¯ããæéå ã«å®æããã責任ããããŸããããã«ã¯åŒ·åãªãããžã§ã¯ã管çã¹ãã«ãšæé管çã¹ãã«ãå¿ èŠã§ãã
è€éãªæ©èœãã¢ãã¡ãŒã·ã§ã³ãæ±ããããã»ã©ãã©ãã ãæéãããããäºæž¬ããããšãå°é£ã«ãªããŸããããã¯ã¯ã©ã€ã¢ã³ããšã®ã³ãã¥ãã±ãŒã·ã§ã³ã§éèŠãªãã€ã³ããšãªããæåŸ ãé©åã«ç®¡çããããšããããžã§ã¯ãã®æåã®ã«ã®ãæ¡ããŸãã
ç·æ¥ã®ãã°ä¿®æ£ãæ°ããèŠä»¶ã®è¿œå ãªã©ããããžã§ã¯ãã¯åžžã«æµåçã§ããããã³ããšã³ããšã³ãžãã¢ãšããŠã¯ããããã®ç¶æ³ã«è¿ éã«é©å¿ããã¹ãã¬ã¹ã管çããªãããã¯ãªãªãã£ã®é«ãäœæ¥ãä¿ã¡ç¶ããããšãèŠæ±ãããŸãã
ã¯ãŒã¯ã©ã€ããã©ã³ã¹ïŒçæ³ãšçŸå®ã®ã®ã£ãã
è¯å¥œãªã¯ãŒã¯ã©ã€ããã©ã³ã¹ã¯å€ãã®å°éè·ã«ãããŠéèŠãšãããŠããŸãããããã³ããšã³ããšã³ãžãã¢ã«ãªããšããã®ãã©ã³ã¹ãåãããšãç¹ã«é£ãããªãå¯èœæ§ããããŸãããããžã§ã¯ãã®èŠæ±ãç· ãåãã¯ãäºæãã¬åŽåæéã®å¢å ãããããããšããããŸãã
èªå® ã§ã®ãªã¢ãŒãã¯ãŒã¯ãå¢ããããšã§ãä»äºãšãã©ã€ããŒãã®å¢çç·ãææ§ã«ãªãããšããã®è·æ¥ã®ç¹åŸŽã§ãããããžã§ã¯ãã«æ²¡é ããããç°å¢ã§ãããšåæã«ããªãã¿ã€ã ã確ä¿ããç²ããæããããšãªãäœæ¥ãç¶ããèªå·±ç®¡çèœåãæ±ããããŸãã
ãŸããå®æçãªãã§ãã¯ã€ã³ãã¢ãŠãããã確èªã®ããã«é±æ«ãå€éã«åãããšããããŸããçµæãšããŠãããã³ããšã³ããšã³ãžãã¢ã¯é«ãã¬ãã«ã®èªå·±èŠåŸãæã¡åãããŠããªããã°ãã¯ãŒã¯ã©ã€ããã©ã³ã¹ã厩ãããªã¹ã¯ãããã®ã§ãã
èŸãç¹ãèŠåŽããç¹ã解説ïŒ
åžžã«å€ãããã¬ãŒã ã¯ãŒã¯ãšã©ã€ãã©ãª
ããã³ããšã³ãéçºã®äžçã¯åžžã«é²åããŠãããæ°ãããã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªãæ¥ã ç»å ŽããŸãããã®ãããããã³ããšã³ããšã³ãžãã¢ã¯çµ¶ããæ°æè¡ãåŠã³ãå€ããã®ããæŽæ°ããå¿ èŠã«è¿«ãããŸããããã¯å§åçãªé床ã§æè¡ãé²åããæ¥çã®å®¿åœã§ãã
ããšãã°ãéå»ã«ã¯jQueryãéåžžã«äººæ°ã§ããããçŸåšã§ã¯ReactãVue.jsãAngularãšãã£ãã¢ãã³ãªãã¬ãŒã ã¯ãŒã¯ãäž»æµã§ãããããã®æè¡ã«è¿œãã€ãããã«ã¯ãç¶ç¶çãªåŠç¿ãå¿ èŠã§ããããããå€ãã®éçºè ã«ãšã£ãŠå€§ããªã¹ãã¬ã¹ã«ãªãããšããããŸãã
ããã«ããã¬ãŒã ã¯ãŒã¯ããšã«ç°ãªããã¹ããã©ã¯ãã£ã¹ããã¿ãŒã³ãåŠã¶å¿ èŠããããå€ãã®æéãšåŽåãæè³ããããšãæ±ããããŸãããã®ãããªæ¿ããæè¡ã®æŽæ°é »åºŠã¯ããããã³ããšã³ããšã³ãžãã¢ãããšãããšèšãããäžå ã§ããããŸãã
ãã©ãŠã¶ã®äºææ§åé¡ãšå¯ŸåŠæ¹æ³
ç°ãªããã©ãŠã¶ã§ãŠã§ããµã€ããåãããã«èŠããæ£ããåäœããããã«ããããšã¯ãããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠåå®ãªèª²é¡ã§ããç¹å®ã®ãã©ãŠã¶ã ãã§ãªããå€æ§ãªããã€ã¹ã«å¯Ÿå¿ããããã«ã¯ã现ãã泚æãæãå¿ èŠããããŸãã
CSSããããã£ã®äžè²«æ§ã®ãªãããJavaScriptãç°ãªã解éããããããšããããªã©ãéçºè ã¯ãã©ãŠã¶éã®è©³çŽ°ãªéãã«ç²ŸéããŠããªããã°ãªããŸãããç¹ã«å€ããã©ãŠã¶ã®ãµããŒãã¯ãå€ãã®èŠåŽãšæéãèŠããäœæ¥ã§ãã
解決çãšããŠã¯ãCSSã®ãªã»ããããããªãã£ã«ã®å©çšããã©ãŠã¶ããšã®ç¹å®ã®æ©èœã䜿çšããããšãé¿ãããªã©ããããŸãããããããããã®å¯Ÿå¿ã¯è€éã§ãããåžžã«å€åãããã©ãŠã¶ã®ã¢ããããŒãã«ææã§ãªããã°ãªããŸããããã®ããããã®åéã¯èä¹ åãšç²ã匷ããæ±ããããŸãã
ããã©ãŒãã³ã¹ãšã»ãã¥ãªãã£ã®äž¡ç«
ãŠã§ããµã€ãã®ããŒãæéã察話æ§ã¯ãŠãŒã¶ãŒäœéšã«å€§ããªåœ±é¿ãäžããŸããäžæ¹ã§ãã»ãã¥ãªãã£ãéåžžã«éèŠãªèŠçŽ ã§ããããã³ããšã³ããšã³ãžãã¢ã¯ãé床ãšã»ãã¥ãªãã£ãšãã2ã€ã®ç®æšãäž¡ç«ãããå¿ èŠããããŸãã
é«ããã©ãŒãã³ã¹ãå®çŸããããã«ã¯ãã³ãŒãã®æé©åãç»åã®å§çž®ããã£ãã·ã¥æŠç¥ãªã©å€ãã®æè¡ãå¿ èŠã§ããããããªããããããã®æœçã¯ã»ãã¥ãªãã£äžã®ãªã¹ã¯ã䌎ãããšãããããã®ãã©ã³ã¹ãåãããšãé£ããã§ãã
ã»ãã¥ãªãã£å¯ŸçãšããŠã¯ãå ¥åã®ãµãã¿ã€ãžã³ã°ãã¯ãã¹ãµã€ãã¹ã¯ãªããã£ã³ã°ïŒXSSïŒæ»æã®é²æ¢ãäŸåé¢ä¿ã®å®å šãªç®¡çãªã©ãæ§ã ãªæè¡ãé§äœ¿ããå¿ èŠããããŸãããŠãŒã¶ãŒã«ãšã£ãŠå¿«é©ã§å®å šãªãŠã§ãäœéšãæäŸããããã«ããšã³ãžãã¢ã¯ãããã®é¢ã«ãããŠé«åºŠãªç¥èãšã¹ãã«ãæ±ããããŸãã
ãŠãŒã¶ãŒäœéšãå·Šå³ãã现éšãžã®ãã ãã
ããã³ããšã³ããšã³ãžãã¢ã®ä»äºã¯ããµã€ããã¢ããªã±ãŒã·ã§ã³ã®”é¡”ãäœãããšã§ãããã®ããããã¶ã€ã³ã ãã§ãªãã现éšã«ããããŠãŒã¶ãŒäœéšã®è³ªã«ã責任ãæã€å¿ èŠããããŸãã现ããã€ã³ã¿ã©ã¯ã·ã§ã³ãã¢ãã¡ãŒã·ã§ã³ããå šäœã®å°è±¡ã倧ããå·Šå³ããããã§ãã
ããã«çŽ°ããã¿ãããã¹ã¯ã€ãããããŒãšãã§ã¯ããªã©ããŠãŒã¶ãŒã®æäœã«å¿ãããªã¢ã¯ãã£ããªäœéšãæäŸããããã«ã¯ãæ·±ãå°éç¥èãå¿ èŠãšãªããŸããããã«ã¯ã詳现ãªãã¹ããšå埩çãªãã£ãŒãããã¯ãéããŠãæé«ã®ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ãå®çŸãããã ãããæ±ããããŸãã
ãããã现éšã«ãã ããããããšããããžã§ã¯ãã®é²æã«åœ±é¿ãäžããããšããããŸããã¿ã€ã ãããžã¡ã³ããšå質管çã®ãã©ã³ã¹ãåããªããããŠãŒã¶ãŒã«æºè¶³ããŠãããããã®æåã®è§£æ±ºçãèŠã€ããããšã¯ãéåžžã«å°é£ã§ã¹ãã¬ã¹ã®å€ãäœæ¥ã§ãããã®ãããªãã¬ãã·ã£ãŒãããããšããã®å£°ã«ã€ãªããããšããããŸãã
ãããã³ããšã³ããšã³ãžã㢠ãããšãããšèšãããèæ¯
ããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã¯ãŠã§ãäžã§æãç®ã«èŠããææãçãä»äºã§ããããããããããšãããšèšããã声ãããã®ã«ã¯ãããã€ãã®çç±ããããŸããæ¬èšäºã§ã¯ããã®çç±ã«ã€ããŠæ·±ãèå¯ããŠãããŸãã
競äºãæ¿ããå°±è·åžå Žãšã¹ãã«ã®éå°è©äŸ¡
ããã³ããšã³ããšã³ãžãã¢ãšããŠã®éãéžã¶éã«ã¯ãå³ããå°±è·åžå Žã®äºå®ãèªèããããšãå¿ èŠã§ããæ°å€ãã®ãšã³ãžãã¢ãããã³ããšã³ãã®ããžã·ã§ã³ãçã£ãŠãããæ°ããéçºè ãåºãŠããã¹ããŒãã¯å éããŠããŸãããã®ãããåžå Žã¯é£œåç¶æ ã«è¿ããªãã€ã€ãããŸãã
ãã®ç«¶äºã®æ¿ããããåŸã ã«ããŠã¹ãã«ã®éå°è©äŸ¡ã«ã€ãªããããšããããŸããäŒæ¥ã¯åãä»äºã§ãã£ãŠãäœã絊äžãæ瀺ããããšãã§ããããã«ãªããããããšã³ãžãã¢ãã¡ã®ã¢ãããŒã·ã§ã³ã®äœäžã«ã€ãªãããŸãã
ãŸããå€ãã®ãšã³ãžãã¢ãèªå·±ç éœã«å€ãã®æéãè²»ãããææ°ã®æè¡ãã¬ã³ãã«è¿œãã€ãããšããŸããããã®åªåãé©æ£ã«è©äŸ¡ãããªãå Žåãå°ãªããããŸããã
ã³ãŒãã®è€éæ§ã«ãã粟ç¥çã¹ãã¬ã¹
ããã³ããšã³ãã®ã³ãŒãã¯ãè¿å¹ŽãŸããŸãè€éããå¢ããŠããŸããæ°ãããã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªãç»å Žãããã³ã«ããšã³ãžãã¢ã¯ããããåŠç¿ããé©çšããå¿ èŠãåºãŠããŸãããã®çµæãç¶ç¶çãªåŠç¿ãšæŽæ°ãæ±ããããããã粟ç¥çãªã¹ãã¬ã¹ã«ç¹ãããŸãã
å ããŠããã°ã®ä¿®æ£ãæ©èœã®æ¹åãã¯ã©ã€ã¢ã³ãã®èŠæ±å€æŽã«å¯Ÿå¿ããããã«ã¯ãç·»å¯ãªæ³šæãšé«ãéäžåãå¿ èŠãšãªããŸãããã®ãã¬ãã·ã£ãŒãã¹ãã¬ã¹ãå¢å€§ããããããã¹ãã ãšèãã人ãããŸãã
ãŸãããããžã§ã¯ãã®çŽæã«è¿œãããäžã§ã®æ©èœè¿œå ãä¿®æ£ã¯ãå質ãç ç²ã«ããããšã«ãã€ãªããããããããã«äŒŽã眪æªæãäžæºã¯ãšã³ãžãã¢ã®å¿ççè² æ ãå¢ãäžå ãšãªã£ãŠããŸãã
å€ãã®è²¬ä»»ãšå°ãªãæš©éïŒè·å Žã§ã®ç«ã¡äœçœ®
ããã³ããšã³ããšã³ãžãã¢ã¯ããããžã§ã¯ãã«ãããéåžžã«éèŠãªåœ¹å²ãæ ã£ãŠããŸããããã®è²¬ä»»ã«å¯ŸããŠäžããããæš©éã¯ãã°ãã°éãããŠããŸããã€ãŸããéèŠãªææ決å®ã«å¯ŸããŠå£°ã倧ããããããšãé£ããããã倱æããå Žåã®è²¬ä»»ã¯éãã®ãããã£ãŠããŸãã
å€ãã®å Žåããšã³ãžãã¢ã¯ã¯ã©ã€ã¢ã³ããäžçŽç®¡çè ããçŽæ¥çãªãã¬ãã·ã£ãŒãåãããããææ決å®ããã»ã¹ã«ã¯ååã«é¢äžã§ãããææ¡ãåãå ¥ããããªãããšããããŸãã
ãã®ãããªç¶æ³ã¯ãããã³ããšã³ããšã³ãžãã¢ã®å£«æ°ãäœäžãããèªèº«ã®èœåãçãåå ã«ããªãããŸãããã®ãããããããšãããšãã声ãäžããããšãããã®ã§ãã
ã¯ã©ã€ã¢ã³ããã¹ããŒã¯ãã«ããŒããã®é床ãªèŠæ±
ããã³ããšã³ãã®ä»äºã¯ãã¯ã©ã€ã¢ã³ããã¹ããŒã¯ãã«ããŒã®é¡ãèŠããç¯å²ã«ãããŸãããã®ãããçŽæ¥çãªãã£ãŒãããã¯ãä¿®æ£èŠæ±ãé »ç¹ã«ããããããé床ã«ãªããšãšã³ãžãã¢ã®ã¯ãŒã¯ã©ã€ããã©ã³ã¹ã粟ç¥çå¥åº·ãæãªãåå ã«ãªããŸãã
å ããŠãã¯ã©ã€ã¢ã³ãã¯æè¡çãªç¥èãä¹ããããšãå€ããäžåçãªã¿ã€ã ã©ã€ã³ãæ©èœã®è¿œå ãèŠæ±ããããšãçãããããŸããããã®ãããªç¶æ³ã¯ããšã³ãžãã¢ã«å¯ŸããŠéå°ãªã¹ãã¬ã¹ãããããããšã«ãªããŸãã
æçµçã«ãããããèŠæ±ã«ãã£ãŠçããã¹ãã¬ã¹ãç©ã¿éãªãããããã³ããšã³ããšã³ãžã㢠ãããšãããšããèŠåããªãããããšã«ãªãã®ã§ãã
ããã³ããšã³ãæ¥çã®æªæ¥ãšã¯ïŒ
æ°ããæè¡ãã¬ã³ãã®å°é ãšãã®åœ±é¿
ããã³ããšã³ãã®äžçã¯åžžã«å€åããŠãããæ°ããæè¡ãã¬ã³ãã次ã ãšçŸããŸããçŸåšãReactãAngularãVue.jsãšãã£ã人æ°ã®ã©ã€ãã©ãªããã¬ãŒã ã¯ãŒã¯ãæ¥çæšæºãšãããŠããŸãããæ°ããªæè¡ããããã眮ãæããå¯èœæ§ããããŸãããã®å€åã®éãã¯ãããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠã¯çµ¶ããæ°ããåŠç¿ãè¿«ããããšãããã¬ãã·ã£ãŒã«ãªãããšãã
ãŸããæè¡ãã¬ã³ãã®å€åã¯ãæ¡çšãããèšèªãããŒã«ã®éžæã«ã圱é¿ãäžããŸããäŸãã°ãWebAssemblyã®ãããªæ°ããæè¡ãå°é ãããšãJavaScript以å€ã®èšèªã§ããã³ããšã³ãéçºãè¡ãããå¯èœæ§ããããŸãããã®å€åã¯ããšã³ãžãã¢ãæ°ããç¥èãã¹ãã«ã身ã«ã€ããããšãžã®ã¢ãããŒã·ã§ã³ã«ã€ãªããäžæ¹ã§ããã£ãªã¢ã«ãããäžç¢ºå®æ§ãæããããèŠå ã«ããªãåŸãŸãã
ããã«ãæè¡ãã¬ã³ãã¯éçºããã»ã¹ã«ã圱é¿ãåãŒããŸããæ°ãããã¬ãŒã ã¯ãŒã¯ãããŒã«ã¯ãã°ãã°ãããå¹ççãªã³ãŒãã®äœæãéçºã®ã¹ããŒãã¢ãããå¯èœã«ããŸããããã®åé¢ãæ¢åã®ãããžã§ã¯ãã®ã¡ã³ããã³ã¹ãã¢ããããŒãã«ãããŠäºææ§ã®åé¡ãçãå ŽåããããŸããããã³ããšã³ããšã³ãžãã¢ã«æ±ããããã¹ãã«ã»ããã¯æ¥éã«å€åããŠããããããã®æ¥çãç®æãè ã¯ãä»åŸãå€åã«è¿ éã«å¯Ÿå¿ãç¶ããå¿ èŠãããã§ãããã
ãšã³ãžãã¢ãšããŠã®ãã£ãªã¢ãã¹
ãšã³ãžãã¢ãšããŠã®ãã£ãªã¢ãã¹ã¯å€å²ã«æž¡ããŸããããã³ããšã³ããšã³ãžãã¢ã¯å ¥éããå§ãŸããäžçŽãäžçŽãšã³ãžãã¢ãšã¹ãã«ã磚ãäžãããªãŒããšã³ãžãã¢ããããŒãžã£ãŒãžãšé²ãéããããŸãããŸããå°éæ§ãé«ããããšã§ãUX/UIãã¶ã€ã³ãã¢ã¯ã»ã·ããªãã£å°é家ãããã©ãŒãã³ã¹æé©åã®ãšãã¹ããŒããªã©ã®åéã§é«ãè©äŸ¡ãåããããšãå¯èœã§ãã
ããããæ¿ããæè¡é²åã®äžããšã³ãžãã¢ã®ãã£ãªã¢ãã¹ã«ãããŠéèŠãšãªãã®ã¯ãåŠã³ç¶ãã姿å¢ã§ãããã¬ã³ããå€ããã°ãããã«é©ããã¹ãã«ã身ã«ã€ããããšãæ±ãããã絶ããåžå ŽäŸ¡å€ãç¶æãç¶ããããã«ã¯ãããã§ãã·ã§ãã«ãªç¥èãæŽæ°ãç¶ããå¿ èŠããããŸãã
äžæ¹ã§ããšã³ãžãã¢ã®ãã£ãªã¢ãã¹ã«ã¯ãã¯ãã«ã«ãªãã£ãªã¢ãšãããŒãžã¡ã³ãã®ãã£ãªã¢ãååšããŸããæè¡ã®å°é家ãšããŠã®éã極ããããšããããŒã ããããžã§ã¯ãããããžã¡ã³ãããèœåã磚ãããšããããããã®é©æ§ãå¿åã«ãã£ãŠéžæãåãããŸããããã³ããšã³ããšã³ãžãã¢ãšããŠã®ãã£ãªã¢ãèããäžã§ãèªåãã©ã®æ¹åã«é²ã¿ããã®ããå°æ¥çãªç®æšãèæ ®ã«å ¥ããããšãéèŠã§ãã
人工ç¥èœ(AI)ãšèªååã®é²å±
人工ç¥èœãšèªååæè¡ã®é²å±ã¯ãããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã«ã倧ããªåœ±é¿ãäžããŸããAIãå©çšãããã¶ã€ã³ããŒã«ãç»å ŽããUX/UIã®èšèšããã»ã¹ãäžéšèªååããããšãå¯èœã«ãªãã€ã€ãããŸãããã®ãããªããŒã«ã¯ãæäœæ¥ã«ãããããã¿ã€ãã³ã°ããã¹ãã®å·¥çšã倧ããççž®ããŠããããããéçºè ã®äœæ¥å¹çãåäžãããã«éããããŸããã
ããããèªååæè¡ã®é²åã¯ãäžéšã®æè¡çãªã¹ãã«ã®éèŠæžå°ãããããæãããããŸããäŸãã°ãã³ãŒãã£ã³ã°èªäœãèªåçæããããŒã«ãéçºãããã°ãã³ãŒãã£ã³ã°æè¡ãæã€ãšã³ãžãã¢ã®ä»äºãå€åããããšãèããããŸããããã³ããšã³ããšã³ãžãã¢ã¯ãAIãšèªååã®é²æ©ãåãå ¥ãããããã®æè¡ã䜿ãããªãããããªæ°ããªã¹ãã«ã»ããã身ã«ã€ããããšãæ±ããããŸãã
ãŸããAIãšèªååã«ãã£ãŠãšã³ãžãã¢ã®åœ¹å²èªäœãå€ãããããããŸãããAIã«ãããã¶ã€ã³ãã³ãŒãã®çæãå¢ããå Žåããšã³ãžãã¢ã¯ããã¯ãªãšã€ãã£ããªåŽé¢ãããšãã°ãŠãŒã¶ãŒäœéšã®åäžãã€ãããŒã·ã§ã³ã®è¿œæ±ãšãã£ãé åã«æ³šåããããšãæåŸ ãããã§ããããããã¯ãããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠæ°ããªãã£ã¬ã³ãžã§ãããšåæã«ã䟡å€ããã¹ãã«ãæã¡ç¶ããããã®ãã£ã³ã¹ã«ããªããŸãã
ãªã¢ãŒãã¯ãŒã¯ãšããªãŒã©ã³ã¹ã®å¢å
æè¿ã®åãæ¹ã®ãã¬ã³ããšããŠããªã¢ãŒãã¯ãŒã¯ã®å¢å ãé¡èã§ããæè¡ã®é²æ©ã«ãããã©ãããã§ãå¹ççã«äœæ¥ãè¡ãããšãã§ããããã«ãªã£ãããšãããããã³ããšã³ããšã³ãžãã¢ã§ãèªå® ã奜ããªå Žæã§ä»äºãããããšãäžè¬çã«ãªããŸããããã®æè»æ§ã¯ä»äºãšãã©ã€ããŒãã®ãã©ã³ã¹ãåãäžã§å€§ããªã¡ãªããã§ãã
ãŸãããªã¢ãŒãã¯ãŒã¯ã®æ®åã¯ãããªãŒã©ã³ã¹ãšããŠåãããã³ããšã³ããšã³ãžãã¢ã®å¢å ã«ãã€ãªãã£ãŠããŸããç¬ç«ããŠãããžã§ã¯ãã«åãçµãããšã§ã奜ããªä»äºãéžã³ãèªåã®åãããæéã«åãããŠæ¥åãè¡ãããšãã§ããŸãããã ããããªãŒã©ã³ã¹ãšããŠã®ãã£ãªã¢ãé²ããã«ã¯ãæè¡ã¹ãã«ã ãã§ãªããå¶æ¥èœåãã¿ã€ã ãããžã¡ã³ããèªå·±ç®¡çãéèŠã«ãªã£ãŠããŸãã
ããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã«ããããªã¢ãŒãã¯ãŒã¯ãšããªãŒã©ã³ã¹ãšããåãæ¹ã¯ãèªç±åºŠãé«ãåé¢ãäžå®å®ãªåå ¥ããããžã§ã¯ãã®ç²åŸã«åãã競äºãªã©ãåºå®éçšã§ã¯çµéšããªããªã¹ã¯ã䌎ããŸããããããé©åãªã¹ãã«ããããã¯ãŒã¯ãããã°ããã®æè»ãªåãæ¹ã§æåãåãããšã³ãžãã¢ãå°ãªããããŸãããããã³ããšã³ããšã³ãžãã¢ãšããŠã®ãã£ãªã¢ãèããäžã§ãèªåã«ãšã£ãŠäœãæé©ããèŠæ¥µããããšãéèŠã§ãã
転è·ãèããŠããããªããžïŒããã³ããšã³ããšã³ãžãã¢ã®çŸå®
æ±äººæ å ±ãèŠãåã«ç¥ã£ãŠããããæ¥çã®å®æ
ããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã¯ãå€åãç¶ããæè¡ã®æåç·ã«ããŸããé©ç°çãªã¹ããŒãã§æ°ããããŒã«ãšãã¬ãŒã ã¯ãŒã¯ã次ã ãšå°å ¥ããããããç¶ç¶çãªåŠç¿ã¯äžå¯é¿ã§ããå®åã«å³ããç¥èãšã¹ãã«ãå¿ èŠã§ããããã®ããšãäºãææãæããããå ŽåããããŸãã
ãŸããæ±äººæ å ±ã ããèŠãŠãããšãããã³ããšã³ããšã³ãžãã¢ã«ã¯å ãšåœ±ãããããšã«æ°ã¥ããããããŸããã競äºãæ¿åããŠãããç¹å®ã®ãã€ãã³ã°ãŒã«ã¹ãã«ãæããªããšãé«é¡å ±é ¬ã®ãªãã¡ãŒãåŸãã®ã¯é£ããã®ãçŸå®ãšãããŸãã
çžåããæ å ±ãé£ã³äº€ãäžããã®è·çš®ã®å®æ ãç¥ãããšã¯ã転è·ãæåãããäžã§éåžžã«éèŠãªç¬¬äžæ©ãšãããŸããåžå Žã®ãã¬ã³ããæ±ããããã¹ãã«ã»ãããè·å Žç°å¢ãªã©ãããããè§åºŠããæ¥çãç解ããå¿ èŠããããŸãã
æåããããã³ããšã³ããšã³ãžãã¢ã®ç¹åŸŽ
æåããããã³ããšã³ããšã³ãžãã¢ã«ã¯ãããã€ãå ±éããç¹åŸŽããããŸãããŸã第äžã«ã圌ãã¯åžžã«åŠç¿ãç¶ãã姿å¢ãæã£ãŠããŸããæè¡ã®é²æ©ã¯æ©ããç¶ç¶çãªèªå·±ç éœãå¿ èŠã§ãã
次ã«ãåªããã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«ãå ŒãåããŠããŸããä»äºã®å€§éšåã¯ããŒã ã§ã®äœæ¥ã§ãããããä»ã®éçºè ãã¯ã©ã€ã¢ã³ããšèª¿åããŠåãããšãæ±ããããŸãããŸããè€éãªæè¡çæŠå¿µããããããã説æã§ããèœåãæ¬ ãããŸããã
ãããŠãåé¡è§£æ±ºèœåãéåžžã«éèŠã§ãããããã°ããã©ãã«ã·ã¥ãŒãã£ã³ã°ã¯æ¥ã çºçãããããå¹ççãã€åµé çã«åé¡ã«å¯ŸåŠã§ããåãæ±ããããŸãã
ãã£ãªã¢è»¢æã®ããã®ã¹ãã«ã¢ããæŠç¥
ãã£ãªã¢è»¢æãèããŠãããªããåžå ŽäŸ¡å€ãé«ããããã«ã¹ãã«ã¢ãããäžå¯æ¬ ã§ããäžã€ã®æŠç¥ãšããŠãäž»èŠãªããã°ã©ãã³ã°èšèªã ãã§ãªããæ°ãããã¬ãŒã ã¯ãŒã¯ãããŒã«ã«ã粟éããããšã§ãã
ããŒããã©ãªãªã®æ§ç¯ãéèŠã§ããå®éã®ãããžã§ã¯ãã䜿ã£ããŠããŒã¯ãªããŒããã©ãªãªãäœæããèªåã®æè¡ã蚌æã§ããããã«ããŸããããããã«ãããããªãã®æè¡åãæ確ã«ç€ºãããšãã§ããŸãã
ãŸãããããã¯ãŒã¯ãç¯ãããšãæåã®éµã§ããã€ã³ã¿ãŒã³ã·ãããããŒãã¢ãããã³ã³ãã¡ã¬ã³ã¹ãžã®åå ãéããŠãæ¥çã®äººã ãšã®é¢ä¿ãç¯ãããšãã§ããŸãããããã®ã€ãªããã¯ã次ã®æ©äŒãæäŸããå¯èœæ§ããããŸãã
æ¥çã®ããã©ã³ããã®å©èšãšãã³ã
æ¥çã®ããã©ã³ã¯ãæ°åè ãé¥ããã¡ãªçœ ãåé¿ããããã®è²Žéãªå©èšãæäŸããŠããŸãã圌ãã¯ãèªèº«ã®çµéšãåºã«å®è·µçãªã¢ããã€ã¹ãæäŸããç¬åŠã ãã§ã¯ç解ãã¥ãããã€ã³ããææããŠãããŸãã
ããšãã°ãæè¡çã¹ãã«ã ãã§ã¯ãªããããžãã¹çèŠç¹ãæã€ããšã®éèŠæ§ã匷調ããŸãããããžã§ã¯ãã®ã³ã¹ããšæéã®èŠç©ãããã¯ã©ã€ã¢ã³ãã®æåŸ ç®¡çãã¹ã±ãžã¥ãŒãªã³ã°ãªã©ãããžãã¹ç¥èããªããšããã³ããšã³ããšã³ãžãã¢ãšããŠæåããã®ã¯é£ããã§ãã
ãŸããçãå°œãçå矀ãé¿ããããã®ã©ã€ãããã¯ãæé管çã®ãã¯ããã¯ãåºãå ±æãããŠããŸããé·æã«ããã£ãŠå¥åº·çãªã¯ãŒã¯ã©ã€ããã©ã³ã¹ãä¿ã¡ãæç¶å¯èœãªãã£ãªã¢ãç¯ãããã«ã¯ãä»äºãšç掻ã®ãã©ã³ã¹ãèŠã€ããããšãå¿ èŠã§ãã
ããã³ããšã³ããšã³ãžãã¢ãšããŠæåããããã®ãã€ã³ã
éèŠãªã¹ãã«ã»ãããšææ°ã®åŠç¿ãªãœãŒã¹
ããã³ããšã³ãéçºã®äžçã¯ã絶ããé²åããŠããŸããæåããããã³ããšã³ãžãã¢ã«ã¯ãHTMLãCSSãJavaScriptãšããåºç€æè¡ã«å ãããã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªãŒã®ç¥èãå¿ é ã§ããäŸãã°ãReactãVue.jsã®ãããªæå 端ã®ããŒã«ã䜿ãããªããããšãæ±ããããããšããããŸãã
ããããæè¡ã身ã«ã€ããããã«ã¯ãå®è©ã®ãããªã³ã©ã€ã³ã³ãŒã¹ããã¥ãŒããªã¢ã«ã掻çšããããšãéèŠã§ãã CourseraãUdemyã®ãããªãã©ãããã©ãŒã ã«ã¯ããã®ããŒããã¢ããã³ã¹ã¬ãã«ãŸã§æ§ã ãªã³ãŒã¹ãçšæãããŠããŠãèªå® ã§åŠç¿ãé²ããããšãã§ããŸãããŸããGitHubãCodePenãªã©ã®ãã©ãããã©ãŒã ã§ä»ã®éçºè ãšã³ãŒããå ±æãããã£ãŒãããã¯ããããããšãæé·ã«ã¯æ¬ ãããŸããã
ããã«ãã¢ã¯ã»ã·ããªãã£ãããã©ãŒãã³ã¹æé©åãªã©ã®ããå°éçãªãããã¯ãç解ããŸãããããããã¯ãŠãŒã¶ãŒäœéšãåäžãããéèŠãªèŠçŽ ã§ãããå€ãã®äŒæ¥ãé«ãã¬ãã«ã®å®è£ ãæ±ããŠããŸãã
ã³ãã¥ãã±ãŒã·ã§ã³èœåãšããŒã ã¯ãŒã¯ã®éèŠæ§
æè¡çãªã¹ãã«ã ãã§ã¯ãªããããã³ããšã³ããšã³ãžãã¢ã«ã¯åªããã³ãã¥ãã±ãŒã·ã§ã³èœåãå¿ é ã§ãããã¶ã€ããŒãããã¯ãšã³ããšã³ãžãã¢ãããã«ã¯ã¹ããŒã¯ãã«ããŒãã¯ã©ã€ã¢ã³ããšå¹æçã«ã³ãã¥ãã±ãŒã·ã§ã³ãåãããšã§ããããžã§ã¯ããã¹ã ãŒãºã«é²è¡ããŸãã
ããŒã ãããžã§ã¯ãã§ã¯ãæçãªã³ãã¥ãã±ãŒã·ã§ã³ãšå調æ§ãæåã®éµãæ¡ããŸããã¢ãžã£ã€ã«ãã¹ã¯ã©ã ãªã©ã®éçºææ³ã«æ £ããŠããããšãæãŸããã§ãããã³ãŒãã¬ãã¥ãŒããã¢ããã°ã©ãã³ã°ã«åå ããããšã§ãæè¡çãªç¥èŠã ãã§ãªããè¯å¥œãªé¢ä¿ãç¯ãããšã«ãç¹ãããŸãã
ãŸãããã¬ãŒã³ããŒã·ã§ã³èœåã磚ãããšãéèŠã§ããèªåã®ã¢ã€ãã¢ãããããããäŒãããããžã§ã¯ãã®ããžã§ã³ã«å¯Ÿããç解ãšå ±æãåŸãããšã§ããã質ã®é«ãææç©ãçã¿åºãããšãã§ããŸãã
ããŒããã©ãªãªäœæã®ãã¹ããã©ã¯ãã£ã¹
ããã³ããšã³ããšã³ãžãã¢ãšããŠã®å®çžŸãæ確ã«ç€ºãæè¯ã®æ¹æ³ã®äžã€ããããŒããã©ãªãªã®äœæã§ããèªèº«ã®ã¹ãã«ãçµéšãå ·äœçãªãããžã§ã¯ããéããŠã¢ããŒã«ããããšãã§ããŸãã
ããŒããã©ãªãªäœæã§ã¯ããªãŒããŒãæ¹ãã€ãããããªãŠããŒã¯ãªãã¶ã€ã³ãšããŠãŒã¶ãŒäžå¿ã®éçºã¢ãããŒããã«ã®ã«ãªããŸããã¯ãªãŒã³ãªã³ãŒããé©åãªã¢ãããŒã·ã§ã³ããããŠãããžã§ã¯ãããšã«ç®ã«èŠããææã瀺ãããšã§ãæœåšçãªéçšäž»ãã¯ã©ã€ã¢ã³ãã«åŒ·ãå°è±¡ã¥ããããšãã§ããŸãã
ããã«ãæŒãããŠããã¹ãã¯ãã¬ã¹ãã³ã·ããã¶ã€ã³ãã¯ãã¹ãã©ãŠãžã³ã°ãšãã£ãç·åçãªã¹ãã«ãããŒããã©ãªãªã«çã蟌ãããšã§ãããããã¯å€ãã®ãããžã§ã¯ãã«ãããŠéèŠèŠãããèŠçŽ ã§ãããå€æ§ãªããã€ã¹ããã©ãŠã¶ã§ã®äºææ§ã瀺ãããšãã§ããŸãã
ä»äºãšãã©ã€ããŒãã®ãã©ã³ã¹ãä¿ã€ã³ã
é·æéåŽåãé床ãªã¹ãã¬ã¹ã¯ãããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠã倧ããªèª²é¡ã§ããä»äºãšãã©ã€ããŒãã®ãã©ã³ã¹ãé©åã«ä¿ã€ããšã§ãæç¶å¯èœãªãã£ãªã¢ãç¯ãããšãã§ããŸãã
æé管çã¹ãã«ã磚ããå®æçã«ãªãã¬ãã·ã¥ããæéãèšããŸãããã趣å³ãéåãªã©ãä»äºä»¥å€ã®æŽ»åã«ãæèçã«æéãå²ãããšããã¹ãã¬ã¹ã軜æžããåµé æ§ãé«ããŸãã
ãŸãããªã¢ãŒãã¯ãŒã¯ããã¬ãã·ãã«ãªå€åäœç³»ãç©æ¥µçã«æŽ»çšããããšãæãŸããã§ããåã ã®ç掻ãªãºã ã«åãããŠä»äºãããããšã§ãçç£æ§ãåäžããèªèº«ã®ãŠã§ã«ããŒã€ã³ã°ã«ãè²¢ç®ã§ããŸãã
ãŸãšã
ããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã¯ãè¿ éãªæè¡é²åãåžå Žã®å€åæ§ããããžã§ã¯ãã®å³ããçŽæãªã©ã«ããã倧ããªææŠã䌎ããŸãããšã³ãžãã¢ãšããŠæé·ãã€ã€ã¯ãŒã¯ã©ã€ããã©ã³ã¹ãä¿ã€ããã«ã¯ããã¬ãŒã ã¯ãŒã¯ã®ç¿åŸããã©ãŠã¶äºææ§ãžã®å¯Ÿå¿ãã»ãã¥ãªãã£ãšããã©ãŒãã³ã¹ã®æé©åãå¿ èŠã§ããããããšãããšã®å£°ã®èæ¯ã«ã¯ã競äºãæ¿ããå°±è·åžå Žã粟ç¥ã¹ãã¬ã¹ãè·å Žã§ã®ç«å Žã®é£ãããé床ãªã¯ã©ã€ã¢ã³ãèŠæ±ããããŸããå°æ¥æ§ã«ç®ãåããã°ãæ°ããæè¡ã®ç»å Žããªã¢ãŒãã¯ãŒã¯ãšããªãŒã©ã³ã¹ã®æ¡å€§ãªã©ãèŠããŠããŸãã転è·ãèãããªããæ¥çã®å®æ ãç¥ããã¹ãã«ã¢ããããçµéšè ã®å©èšãåèã«ããããšãéèŠã§ããæåã®éµã¯ã絶ããæ°ããæè¡ãåŠã¶æè»æ§ãåè¶ããã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«ããããŠè¯è³ªãªããŒããã©ãªãªãšä»äºãšç§ç掻ãšã®ãã©ã³ã¹ãä¿ã€èœåã«ãããŸãã