1. ããã³ããšã³ããšã³ãžãã¢ã«ã€ããŠ
1.1 ããã³ããšã³ããšã³ãžãã¢ã®å®çŸ©ãšåœ¹å²
ããã³ããšã³ããšã³ãžãã¢ãšã¯ãWebãµã€ããWebã¢ããªã±ãŒã·ã§ã³ã®ã€ã³ã¿ãŒãã§ã€ã¹ãäœæã»å®è£ ãããšã³ãžãã¢ã®ããšãæããŸããå©çšè ãçŽæ¥è§Šããéšåãã€ãŸããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ïŒUIïŒã®èšèšãããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ïŒUXïŒã®åäžã«äž»ã«è²¢ç®ããŸãã
圌ãã®äž»ãªåœ¹å²ã¯ããã¶ã€ã³ããŒã ããæäŸããããã¶ã€ã³ãã³ãŒãã£ã³ã°ããå©çšè ã«å¯ŸããŠèŠèŠçã«é åçã§äœ¿ããããã€ã³ã¿ãŒãã§ã€ã¹ãæäŸããããšã§ãããŸãããŠã§ãããŒãžã®ããã©ãŒãã³ã¹ã®æé©åããã¢ã¯ã»ã·ããªãã£ã確ä¿ãã圹å²ãæã€ãšã³ãžãã¢ã§ãã
ããã³ããšã³ããšã³ãžãã¢ã¯ãHTMLãCSSãJavaScriptãªã©ã®ããã³ããšã³ãæè¡ãé§äœ¿ããŠããŠãŒã¶ãŒãã¬ã³ããªãŒãªãŠã§ããµã€ãããŠã§ãã¢ããªã±ãŒã·ã§ã³ãäœæããŸãããã®ããããããã®ããã°ã©ãã³ã°èšèªãç¿åŸããããšã極ããŠéèŠã§ãããŸãã
1.2 ããã³ããšã³ããšããã¯ãšã³ãã®éã
ããã³ããšã³ããšããã¯ãšã³ããšããäºã€ã®ãšãªã¢ã¯ããšã³ãžãã¢ãªã³ã°ã®ç°ãªãåŽé¢ãæ åœããŠããŸããå ã«è¿°ã¹ãããã«ãããã³ããšã³ãã¯ãŠãŒã¶ãŒãçŽæ¥è§Šããéšåã§ãããããã¯ãšã³ãã¯ãŠãŒã¶ãŒããèŠããªãèåŸã§åäœãããµãŒããŒãµã€ãã®é åãæ åœããŸãã
ããã¯ãšã³ããšã³ãžãã¢ã¯ãããŒã¿ããŒã¹ã®æäœããµãŒããŒã®æºåãã¢ããªã±ãŒã·ã§ã³ã®ããžãã¯ã®èšè¿°ãªã©ãè¡ã圹è·ã§ãããã³ããšã³ããšã³ãžãã¢ã®ææç©ã§ããUIã«äŸåããŸãã
ç°¡åã«èšãã°ãããã³ããšã³ããšã³ãžãã¢ã¯ãŠãŒã¶ãŒãèŠãŠã觊ããéšåãäœããããã¯ãšã³ããšã³ãžãã¢ã¯ãã®è£ã§å®éã«åäœããæ©èœãå¶äœããŸããäž¡è ã¯Webã¢ããªã±ãŒã·ã§ã³ãæ©èœãããããã«å¯æ¥ã«é£æºããŠåããªããã°ãªããŸããã
1.3 ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ãšã®éã
ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ã¯ãããã³ããšã³ããšããã¯ãšã³ãã®äž¡æ¹ã®é åã§äœæ¥ããããšãã§ãããšã³ãžãã¢ã®ããšãæããŸããããã³ããšã³ããšã³ãžãã¢ããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ããããã¯ãšã³ããšã³ãžãã¢ããµãŒããŒãµã€ãã®ããã°ã©ãã³ã°ãæ åœããã®ã«å¯Ÿãããã«ã¹ã¿ãã¯ãšã³ãžãã¢ã¯äž¡æ¹ã®é åãã«ããŒããŸãã
ããã³ããšã³ããšã³ãžãã¢ãšãã«ã¹ã¿ãã¯ãšã³ãžãã¢ã®éãã¯ãã®èœåã®ç¯å²ã§ããããã³ããšã³ããšã³ãžãã¢ã¯äž»ã«ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ã«éäžããããã¯ãšã³ãã«ã¯ããã»ã©ç²ŸéããŠããªãããšãå€ãã§ããäžæ¹ã§ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ã¯ãããŒã¿ããŒã¹ããUIãŸã§ãWebã¢ããªã±ãŒã·ã§ã³å šäœãå¶äœã管çã§ããå¹ åºãç¥èãšã¹ãã«ã»ãããæã£ãŠããŸãã
ããããªãããããã³ããšã³ããšã³ãžãã¢ã§ãããã¯ãšã³ãã®ç¥èãæããŠããå Žåãããããã®å¢çã¯æ確ã§ã¯ãããŸããããŸããããã³ããšã³ãžãã¢ãããã¯ãšã³ãã®ç¥èãå¢ãããšã§ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ã«ã¹ãã«ã¢ããããã±ãŒã¹ããããŸãã
1.4 ITæ¥çã«ãããããã³ããšã³ããšã³ãžãã¢ã®äœçœ®ä»ã
ITæ¥çã«ãããŠããããã³ããšã³ããšã³ãžãã¢ãã¯éåžžã«éèŠãªããžã·ã§ã³ãšäœçœ®ä»ããããŠããŸãããªããªãã圌ããäœãäžãããããã¯ããçŽæ¥ãŠãŒã¶ãŒãšæ¥ããããããŠãŒã¶ãŒäœéšïŒUXïŒã®è³ªã«å€§ãã圱é¿ããããã§ãã
ãŠãŒã¶ãŒãã¢ããªã±ãŒã·ã§ã³ã䜿ãéã«æåã«ç®ã«ããã®ãããã³ããšã³ããã€ãŸããŠã§ãã®ãé¡ãã§ããããããè¯ããã°åããŠãŠãŒã¶ãŒã¯ãã®ã¢ããªã±ãŒã·ã§ã³ã䜿ãç¶ããããšã決å®ããŸãããããã£ãŠããŠãŒã¶ãŒãã¬ã³ããªãŒãªãŠã§ãã€ã³ã¿ãã§ãŒã¹ãäœãåºãããã³ããšã³ããšã³ãžãã¢ã®åœ¹å²ã¯éåžžã«å€§ããã§ãã
ãŸããæ°ããªæè¡ãããŒã«ã®åºçŸã«ãããããã³ããšã³ããšã³ãžãã¢ã®åœ¹å²ã¯ããã«åºãã£ãŠããŸããããã«ããã圌ãã®ããžã·ã§ã³ã¯ITæ¥çã«ãããçºå±ãšå ±ã«é²åãç¶ããŠãããçŸåšã§ããã®éèŠã¯é«ãŸãã€ã€ãããŸãã
2. ããã³ããšã³ããšã³ãžãã¢ã®æ¥åå 容
ããã³ããšã³ããšã³ãžãã¢ã®äž»ãªè·åå 容ã¯ããŠã§ããµã€ããã¢ããªã®å©çšæ§ãé«ããããã®UI/UXèšèšãã€ã³ã¿ãŒãã§ãŒã¹ã®èšèšãã¬ã¹ãã³ã·ããã¶ã€ã³ã®é©çšãããã³ãŠã§ãããŒãžã®ããã©ãŒãã³ã¹ã®æé©åã§ãã
2.1 ãŠã§ããµã€ãããŠã§ãã¢ããªã®ã€ã³ã¿ãŒãã§ã€ã¹èšèš
ããã³ããšã³ããšã³ãžãã¢ã¯ãã³ãŒãã£ã³ã°ãããã°ã©ãã³ã°ãéããŠãŠã§ããµã€ãããŠã§ãã¢ããªã±ãŒã·ã§ã³ã®ã€ã³ã¿ãŒãã§ã€ã¹ãèšèšããŸããå ·äœçã«ã¯ããŠãŒã¶ãŒãæäœãããããããªã·ã¹ãã ãèãåºãããããå®è£ ããããšãäž»ãªä»äºã§ãããŠãŒã¶ãŒã®èŠç¹ãéèŠãã䜿ãåæãé«ããããã®ãã¶ã€ã³ãèããŸãã
ãŸããæ確ãªã¯ã€ã€ãŒãã¬ãŒã ãšãããã¿ã€ãã³ã°ã«ããã補åã®èŠãç®ãšåäœã瀺ããŸããããã«ãããã¯ã©ã€ã¢ã³ããã¹ããŒã¯ãã«ããŒã補åã®åºæ¥äžãããèŠèŠçã«ç解ããããšãã§ããŸãã
æåŸã«ãHTMLãCSSãJavaScriptãªã©ã®ããã³ããšã³ãæè¡ã䜿çšããŠããã¶ã€ã³ãã³ãŒãã£ã³ã°ããŠãããŸããããã«ããããã¶ã€ã³ã®ããžã§ã³ãå ·çŸåããå®éã®è£œåãšããŠãŠãŒã¶ãŒã®æã«æž¡ããŸãã
2.2 ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã®åäžã®ããã®åãçµã¿
ããã³ããšã³ããšã³ãžãã¢ã¯ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ïŒUXïŒãåäžãããããã®çç£çãªåãçµã¿ãè¡ããŸããæãæãããªæ¹æ³ã¯ã䜿çšãããããã¢ã¯ã»ã·ããªãã£ãŒã匷åããããšã§ãã
ããã«ã¯ããŠãŒã¶ãŒãžã®èª¿æ»ããŠãŒã¶ãŒãã£ãŒãããã¯ã®åéãšè§£æããããŠãããã«åºã¥ããèšèšæ¹åãå«ãŸããŸãããŸããSEO察çãéèŠãªéšåãå ãããŠãŒã¶ãŒãæ å ±ãç°¡åã«èŠã€ãåºããããã«ããããšãæ±ããããŸãã
æåŸã«ããšã³ãžãã¢ã¯ãŠãŒã¶ããªãã£ãã¹ããA/Bãã¹ãã䜿çšããŠãUXã磚ãäžããŸããããã«ããããŠãŒã¶ãŒã®ããŒãºã«æãé©ããèšèšãå°ãåºãã補åã®å質ãæ倧éã«åŒãäžããŸãã
2.3 ã¬ã¹ãã³ã·ããã¶ã€ã³ã®çŸå Žã§ã®é©çš
ã¬ã¹ãã³ã·ããã¶ã€ã³ã¯ããŠã§ããã¶ã€ã³ã®äžéšãšããŠã®ããã³ããšã³ããšã³ãžãã¢ã®éèŠãªåœ¹å²ã§ããããã€ã¹ãç»é¢ãµã€ãºã«é¢ãããããŠã§ããµã€ãã®ã¬ã€ã¢ãŠããæ©èœãæ£åžžã«åäœããããã«ä»äžããããšãæ±ããããŸãã
ããã«ã¯ããã¶ã€ã³ãã³ãŒãã£ã³ã°ããã¹ãããã»ã¹ãéããŠCSSã®ã¡ãã£ã¢ã¯ãšãªãŒãé©çšããããšãå«ãŸããŸãããããéããŠããµã€ããæ§ã ãªããã€ã¹ããã©ãŠã¶ã§äžè²«æ§ã®ããäœéšãæäŸã§ããããã«ããŸãã
ãŸãããšã³ãžãã¢ã¯ã¬ã¹ãã³ã·ããã¶ã€ã³ã«ããããŠã§ãã¢ã¯ã»ã·ããªãã£ã®åäžã«ãå¯äžããŸããããã¯ããã¹ãŠã®ãŠãŒã¶ãŒãäžäŸ¿ãªãæ å ±ã«ã¢ã¯ã»ã¹ã§ããããã«ããããã®éèŠãªã¹ãããã§ãã
2.4 ãŠã§ãããŒãžã®ããã©ãŒãã³ã¹æé©å
æé©åããŸãããã³ããšã³ããšã³ãžãã¢ãªã³ã°ã®éèŠãªéšåã§ããããŠã§ããµã€ãã®ããã©ãŒãã³ã¹ãšäœ¿çšäœéšãåäžãããŸããããŒãã£ã³ã°æéã®ççž®ãã¬ã³ããªã³ã°ã®æ¹åãã¬ã¹ãã³ã·ããªã€ã³ã¿ã©ã¯ã·ã§ã³ã®æé©åãªã©ãäž»ãªç®çã§ãã
å ·äœçã«ã¯ãã³ãŒãã®æé©åãç»åãªã©ã®ã¡ãã£ã¢ã®æé©åããã£ãã·ã¥æŠç¥ã®é©çšãªã©ãå«ãŸããŸããããã«ãããå šäœçãªããã©ãŒãã³ã¹ãåäžããããŠãŒã¶ãŒã«æé«ã®ãšã¯ã¹ããªãšã³ã¹ãæäŸããŸãã
ããã³ããšã³ããšã³ãžãã¢ã¯ãŸããããã©ãŒãã³ã¹ææšã®è¿œè·¡ãšæ¹åãè¡ãããµã€ãã®ããã©ãŒãã³ã¹ãç¶æããŸããããã«ã¯ããŠãŒã¶ãŒã®æ»åšæéãããŒãžãã¥ãŒãããŠã³ã¹ã¬ãŒããã³ã³ããŒãžã§ã³ã¬ãŒããªã©ã®éèŠãªã¡ããªã¯ã¹ãå«ãŸããŸãã
3. ããã³ããšã³ããšã³ãžãã¢ã«æ±ããããã¹ãã«
ããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠæ±ããããã¹ãã«ã«ã€ããŠè©³ããèŠãŠãããŸãããããããã®ã¹ãã«ã磚ããŠèº«ã«ã€ããããšã«ãããããé«åºŠãªæ¥åãããªãããã倧ããªäŸ¡å€ãçã¿åºãããšãå¯èœã«ãªããŸãã
ãã®ãããããã³ããšã³ãéçºã®äžçã«è¶³ãèžã¿å ¥ããéã«ã¯ãèªèº«ãããããã®ã¹ãã«ãããã«ç¿åŸãããŸãå®éã«æŽ»çšããããéèŠãšãªããŸãã
以äžã§ããããã®ã¹ãã«ã«ã€ããŠæ·±å ããŠãããŸãã
3.1 HTML/CSS/JavaScriptãšãã£ãåºæ¬çãªã¹ãã«
HTMLãCSSããããŠJavaScriptã¯ããã³ããšã³ããšã³ãžãã¢ã®åºæ¬ãšãªãã¹ãã«ã§ããããããæ£ãã䜿ããããšã§ããŠã§ããµã€ãã®æ§é ãèšèšãããã¶ã€ã³ãé©çšããããŸããŸãªåäœãããã°ã©ã ããããšãå¯èœã«ãªããŸãã
ç¹ã«JavaScriptã¯WEBã¢ããªã±ãŒã·ã§ã³ã«ãããŠéèŠãªåœ¹å²ãæãããéåæéä¿¡ãDOMã®æäœçã®äžå¿çãªæ©èœãæ ã£ãŠããŸãããããã®åºæ¬çãªã¹ãã«ãç¿åŸããããšã¯ãããã³ããšã³ããšã³ãžãã¢ãšããŠã®åå°ãäœãããšã«ç¹ãããŸãã
ãŸãããããã®èšèªã®åºç€ç¥èã身ã«ã€ããããšã§ãããŸããŸãªãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªãçšããéçºãã¹ã ãŒãºã«è¡ããŸãã
3.2 React.jsãVue.jsãšãã£ããã¬ãŒã ã¯ãŒã¯ã®å©çšã¹ãã«
çŸä»£ã®ããã³ããšã³ãéçºã§ã¯ãé«å¹çåã»é«åºŠåã®ããã«ããŸããŸãªãã¬ãŒã ã¯ãŒã¯ãå©çšãããŸãããã®äžã§ãReact.jsãVue.jsãªã©ã®JavaScriptãã¬ãŒã ã¯ãŒã¯ã®å©çšã¹ãã«ãæ±ããããŸãã
React.jsãVue.jsã¯ã¢ãã³ãªããã³ããšã³ãéçºã§ããçšãããããããã䜿ãããªãããšã§è¿ éãã€å¹ççã«éçºãé²ããããšãå¯èœãšãªããŸãã
ãããã®ãã¬ãŒã ã¯ãŒã¯ãçç¥ããŠãããšãã³ãŒãã®å質ãåäžãããä¿å®æ§ãæ¡åŒµæ§ãé«ããããšãã§ããŸãã
3.3 UI/UXãã¶ã€ã³ãžã®ç解
ããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠUIïŒãŠãŒã¶ã€ã³ã¿ãŒãã§ãŒã¹ïŒãUXïŒãŠãŒã¶ãšã¯ã¹ããªãšã³ã¹ïŒã®ç解ã¯éèŠãªã¹ãã«ãšèšããŸããããã«ããããŠãŒã¶ãŒã䜿ãããããç解ãããããçŽæçãªæäœãå¯èœãªã€ã³ã¿ãŒãã§ãŒã¹ã®èšèšãšå®è£ ãå¯èœã«ãªããŸãã
ãŠã§ããµã€ããã¢ããªã±ãŒã·ã§ã³ã®èŠãç®ã ãã§ãªãã䜿çšæãæäœã®æµããªã©ããŠãŒã¶ãŒã®èŠç¹ã«ç«ã¡ãæºè¶³åºŠãé«ããèŠçŽ ãæ¢ãã¹ãã«ãå¿ èŠã§ãã
ãŸããææ°ã®ãã¬ã³ãããã£ããããããã補åã«åæ ãããèœåãæ±ããããŸãã
3.4 ã³ãŒãæé©åãšããã©ãŒãã³ã¹ãã¥ãŒãã³ã°
ããã³ããšã³ããšã³ãžãã¢ã®éèŠãªã¹ãã«ã®äžã€ãšããŠãã³ãŒãæé©åãšããã©ãŒãã³ã¹ãã¥ãŒãã³ã°ãæããããŸããããã¯ãŠã§ããµã€ãã®é床ãããã©ãŒãã³ã¹ãåäžãããæçµçãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãé«ããããã®æè¡ã§ãã
ãã¡ã€ã«ã®å§çž®ããã£ãã·ã¥æŠç¥ã®é©çšãéåæéä¿¡ã®æé©åãªã©ãéããŠå®è¡é床ãæ¹åããããšã§ããŠã§ããµã€ãã®è¡šç€ºãæ©ããªãããŠãŒã¶ãŒã¯å¿«é©ã«äœ¿çšããããšãã§ããŸãã
ãããã®æè¡ã身ã«ã€ããããšã§ãèªèº«ã®äœæãããããã¯ãã®æè¡çãªå質ãåäžãããããšãã§ããŸãã
4. ããã³ããšã³ããšã³ãžãã¢ã®ãã£ãªã¢ãã¹
ããã³ããšã³ããšã³ãžãã¢ã®ãã£ãªã¢ãã¹ã¯éåžžã«å€å²ã«ããããŸããå°éæ§ãé«ããŠãç¹å®ã®ãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªã«ç¹åãããšã³ãžãã¢ãšããŠé²åããããå€æ§ãªã¹ãã«ã身ã«ã€ããã«ã¹ã¿ãã¯ãšã³ãžãã¢ã«ãªãããšãå¯èœã§ãããŸãããããžã§ã¯ã管çããªãŒããšã³ãžãã¢ãšããŠããŒã ãçããéããããŸãããèªåã®æéãå Žæãéžã°ãã«åããããªãŒã©ã³ã¹ãšããŠæŽ»åããããšãå¯èœã§ãã
å®éã®ãã£ãªã¢ãã¹ã¯åã ã®ãšã³ãžãã¢ã«ãããŸãããã©ã®éãéžã¶ã«ãããæ°ããæè¡ãåŠã³ãã¹ãã«ãç¶ç¶çã«ç£šãç¶ããããšãéèŠã§ãã
以äžãäž»ãªãã£ãªã¢ãã¹ã«ã€ããŠè©³ããæãäžããŠãããŸãã
4.1 ãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªã®å°é家ãšããŠã®é²å
ãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªã¯ããã³ããšã³ãéçºã®éèŠãªéšåãå ããŠããŸããç¹å®ã®ãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªã®å°é家ãšãªãããšã§ããã®æè¡ãæ±ãããããããžã§ã¯ãã§éèŠãªåœ¹å²ãæãããŸãã
äŸãã°ãReactãAngularãªã©ã®ç¹å®ã®ãã¬ãŒã ã¯ãŒã¯ã«æ·±ãç¥èãæã€ãšããšã³ã¿ãŒãã©ã€ãºçŽã®å€§èŠæš¡éçºãããžã§ã¯ããªã©ã§æŽ»èºã§ããŸããããã§ã¯ãã©ãã ããã®æè¡ã®æ·±éšãŸã§ç解ããŠããããåè² ãšãªããããåžžã«å匷ããç¶ããããšãæ±ããããŸãã
ãŸããããã®ãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªã¯é²åãç¶ããŠããããããã®å€åãåžžã«ãã£ããã¢ãããç¶ããªããã°ãªããŸããã
4.2 ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ãžã®ã¹ãã«ã¢ãã
ããã³ããšã³ããšã³ãžãã¢ããã«ã¹ã¿ãã¯ãšã³ãžãã¢ãžãšé²åããéããããŸãããã«ã¹ã¿ãã¯ãšã³ãžãã¢ãšã¯ãããã³ããšã³ãã ãã§ãªãããã¯ãšã³ãã®æè¡ãç解ããŠãäžäººã§ReactãAngularãªã©ã®ãã¬ãŒã ã¯ãŒã¯ã䜿ã£ãŠããã³ããšã³ãã®ã³ãŒãã£ã³ã°ãè¡ããåæã«Node.jsãRuby on Railsãªã©ã䜿ã£ãŠãµãŒããŒãµã€ãã®å®è£ ãã§ãããšã³ãžãã£ã®ããšãæããŸãã
ãã®éãéžã¶ã«ã¯ãåºç¯å²ã®æè¡ãåŠã¶å¿ èŠããããããããã³ããšã³ãæè¡ã ãã§ãªããããŒã¿ããŒã¹ãããã¯ãšã³ãã®èšèªãç解ããªããã°ãªããŸããã
ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ã¯åžå ŽäŸ¡å€ãé«ãããŸããããžã§ã¯ãå šäœãç解ã§ãããããæè¡çãªæ±ºå®ãäžãäžã§å€§ããªåœ±é¿åãæã¡ãŸãã
4.3 ãããžã§ã¯ããããŒãžã£ãŒããªãŒããšã³ãžãã¢ãžã®é
æè¡çãªã¹ãã«ã ãã§ãªãããããžã§ã¯ãå šäœã®æ¹åæ§ã決å®ããä»ã®ã¡ã³ããŒããªãŒããã圹å²ãæ ãããšãããã³ããšã³ããšã³ãžãã¢ã®ãã£ãªã¢ãã¹ã®äžã€ã§ãã
ãããžã§ã¯ããããŒãžã£ãŒããªãŒããšã³ãžãã¢ã«ãªãããšã§ãæè¡çãªèŠ³ç¹ã ãã§ãªãããããžã§ã¯ãã®é²è¡ã人æ管çãå質ä¿èšŒãªã©ãæ§ã ãªèŠç¹ãããããžã§ã¯ãããªãŒãããããšãå¯èœãšãªããŸãã
ããã§ã¯ãæè¡çãªã¹ãã«ã ãã§ãªããã³ãã¥ãã±ãŒã·ã§ã³åããªãŒããŒã·ããã¹ãã«ã倧ãã«æ±ããããŸãã
4.4 ã¹ãã«ã掻ãããããªãŒã©ã³ã¹ãšããŠã®æŽ»å
èªåã®ã¹ãã«ãšçµéšã掻ãããŠãããªãŒã©ã³ã¹ãšããŠåãéããããŸããããªãŒã©ã³ã¹ãšããŠåãããšã§ãèªåã®æéãå Žæãèªç±ã«éžã¶ããšãã§ãããŸãå€æ§ãªãããžã§ã¯ãã«é¢ããããšãã§ããŸãã
ãããããã®éãéžã¶éã«ã¯ãæè¡çãªã¹ãã«ãç¶æã»åäžãããã ãã§ãªããèªèº«ã§ä»äºãæ¢ããå¥çŽã亀ãããªã©ã®ããžãã¹ã¹ãã«ãå¿ èŠã§ãã
ãŸããèªå·±PRããããã¯ãŒãã³ã°ãéèŠãªèŠçŽ ã®äžã€ãšãªããŸãããããã®ã¹ãã«ã磚ãããšã§ãããè¯ãããªãŒã©ã³ã¹ã©ã€ããéãããšãã§ããŸãã
5. ããã³ããšã³ããšã³ãžãã¢ã«ãªãããã®åŠç¿æ¹æ³
ããã³ããšã³ããšã³ãžãã¢ã«ãªãããã«ã¯ãå€ãã®ãã¯ãã«ã«ã¹ãã«ãšç¥èã身ã«ã€ããå¿ èŠããããŸããäžäœã©ã®ããã«åŠç¿ãé²ããŠããã°ããã®ã§ããããã以äžã§ãæåãžãšå°ãåŠç¿æ¹æ³ãïŒã€çŽ¹ä»ããŸãã
5.1 ãªã³ã©ã€ã³ã³ãŒã¹ãæ¬ãå©çšããèªå·±åŠç¿
èªå·±åŠç¿ã¯ãæãããã¥ã©ãŒãªåŠç¿æ¹æ³ã®ïŒã€ã§ããåçš®ãªã³ã©ã€ã³ã³ãŒã¹ãå°éæžç±ããHTMLãCSSãJavaScriptã®åºç€ãšãªãç¥èãåŠã¶ããšãã§ããŸãããŸããReactãVue.jsãªã©ã®ãã¬ãŒã ã¯ãŒã¯ã«ã€ããŠåŠã¶ã®ãæšå¥šãããŸãã
Webäžã«ã¯ç¡æ°ã®ç¡æã®åŠç¿ãªãœãŒã¹ãååšããŠããŸããé 匵ã次第ã§é«åºŠãªã¹ãã«ã身ã«ã€ããããšãå¯èœã§ãããã ããèªå·±åŠç¿ã¯èªå·±ç®¡çèœåãæ±ããããŸãã
ãããŠã賌èªããã³ãŒã¹ãèªãæžç±ãéžã¶éã«ã¯ãèªèº«ã®ã¹ãã«ã¬ãã«ãåŠç¿ç®æšããã£ãããšèããããšã倧åã§ãã
5.2 ã³ãŒãã£ã³ã°ããŒããã£ã³ããå°éåŠæ ¡ã§ã®åŠç¿
ããäžã€ã®éžæè¢ãšããŠã³ãŒãã£ã³ã°ããŒããã£ã³ããå°éåŠæ ¡ããããŸãããããã®ããã°ã©ã ã¯ãçæéã§ããã³ããšã³ããšã³ãžãã¢ã®ç«¶äºåã®ããã¹ãã«ã身ã«ã€ããããšãç®æãããã®ã§ãã
ææ¥åœ¢åŒã§åŠã¹ããããèªå·±åŠç¿ãèŠæãªæ¹ã«ã¯ãã®æ¹æ³ãé©ããŠããŸãããŸãåè¬çå士ã§ååããªããåé¡ã解決ããæ©äŒãå€ããããŒã ã§åãæè¡ãåŠã¹ãŸãã
ãã ããåè¬æãå¿ èŠã§ãããããã³ã¹ããèæ ®ããå¿ èŠããããŸãã
5.3 å®éã®ãããžã§ã¯ãçµéšãç©ãæ¹æ³
å®éã®ãããžã§ã¯ããæãããããšã¯ãããã³ããšã³ããšã³ãžãã¢ãšããŠã®ã¹ãã«ã磚ãããã§æ¥µããŠäŸ¡å€ã®ããçµéšãšãªããŸããèªèº«ã§ãããžã§ã¯ããäŒç»ãããããªãŒãã³ãœãŒã¹ã®ãããžã§ã¯ãã«åå ããããšã§å®è·µçµéšãç©ãããšãã§ããŸãã
å®éã®ãããžã§ã¯ãã«åãçµãããšã§ãåã«æè¡ãåŠã¶ã ãã§ãªããèŠä»¶å®çŸ©ãèšèšããããã°ãªã©ã¢ããªã±ãŒã·ã§ã³éçºå šäœã®æµããç解ããããšãã§ããŸãã
ãŸããèªèº«ãäœæãããããžã§ã¯ããããŒããã©ãªãªãšããŠå ¬éããããšã§ãæ±è·æŽ»åã«ããã倧ããªã¢ããŒã«ãã€ã³ããšãªããŸãã
5.4 åŠç¿ãç¶ç¶ããããã®ã¢ãããŒã·ã§ã³ç¶ææ¹æ³
åŠç¿ãç¶ããäžã§éèŠãªã®ã¯ã¢ãããŒã·ã§ã³ã®ç®¡çã§ããåŠç¿ãäžè²«ããŠè¡ãããã«ã¯ãèªèº«ã®é²æãå®æçã«ç¢ºèªããç°¡åãªç®æšãèšå®ããããšãæšå¥šããŸãã
ãŸããæ°ããªç¥èãåžåããåŸã¯ãããã«ããã䜿ã£ãŠäœããäœãããšãéèŠã§ããããã«ãããçè«ã ãã§ãªãå®è·µçãªã¹ãã«ãéããããšãã§ããŸãã
ãããŠãã³ãã¥ããã£ã«åå ããä»ã®åŠç¿è ãããã®ãšã³ãžãã¢ãšäº€æµããããšããæ°ããªèŠç¹ãåŸãããå°é£ãå ±æããå ŽãšããŠå€§åãªåŠç¿æ¹æ³ãšãªããŸãã
6. ããã³ããšã³ããšã³ãžãã¢ã®å°æ¥æ§ãšåžå ŽäŸ¡å€
ã°ããŒãã«åãé²ãITæ¥çã«ãããŠãããã³ããšã³ããšã³ãžãã¢ã®è·æ¥ã¯éèŠæ§ãå¢ããŠããããã®å°æ¥æ§ãšåžå Žæ§ã¯æ¥äŒžããŠããŸãã以äžã§ã¯ãããã³ããšã³ããšã³ãžãã¢ã®éèŠãšäŸçµŠã競äºåã®ããã¹ãã«ã»ããã絊äžååã«ã€ããŠèª¬æããŸãã
6.1 ããã³ããšã³ããšã³ãžãã¢ã®éèŠãšäŸçµŠ
ITæ¥çã¯æ¥æ¿ã«é²åãç¶ããŠãããæ°ããªãµãŒãã¹ãã¢ããªã±ãŒã·ã§ã³ã®éçºãçãã§ãããã®äžã§ããŠãŒã¶ãŒãšçŽæ¥è§Šãåãããã³ããšã³ãéšåãææãããšã³ãžãã¢ã®éèŠã¯é«ãŸã£ãŠããŸããäŒæ¥ã¯ããŠãŒã¶ãŒãçŽèŠ³çã§äœ¿ããããUIãæäŸããããšãå¿ èŠãšããŠããããã®èª²é¡ã解決ããã®ãããã³ããšã³ããšã³ãžãã¢ã§ãã
ããããååãªå°éç¥èãšã¹ãã«ãæã€ããã³ããšã³ããšã³ãžãã¢ã®äŸçµŠã¯ãéèŠã«å¿ããŠå¢ããŠããŸããçµéšè±å¯ãªããã³ããšã³ããšã³ãžãã¢ã¯åžå Žã§é«ã䟡å€ãæã£ãŠãããæ±äººåžå Žã§ããã®éèŠã¯é«ãŸãç¶ããŠããŸãã
6.2 競äºåã®ããã¹ãã«ã»ãããšã¯
ããã³ããšã³ããšã³ãžãã¢ã«å¿ èŠãªã¹ãã«ã»ããã¯HTMLãCSSãJavaScriptãªã©ã®åºæ¬çãªããã°ã©ãã³ã°èšèªã ãã§ã¯ãªããReactãVue.jsãªã©ã®ãã¬ãŒã ã¯ãŒã¯ã䜿ãããªãèœåãæ±ããããŸãããŸããææ°ã®UX/UIãã¶ã€ã³ãã¬ã³ããç解ãããããå ·çŸåã§ããèœåãå¿ èŠã§ãã
ããã«ãããžãã¹ããŒãããŒãšã®ã³ãã¥ãã±ãŒã·ã§ã³èœåãåé¡è§£æ±ºåãéèŠãšãããŠããŸããããã¯ãããã³ããšã³ããšã³ãžãã¢ãã·ã¹ãã ã®ãŠãŒã¶ããªãã£ãšããžãã¹äŸ¡å€ãæ倧åãã圹å²ãæ ã£ãŠããããã§ãã
6.3 ããã³ããšã³ããšã³ãžãã¢ã®çµŠäžåå
å€ãã®äŒæ¥ãããžã¿ã«ãã©ã³ã¹ãã©ãŒã¡ãŒã·ã§ã³ãé²ããããžãã¹æŠç¥ã®äžéšãšããŠãŠã§ããµã€ããã¢ããªã®éçºãè¡ã£ãŠããŸããããã«äŒŽããããã³ããšã³ããšã³ãžãã¢ã®éèŠãå¢ããŠããçŸç¶ãåæ ãã絊äžãäžæåŸåã«ãããŸãã
çµéšãã¹ãã«ãå°åãæ¥çš®çã«ããç°ãªããã®ã®ãããã³ããšã³ããšã³ãžãã¢ã®å¹³å幎åã¯é«æ°Žæºã§ããããã¯åœŒããæã€æè¡ã¹ãã«ãåžå Žã§é«ãè©äŸ¡ãããŠããããã§ãã
6.4 ITæ¥çã«ãããããã³ããšã³ããšã³ãžãã¢ã®éèŠæ§
ITæ¥çã«ãããŠãããã³ããšã³ããšã³ãžãã¢ã®åœ¹å²ã¯éåžžã«éèŠã§ãããŠãŒã¶ãŒãšçŽæ¥è§Šããã€ã³ã¿ãŒãã§ãŒã¹ãäœãåºãããšã§ã補åããµãŒãã¹ã®æåã«å€§ãã圱é¿ããŸãã
è¯å¥œãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãæäŸããããã«ã¯ããŠãŒã¶ãŒã®ããŒãºãç解ãããããå®çŸããããã«æé©ãªUIãèšèšã»å®è£ ããããã³ããšã³ããšã³ãžãã¢ã®åãäžå¯æ¬ ã§ãããã®ãããªããšãããåžå ŽäŸ¡å€ãäŒæ¥ã«ãããããã³ããšã³ãžãã¢ã®äœçœ®ä»ãã¯ãŸããŸãé«ãŸãç¶ããŠããŸãã