ã¯ããã«
ãã®èšäºã§ã¯ãããŸè©±é¡ã®è·çš®ãWebãã¶ã€ããŒã®åšå® ã¯ãŒã¯ãé£ããçç±ãšããã®è§£æ±ºçã«ã€ããŠè§£èª¬ããŸãã
Webãã¶ã€ããŒãšã¯
Webãã¶ã€ããŒãšã¯ããŠã§ããµã€ããªã©ã®ã€ã³ã¿ãŒãããäžã®æ å ±ãèŠæãããã€çŸãã衚瀺ãã圹å²ãæã€å°é家ã®ããšãæããŸãããããã£ããããã§ãã·ã§ãã«ã¯ãHTMLãCSSãšãã£ãããã°ã©ãã³ã°ã¹ãã«ãé§äœ¿ããWebããŒãžã®ã¬ã€ã¢ãŠããåäœãè²åœ©ãªã©ãèšèšã»éçºããŸãã
ããã ãã§ãªãããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ïŒUXïŒããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ïŒUIïŒãã¶ã€ã³ã«ã€ããŠã®ç¥èãå¿ èŠã§ããUXã¯ããŠãŒã¶ãŒãWebãµã€ããã¢ããªãšã©ãé¢ããããã€ãŸããŠãŒã¶ãŒã®äœéšãèšèšãã圹å²ãæããUIã¯ãã®ããã®å ·äœçãªã€ã³ã¿ãŒãã§ãŒã¹ã®ãã¶ã€ã³ãè¡ããŸãã
åšå® ã¯ãŒã¯ã®æ®åãšããã«ãšããªãå€å
è¿å¹Žãåšå® ã¯ãŒã¯ãéåžžã«æ®åããŠããŸãããæ°åã³ãããŠã£ã«ã¹ã®äžççãªæµè¡ãšãã£ãèæ¯ããã£ãŠãäŒæ¥ã¯ãŸããŸããªã¢ãŒãã¯ãŒã¯ã«åãå ¥ããŠããŸããã³ãã¥ãã±ãŒã·ã§ã³ã®åãæ¹ãåãæ¹ã«ãå€åãæ±ããããŠããŸãã
ãã®ãããªç¶æ³ã®äžãWebãã¶ã€ããŒã®åœ¹å²ã倧ããå€åããŸããããªããªããWebãã¶ã€ããŒã¯ãèªå® ã§ãäœæ¥ãè¡ããè·çš®ã§ããããªã¢ãŒãã¯ãŒã¯ã®å é§è ã§ãããããã§ãããããããã®äžæ¹ã§åšå® ã¯ãŒã¯ã«ã¯åžžã«å°é£ããã€ããŸãšããŸãã次ã®ç« ã§ã¯ããã®çç±ãšè§£æ±ºçã詳ãã解説ããŸãã
Webãã¶ã€ããŒã®åšå® ã¯ãŒã¯ãé£ããçç±
åšå® ã§ã®Webãã¶ã€ããŒãšããŠã®ä»äºã«ã¯ããããªãã®å°é£ãã䌎ã£ãŠããŸããå ·äœçã«ã¯ããã³ãã¥ãã±ãŒã·ã§ã³ã®å°é£ããããèªå·±ç®¡çèœåã®å¿ èŠæ§ãããæè¡çãªèª²é¡ããªã©ããããŸãã
ã³ãã¥ãã±ãŒã·ã§ã³ã®å°é£ã
Webãã¶ã€ã³ã¯ãåå人ã®ã¹ãã«ãã¢ã€ãã£ã¢ãéèŠã§ããããããšåæ§ã«ããŒã ã§ã®ååãå¿ èŠäžå¯æ¬ ã§ããããããåšå® ã§ã®ä»äºã§ã¯ãååãã¯ã©ã€ã¢ã³ããšã®çŽæ¥çãªå¯Ÿé¢ãé£ãããã³ãã¥ãã±ãŒã·ã§ã³ããªã³ã©ã€ã³ã®ã¿ãšãªãããšã§ãææçéã®é£ãããçããŸããå šå¡ãåæã«äŒè©±ã«åå ã§ããå Žãç¡ããªããããŒãã£ã³ã°ã§ã®å¯Ÿè©±ãæèŠã®å ±æãã¹ã ãŒãºã«è¡ããªãããšãå°ãªããããŸããã
èªå·±ç®¡çèœåã®å¿ èŠæ§
åšå® ã¯ãŒã¯ã§ã¯ãèªåèªèº«ã®æéãèªç±ã«ç®¡çã§ããäžæ¹ã§ãèªå·±ç®¡çèœåãè©Šãããç°å¢ãšãèšããŸããä»äºãšç§ç掻ã®å¢çãææ§ã«ãªããããã®ãç¹åŸŽçã§ãããŸãã家åºããã©ã€ããŒãã®äºæ ã§äœæ¥ã«éäžã§ããªãæéãåºãŠããããããããä»äºã®å¹çãã¯ãªãªãã£ã«åœ±é¿ãåãŒãããšããããŸãã
æè¡çãªèª²é¡
Webãã¶ã€ããŒã®ä»äºã¯ãåžžã«æ°ãããã¯ãããžãŒããã¬ã³ãã«é©å¿ãç¶ããå¿ èŠããããŸããåšå® ã§åãéã«ã¯ãèªå·±åŠç¿ãæ±ããããæ°ããã¹ãã«ãç¿åŸããããã®ç°å¢ãèªåèªèº«ã§æŽããå¿ èŠããããŸãããŸããå¿ èŠãªãœãããŠã§ã¢ãããŒããŠã§ã¢ã®ãã©ãã«ã«å¯ŸåŠããèœåãå¿ èŠãšãªããŸãããããã®èª²é¡ã¯ããã¯ãã«ã«ãªã¹ãã«ã ãã§ãªããèªèº«ã§åé¡ã解決ããèœåãæ±ãããããããé£æ床ãé«ããšèšããŸãã
åšå® ã§ã®åãããããåäžãããããã®ç°å¢èšå®
åšå® ã¯ãŒã¯ã«ãããŠçç£æ§ãé«ããããã«ã¯ãèªå® ã®åŽåç°å¢ãæŽããããšãéèŠã§ããå¿«é©ãªäœæ¥ç°å¢ãèšããããšã§ãéäžåãç¶æããä»äºã®å¹çãåäžãããããšãå¯èœã«ãªããŸãã
ä»äºã¹ããŒã¹ã®ç¢ºä¿
ãŸãæåã«æ³šæãããã®ããä»äºçšã®ã¹ããŒã¹ã確ä¿ããããšã§ããå°çšã®ä»äºã¹ããŒã¹ãèšããããšã§ããã©ã€ããŒãã®ç©ºéãšä»äºã®ç©ºéãåºå¥ããããããã®æéãé©åã«ç®¡çããããšãå¯èœãšãªããŸãããŸããèªå® ã§ã®ä»äºã«ãããŠã¯ã家åºç掻ã®éªéãå ¥ããªããããéãã§éäžã§ããå Žæãéžã¶ããšãæãŸããã§ãã
ããã«ãäœæ¥ç°å¢ã®æŽåãéèŠã§ããæºãæ€ åã¯èº«äœã«åã£ããã®ãéžã³ãé·æéäœæ¥ã§ãç²ãã«ããç°å¢ãæŽããŸããããç §æã«é¢ããŠããç®ã«åªãããã®ãéžã³ãèŠèŠçãªè² æ ãæžããããšãå¿ èŠã§ãã
ããžã¿ã«ããŒã«ã®æŽ»çš
次ã«ãä»äºã®å¹çåã«ã¯ããžã¿ã«ããŒã«ã®æŽ»çšãæ¬ ãããŸãããããã¯äžã§ãWebãã¶ã€ããŒã®å Žåãå¹çããäœæ¥ãé²ããããã®ããŒã«ã®éžæã¯éèŠãšãªã£ãŠããŸãã
äŸãã°ããããžã§ã¯ã管çããŒã«ã¯ã¿ã¹ã¯ã®é²è¡ç¶æ³ãèŠèŠçã«ææ¡ããã®ã«åœ¹ç«ã¡ãŸãããŸããã¯ã©ãŠãã¹ãã¬ãŒãžã¯ããŒã¿ã®ä¿åãšå ±æã«äŸ¿å©ã§ããããã«ãã³ãŒããå¹ççã«æžãããã®ãšãã£ã¿ãŒããã¶ã€ã³ãäœæããããã®ãœãããŠã§ã¢ãå¿ èŠãšãªããŸãã
ããŒã«ã®éžæã«ããã£ãŠã¯ãèªåã®ä»äºã¹ã¿ã€ã«ã«åã£ããã®ãéžã¶ããšãéèŠã§ãããŸããæ°ããããŒã«ãç»å Žããéã«ã¯ãç©æ¥µçã«ææŠããèªåã®äœæ¥å¹çãäžããããã®æ¹æ³ãåžžã«æš¡çŽ¢ããŸãããã
ã³ãã¥ãã±ãŒã·ã§ã³ã®åãæ¹
Webãã¶ã€ããŒã®åšå® ã¯ãŒã¯ã§ã¯ãåŸæ¥ã®å¯Ÿé¢åŒã®ã³ãã¥ãã±ãŒã·ã§ã³ããäžæ°ããããžã¿ã«äžã§ã®ã³ãã¥ãã±ãŒã·ã§ã³ãåºè»žãšãªããŸããããã«ã¯äž»ã«WebäŒè°ãšããã£ããããŒã«ã䜿çšããåæ»ãªæ å ±å ±æãå«ãŸããŸãã
WebäŒè°ã®äžæãªæŽ»çšæ¹æ³
WebäŒè°ã®æŽ»çšã¯ãåšå® ã¯ãŒã¯ãé£ããæããçç±ã®äžã€ã§ãããã³ãã¥ãã±ãŒã·ã§ã³ã®å°é£ããã解æ¶ãã匷åãªæ段ãšãªããŸããWebäŒè°ã¯è±èªåã®åäžãæ¥åã®é²æ確èªããã¶ã€ã³ãäŒç»ã®ãã¬ã€ã³ã¹ããŒãã³ã°ãªã©ãããŸããŸãªã³ãã¥ãã±ãŒã·ã§ã³ã®å Žé¢ã§æŽ»çšã§ããŸããWebäŒè°ãæå¹ã«æŽ»çšããããã®äž»ãªãã€ã³ãã¯æ¬¡ã®3ã€ã§ãã
ïŒïŒæçãªé³å£°
WebäŒè°ã§ã¯ãçžæã®é³å£°ãã¯ãªã¢ã«èãããšã極ããŠéèŠã§ãããã®ããã®ç°å¢äœããäŸãã°ãããã»ããã®äœ¿çšãããã§ã«ååšãããã€ãºãåãé€ããªã©ã®å¯ŸçãããŸãã
ïŒïŒã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«
察é¢åŒããé¢ããWebäŒè°ã掻çšãããšãæèçã«ã³ãã¥ãã±ãŒã·ã§ã³ããšãå¿
èŠããããŸããçžæã®åå¿ãã©ããŸã§èŠãããšãã§ããªããšããå¶çŽã®å
ã§ãçžæã®åå¿ãæèŠãæ¢ã£ãããèªåã®æèŠãé©åã«äŒããããã®ã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«ãæ±ããããŸãã
ïŒïŒäºåã®æºå
WebäŒè°ã§ã¯ãäºåã®æºåãéèŠã§ããæ確ãªã¢ãžã§ã³ããäœæããå¿
èŠãªãªãœãŒã¹ãæ
å ±ãæŽã£ãç¶æ
ã§äŒè°ã«èšãããšãæ±ããããŸãã
å¹æçãªãã£ããããŒã«ã®äœ¿ãæ¹
äžæ¹ããã£ããããŒã«ãWebãã¶ã€ããŒã®åšå® ã¯ãŒã¯ã«ã¯äžå¯æ¬ ã§ãããã£ããããŒã«ã掻çšããããšã§ãªã¢ã«ã¿ã€ã ãªæ å ±å ±æãå¯èœãšãªããæ¥åã®é²è¡ç¶æ³ã®ç¢ºèªããçåç¹ã®è§£æ¶ã«åœ¹ç«ã¡ãŸãããã£ããããŒã«ãæ倧éã«æŽ»çšããããã«ã以äžã®ãã€ã³ããå¿æããŸãããã
ïŒïŒæ確ãªã¡ãã»ãŒãž
ãã£ããããŒã«ã§ã¯ãçžæã®åå¿ãèªã¿åãé£ããããå¯èœãªéãæ確ãªã¡ãã»ãŒãžãå¿æããããšãéèŠã§ãã
ïŒïŒé©åãªã¿ã€ãã³ã°
ã¡ãã»ãŒãžã®éä¿¡ã¿ã€ãã³ã°ã¯ããã£ããããŒã«ã®æŽ»çšã«ãããŠéèŠã§ããä»ã®ä»äºã®é²è¡ãéªéããªããããå¿
èŠæ§ãšç·æ¥æ§ãèæ
®ããäžã§ãé©åãªã¿ã€ãã³ã°ã§ã®ã³ãã¥ãã±ãŒã·ã§ã³ãå¿æããŸãããã
ïŒïŒé
æ
®ããå¿
ç»é¢è¶ãã®ã³ãã¥ãã±ãŒã·ã§ã³ã§ã¯ææ
ã®äŒéãé£ãããªããããã¡ãã»ãŒãžã¯é
æ
®ããå¿ãæã£ãŠéãããã«ããŸããããæè¬ã®èšèãå¿ããã«ããã®äººãå°éããªããã³ãã¥ãã±ãŒã·ã§ã³ããšããŸãã
èªå·±ç®¡çèœåãéããæ¹æ³
Webãã¶ã€ããŒãåšå® ã¯ãŒã¯ãããŸãããªãããã«ã¯ãèªå·±ç®¡çèœåãäžå¯æ¬ ã§ããããã«ã¯ç¹ã«ãã¿ã€ã ãããžã¡ã³ããšå¥åº·ç®¡çã®2ã€ã®èŠçŽ ãéèŠãšãªã£ãŠããŸãã
ã¿ã€ã ãããžã¡ã³ãã®éèŠæ§
åšå® ã¯ãŒã¯ã§ã¯ãäžæ¥ã®ä»äºã®é²ãæ¹ãã¹ã±ãžã¥ãŒã«ç®¡çãèªåã§æ±ºå®ããªããã°ãªããŸããããã®éãé©åãªã¿ã€ã ãããžã¡ã³ãããªãããŠããªããšãä»äºã®å¹çãèœã¡ãããå¿ èŠãªä»äºãå®äºããªãããšã§ã¹ãã¬ã¹ãæºãŸãããšããããŸãã
ãã®ãããèªèº«ã®ä»äºã®é²ãæ¹ããã£ãããšèšç»ããããã«æ²¿ã£ãŠè¡åã§ããèœåã身ã«ã€ããããšãæ±ããããŸããããã«ã¯ãå ·äœçãªã¿ã¹ã¯ããªã¹ãã¢ããããåã¿ã¹ã¯ã«å¿ èŠãªæéãèŠç©ããããšããå§ããŠã¿ããšè¯ãã§ãããããŸããäžæ¥ã®ãã¡ã§èªèº«ãæãéäžã§ããæé垯ãèŠã€ãããããæ倧é掻çšããããšãæå¹ã§ãã
å¥åº·ç®¡çã®éèŠæ§
åšå® ã¯ãŒã¯ã§ã¯ãèªå® ãä»äºã®å Žãšãªããããç¡çãªãåãç¶ããããå¥åº·ç¶æ ãä¿ã€ããšãå¿ èŠãšãªããŸããå ·äœçã«ã¯ãå®æçãªéåãé©åãªæ é€æåãååãªäŒæ¯ãšãã£ãåºæ¬çãªå¥åº·ç®¡çãæ±ããããŸãã
ãŸããé·æéã®ããœã³ã³äœæ¥ãç¶ããšãè©ãããç®ã®ç²ããªã©ã®åé¡ãåºãŠããããšãå€ãã§ãããã®ãããªåé¡ãäºé²ã»æ¹åããããã«ããé©åºŠãªäŒæ©ãåãããšãé©åãªå§¿å¢ãä¿ã€ããšãã¹ã¿ã³ãã£ã³ã°ãã¹ã¯ã掻çšãããªã©ã®å¯Ÿçãæ€èšãããšè¯ãã§ãããã
æè¡çãªèª²é¡ãžã®å¯Ÿå¿æ³
Webãã¶ã€ããŒã®åšå® ã¯ãŒã¯ã«ã¯å€ãã®èª²é¡ããããŸããããã®äžã§ãç¹ã«éèŠãªã®ãæè¡çãªèª²é¡ãžã®å¯Ÿå¿æ³ã§ãããŠã§ããã¶ã€ããŒã¯ãåžžã«ææ°ã®æè¡ããã¬ã³ããè¿œããããæ°ããç¥èãåŠã³ç¶ããå¿ èŠããããŸãããã®ããã«ã¯ãå®éã«èªèº«ã§åŠã¶æ¹æ³ãå¿ èŠãšãªããŸããããã§ã¯ããã®æ¹æ³ã«ã€ããŠäžéšçŽ¹ä»ããŸãã
å¿ èŠãªã¹ãã«ã®ææ°å
æè¡çãªèª²é¡ã«å¯ŸåŠããããã®æãéèŠãªãã€ã³ãã¯ãèªèº«ã®ã¹ãã«ãåžžã«ææ°ã®ç¶æ ã«ä¿ã€ããšã§ãããŠã§ããã¶ã€ã³ã®äžçã¯æ¥éã«é²åããŠãããæ°ãããã¯ãããžãŒãææ°ã®ãã¬ã³ããæ¥ã åºãŠããŠããŸãããã®ãããããããæµãã«é ããã«è¿œãã€ããå Žåã«ãã£ãŠã¯é²ãã§ç解ãç¿åŸããããšãæ±ããããŸããå ·äœçãªæ¹æ³ãšããŠã¯ããªã³ã©ã€ã³ã§ã®èªç¿ãåªããæžç±ã®èªè§£ãç ä¿®ãžã®åå ãªã©ããããŸãã
ç¡æ/ææã§åŠã¹ãã³ãŒã¹ãç ä¿®ã®çŽ¹ä»
å®éã«æ°ããã¹ãã«ãåŠã¶ããã«ã¯ãèªèº«ã«é©ããåŠç¿ç°å¢ãèŠã€ããããšã倧åã§ãã幞ããçŸåšã§ã¯ãªã³ã©ã€ã³ã§ããŸããŸãªã³ãŒã¹ãç ä¿®ãåããããšãå¯èœã§ããç¡æã®ãªãã·ã§ã³ãšããŠã¯ãCodecademyãKhan Academyã®ãããªãŠã§ããµã€ãããããŸããããã§ã¯ãHTMLãCSSãJavaScriptãªã©ããŠã§ããã¶ã€ã³ã«ãããåºæ¬çãªæè¡ãåŠã¶ããšãã§ããŸãã
äžæ¹ãããé«åºŠã§å°éçãªã¹ãã«ãåŠã³ããå Žåã¯ãææã®ãªãã·ã§ã³ãæ€èšããããšãæçã§ããäŸãã°ãCourseraãUdemyã§ã¯ãããã®ãŠã§ããã¶ã€ããŒãéçºè ãäœæãã質ã®é«ãã³ãŒã¹ãåè¬ããããšãã§ããŸãããã®ãããªã³ãŒã¹ã§ã¯ãå ·äœçãªãããžã§ã¯ããäœæããããšã«ãã£ãŠãæ°ããªã¹ãã«ãå®éã®å Žé¢ã§æŽ»çšããæ¹æ³ãåŠã¶ããšãã§ããŸãã
æè¡çãªèª²é¡ã¯é£æ床ãé«ããã®ãå€ãã§ããã質ã®é«ããªãœãŒã¹ã«ã¢ã¯ã»ã¹ããæ¥ã ã®ç©ã¿éããéããŠã¹ãã«ãç¶æãã¢ããããŒãããããšã§ããããã®èª²é¡ãå æããããšãå¯èœãšãªããŸãã
çµããã«
ãããŸã§ã®èå¯ãèžãŸããæåŸã«ç·æ¬ããŸããããç¹ã«ãåšå® å€åã®ã¡ãªãããšãã¡ãªããããããŠãä»åŸã®Webãã¶ã€ããŒãšããŠã®åšå® ã¯ãŒã¯ã®å±æã«ã€ããŠèå¯ããŸãã
åšå® å€åã®ã¡ãªããã»ãã¡ãªãã
åšå® ã¯ãŒã¯ã«ãããã¡ãããäžé·äžçããããŸããã¡ãªãããšããŠæ倧ã®ãã®ã¯ãéå€æéã®åæžãšæè»ãªæé管çãå¯èœã§ããããšã§ããããããã«ããèªåèªèº«ã®ã©ã€ãã¹ã¿ã€ã«ã«åãããåãæ¹ãããããšãå¯èœãšãªããŸãã
ãããããã¡ãªãããååšããŸããããã¯ããããã§ãã·ã§ãã«ãªç°å¢ããé¢ããä»äºã¢ãŒããžåãæ¿ããããšãé£ãããªãç¹ãšãæ å ±å ±æãã³ãã¥ãã±ãŒã·ã§ã³ã«ãããŠã¹ã ãŒãºããæ¬ ããã¡ã«ãªãç¹ã§ãããããã¯åšå® ã¯ãŒã¯ç¬ç¹ã®èª²é¡ã§ããã工倫ããªãã解決ããå¿ èŠããããŸãã
ä»åŸã®Webãã¶ã€ããŒã®åšå® ã¯ãŒã¯ã®å±æ
ä»åŸããã¯ãããžãŒã®é²åãåãæ¹ã®å€æ§åã«ãããåšå® ã¯ãŒã¯ãæŽã«æ®åããããšã¯ééããããŸãããWebãã¶ã€ããŒãšããè·çš®ã¯ãã®ãã€ããŒã·ãã£ãå å°ããç«å Žã«ãããŸãã
åšå® ã¯ãŒã¯ã«ãã£ãŠå°åãåœå¢ãè¶ããååãå¯èœãšãªãäžæ¹ãèªå·±ç®¡çèœåãã³ãã¥ãã±ãŒã·ã§ã³èœåã匷ãæ±ããããŠããã§ãããããŸãã絶ããæ°ããªæè¡ãçãŸããŠã¯æ¶ããŠãããã®äžçã§ãæ°ããã¹ãã«ã«å¯Ÿãã絶ããåãåãç¶ãã姿å¢ãæ±ããããŸãã
ãããããã®äžæ¹ã§ããã®çŸç¶ãæ°ããªããžãã¹ãã£ã³ã¹ãçã¿åºãå¯èœæ§ããããŸããåã ã®èœåãšå¿åã«åãããåãæ¹ãæ¢æ±ããèªåã ãã®ã¯ãŒã¯ã¹ã¿ã€ã«ãæ§ç¯ããããšã§ãå®åçãªåãæ¹ã«çžããããèªèº«ã®å¯èœæ§ãæ倧éã«åŒãåºãããšãã§ããã§ãããã