Webãã¶ã€ã³ã®ç°¡åãªæŽå²
翻蚳è
ããïŒWebäžã®ãã¯ãããžãŒã¯æ¯èŒçæ¥éã«å€åããŠãããWebãã¶ã€ã³ã®ãã¬ã³ããã³ã³ãã³ãã®é
ä¿¡æ¹æ³ããŠãŒã¶ãŒãšã®ããåãã¯ããã«æ¥éã«æ··ã¿åã£ãŠããŸãã éçºã¯äžæ¹çã«è¡ãããã®ã§ã¯ãªãã倿Žã¯æ
å ±ãæ¶è²»ããæ¹æ³ã𿹿³ã«ãé¢ä¿ããããšã«æ³šæããŠãã ããã
çŸåšãã¢ãã€ã«ãã©ãã£ãã¯ã®å²åã¯æ¥éã«å¢å ããŠããŸãã ããã«ããŠãŒã¶ãŒãã€ã³ã¿ãŒãããäžã§ã¹ããŒããã©ã³ããã®ä»ã®ã¢ãã€ã«ã¬ãžã§ããããè²»ããæéã¯ãåºå®ã³ã³ãã¥ãŒã¿ãŒã§äººãè²»ããæéãããå¹³åããŠå€§å¹
ã«é·ããªããŸãã ãã®äºå®ã¯ãWebãã¶ã€ã³ã®ãããªãçºå±ã®ãã¯ãã«ã«åœ±é¿ãäžããã»ããããŸããã
倿
ã¯ãè
ºãšæè¡ã ãã§ãªããç§ãã¡ã®è³ã§ãèµ·ãããŸãã æ
å ±éã®å¢å ãžã®å¯Ÿå¿ãšããŠã®ãã¯ãªããæèãã®éçºã¯åºãè°è«ãããŠããŸãã Webãã¶ã€ã³ãæäœãããšãã®äººã
ã®è¡åãšæèã«ã€ããŠãå€ãã®å®çšçãªç ç©¶ãè¡ãããŠããŸãã å¿çåŠã®å士ã§ããã¹ãŒã¶ã³ã»ãŠã§ã€ãã·ã§ã³ã¯ã¯ã 圌ã®ããã°ã§ããã«ã€ããŠè©³ããæžããŠããŸãã
ã¢ã€ãã¢ãå®çŸããããã«ã©ãã ãã®äœæ¥ãå¿
èŠããèªèããç¬éã«ããã¶ã€ã³ãã³ãŒãã«å€ããããšã«èå³ã倱ããŸããã äžèŠãåçŽãªã¿ã¹ã¯ã«ã¯éåžžã«å€ãã®è§£æ±ºçããããŸããããã¹ãŠã®ãã©ãŠã¶ã§æ©èœãããšã¯éããŸããã ç§ã¯ãã€ãäžæè°ã«æã£ãŠããŸããããªããã¶ã€ã³ãšã³ãŒãã«åé¢ãããã®ã§ããïŒ ãªãæåã«è€éãªãã®ãåçŽåããããåçŽãªãã®ã«åå²ããŠãããåã³è€éã«ããã®ã§ããïŒ ãã¶ã€ããŒãã³ãŒããæžãããšãåŠã¶ã¹ãããéçºè
ããã¶ã€ã³ãåŠã¶å¿
èŠããããã«ã€ããŠè°è«ãã代ããã«ããŠã§ããã¶ã€ã³ãã©ã®ããã«é²åããã³ãŒããšãã¶ã€ã³ã®éã®ã®ã£ãããåããããšãã§ãããã«ã€ããŠåäžã®å³ããŸãšããããšããå§ãããŸãã
Webãã¶ã€ã³ã®æé»æä»£ïŒ1989ïŒ
ç»é¢ã¯æåéãé»ã§ãã¢ãã¯ããã¯ã»ã«ãå°æ°ããå«ãŸããŠããªããããWebãã¶ã€ã³ã®æåã®æ®µéã¯ããŒã¯ã¿ã€ã ãšåŒã°ããŸãã ãã®åŸãã·ã³ãã«ãšã¿ãã䜿çšããŠãã¶ã€ã³ãäœæããããããã°ã©ãã£ã«ã«ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ãWebãµãŒãã£ã³ã®äž»ãªããŒã«ã ã£ãææã«é²ã¿ãŸãã ããŒãã«ã¬ã€ã¢ãŠãã®ãããã®æéã¯ãWebã®ã¯ã€ã«ããŠã§ã¹ããšåŒã¶ããšãã§ããŸãã
ããŒãã«-éå§ïŒ1995ïŒ
ç»åã衚瀺ã§ãããã©ãŠã¶ã®åºçŸã¯ãWebãã¶ã€ã³ã®æåã®ã¹ãããã§ããã仿¥ã®ç§ãã¡ã®ç¥ã£ãŠããæ¹æ³ã§ãã æ
å ±ãæ§é åããæãã¢ã¯ã»ã¹ããããæ¹æ³ã¯ãããŒãã«ã䜿çšãããšããæŠå¿µã§ãããããã¯åœæHTMLã§å©çšå¯èœã«ãªããŸããã ãããã£ãŠãä»ã®ããŒãã«å
ã«ããŒãã«ãé
眮ããéçã»ã«ãšçžå¯Ÿçãªãµã€ãºã®ã»ã«ãæ··åããããšã¯ãDavid Siegelã®èæžã Creating Killer Sites ãããå§ãŸããŸããã ãã®ãããªç®çã§ã®ããŒãã«ã®äœ¿çšã¯ãæ
å ±ãæ§é åããããšãäž»ãªç®çã§ãããããããŸãé©åã§ã¯ãªããšæãããŸããã ããã«ããããããããã®Webãã¶ã€ã³ã®äœææ¹æ³ã¯ãé·ãéæãäžè¬çã§ããã ãã®åŸãå¥ã®åé¡ããããŸãã-ãããã®å£ããããæ§é ã®æäœæ§ãç¶æããŸãã åæã«ãåã
ã®èŠçŽ ã«ãã¬ã€ã¢ãŠããã«ãããããããšã人æ°ãåããŸããã èšèšè
ã¯çŸããã¬ã€ã¢ãŠããæããããããããå°ããªéšåã«åå²ããèšèšã©ããã«æ©èœããããã«ããããæ¥çããŠãéçºè
ãè¡ããŸããã äžæ¹ãããŒãã«ã«ã¯ãã³ã³ãã³ããåçŽæ¹åã«é
眮ãããµã€ãºããã¯ã»ã«ãšããŒã»ã³ãã§æ±ºå®ããæ©èœãªã©ã®ã·ãã¯ãªæ©èœããããŸããã ããŒãã«ã®äž»ãªå©ç¹ã¯ãã°ãªããæ§é ãã§ããã ãè¿ãã§åäœæã§ããããšã§ããã ãã®åŸãéçºè
ã¯ãå€éšã€ã³ã¿ãŒãã§ã€ã¹ãšãã®éçºãæããã®ãããããšæ°ä»ããŸããã
Javascriptãå©ãã«ãªããŸãïŒ1995ïŒ
HTMLã®å¶éã«å¯Ÿããçãã¯Javascriptã§ããã ãããã¢ãããããã§ããïŒ ãŸãã¯ãèŠçŽ ã®åçé
çœ®ãæ§æããå¿
èŠããããŸããïŒ å¯äžã®çãã¯Javascriptã§ãã ãã ããäž»ãªåé¡ã¯ãJavascriptãWebãæ§æããçŽ æã®äžã«ãããããåå¥ã«ããŠã³ããŒãããå¿
èŠããã£ãããšã§ãã å€ãã®å Žåãæ ãªéçºè
ã¯ããã䜿çšããŠã³ãŒãã®ã¯ã€ãã¯ããããäœæããŸãããã峿ã§ã¯éåžžã«åŒ·åãªããŒã«ã«å€ããå¯èœæ§ããããŸãã çŸåšãCCSã䜿çšããŠåãèŠçŽ ãå®è£
ã§ããå Žåã¯Javascriptã®äœ¿çšãé¿ããããšã奜ã¿ãŸãããããã§ãã仿¥ã®JavaScriptã¯ã€ã³ã¿ãŒãã§ãŒã¹éçºïŒjQueryïŒãšãµãŒããŒããã°ã©ãã³ã°ïŒããŒãïŒã®äž¡æ¹ã§ãã®é¢é£æ§ã倱ããŸããã jsïŒã
é»éæä»£ã®èªç±-ãã©ãã·ã¥ïŒ1996ïŒ
1996幎ã«ç»å Žããæè¡ã¯ãåäŸã®ãªãèªç±ãçŽæããåœæã®Webãã¶ã€ã³ã®éçºã劚ããéå£ãæã¡ç Žãããšãç®çãšããŠããŸããã ãã¶ã€ããŒã¯ãä»»æã®ãã©ãŒã ãã¬ã€ã¢ãŠãã®ãµã€ãºãã¢ãã¡ãŒã·ã§ã³ãã€ã³ã¿ã©ã¯ã·ã§ã³ãæäœãã1ã€ã®ããŒã«ã§ãããã¹ãŠã®ãã©ã³ããšFlashãã¯ãããžãŒã䜿çšã§ããŸãã äœæ¥ã®æçµçµæã¯1ã€ã®ãã¡ã€ã«ã«ãŸãšãããããã®åŸã衚瀺ã®ããã«ãã©ãŠã¶ãŒã«éä¿¡ãããŸããã ããã¯ãã¹ãŠããŠãŒã¶ãŒãææ°ããŒãžã§ã³ã®Flashãã©ã°ã€ã³ã䜿çšããã³ã³ãã³ããããŒããããã®ãåŸ
ã€ããã®æéãããããšãæ¡ä»¶ã«æ©èœããŠããŸããã ããã¯éæ³ã®ããã«èŠããŸããã åœæã¯æŽ»æ°ã«æºã¡ããŠã§ã«ã«ã ããŒãžãå
¥éã¢ãã¡ãŒã·ã§ã³ãããããçš®é¡ã®ã€ã³ã¿ã©ã¯ãã£ããšãã§ã¯ãã®é»éæä»£ã§ããã æ®å¿µãªããšã«ããã®ãã¯ãããžãŒã«ã¯æããã«ãªãŒãã³æ§ãæ€çŽ¢ã®ãããããæ¬ ããŠããŠãFlashãªãœãŒã¹ã®æ¶è²»ã¯æ¬åœã«å€§ããã£ãã§ãã Appleãæåã®iPhoneïŒ2007ïŒã§ãããåãé€ãããšã決ãããšããå°ãªããšãWebãã¶ã€ã³ã®èŠéãã«é¢ããŠã¯ããã¯ãããžãŒã¯è¡°éãå§ããŸããã
CSSïŒ1998ïŒ
Flashãšã»ãŒåæã«ãå¥ã®æè¡çãªèгç¹ããèŠãã°ãæ§é åãã¶ã€ã³ãç»å ŽããŸãã-ã«ã¹ã±ãŒãã¹ã¿ã€ã«ã·ãŒãïŒCSSïŒã ãã®åºæ¬çãªæŠå¿µã¯ãã³ã³ãã³ãã³ã³ãããŒã®æ©èœãšãã¬ãŒã³ããŒã·ã§ã³ã®æ©èœãåé¢ããããšã§ãã³ã³ãã³ãèªäœãHTMLã«é
眮ããCSSã䜿çšããŠèŠèŠçãªæžåŒèšå®ãè¡ããŸããã ãã®ãã¯ãããžãŒã®æåã®ããŒãžã§ã³ã¯æè»æ§ã«ã¯ã»ã©é ããã®ã§ããããæå€§ã®åé¡ã¯ãã©ãŠã¶ãŒãžã®é©å¿é床ãé
ãããšã§ããã CSSã®å®å
šãªãã©ãŠã¶ãµããŒãã®å°å
¥ã«ã¯æ°å¹Žããããå€ãã®å Žåããã®äœ¿çšã«ã¯ããªãã®æ°ã®ãã°ã䌎ããŸããã åæã«ãå€ãã®å Žåãææ°ã®CSSããããã£ã¯1ã€ã®ãã©ãŠã¶ãŒã§ã®ã¿ãµããŒããããŠããŸããããä»ã®ãã©ãŠã¶ãŒã§ã¯ãã®ãµããŒãããããŸããã§ããã éçºè
ã«ãšã£ãŠãããã¯æ¬åœã®æªå€¢ã«ãªããŸããã ãŸããCSSã¯ã³ãŒããèšè¿°ããããã®èšèªã§ã¯ãªãããªããžã§ã¯ãã®ããããã£ã宣èšããããã®èšèªã§ããããã¶ã€ããŒãã³ãŒãã®èšè¿°æ¹æ³ãåŠã¶å¿
èŠããããã©ãããšããçåã解決ããªãå Žåã¯ããCSSã®ä»çµã¿ãçè§£ããå¿
èŠããããŸããïŒãééããªãããžãã£ãã«ãªããŸãã
ã¢ãã€ã«ã³ã³ãã³ãã®å°é -ã°ãªãããšãã¬ãŒã ã¯ãŒã¯ïŒ2007ïŒ
æºåž¯é»è©±ã§ãŠã§ããé²èЧããããšèªäœããã¹ãã§ããã ããããããŸããŸãªããã€ã¹ã®ã¬ã€ã¢ãŠãã®ãµã€ãºã®éãã«å ããŠããã¶ã€ã³ã®é©åæ§ã®åé¡ããããŸããïŒå°ããªç»é¢ã«å€§ããªç»é¢ãšåãããŒãžã§ã³ã®ãµã€ãã衚瀺ãã䟡å€ãããã®ã§ããããããšãåã
ã®éšåãæåŠããå¿
èŠããããŸããïŒ ãããŠããã®ãããªã¡ãã€ãã®ããåºåããã®ãããªå°ããªç»é¢ã«æ¿å
¥ããå Žæã¯ã©ãã§ããïŒ å€§éã®ã³ã³ãã³ããããŠã³ããŒããããšãã¢ãã€ã«ãã©ã³ã¹å
šäœãéåžžã«æ¥éã«çãããããé床ãåé¡ã§ããã ç¶æ³ãæ¹åããããã®æåã®ã¹ãããã¯ãåãæã€ã°ãªããã䜿çšãããšããã¢ã€ãã¢ã§ããã
æ°åã®å埩ã®åŸã960ãã¯ã»ã«ã®ã°ãªãããåã¡ã12åãžã®åå²ã¯äž»ã«ãã¶ã€ããŒã«ãã£ãŠäœ¿çšãããŸããã æ¬¡ã®ã¹ãããã¯ããã©ãŒã ãããã²ãŒã·ã§ã³ã¡ãã¥ãŒããã¿ã³ãªã©ã®åºç¯ãªèŠçŽ ã®æšæºåãšããããã®è¿
éãã€ç°¡åãªäœ¿çšã®å¯èœæ§ã®äœæããŸãã¯ç°¡åã«èšãã°ãå¿
èŠãªãã¹ãŠã®ã³ãŒããå«ãèŠèŠèŠçŽ ã®ã©ã€ãã©ãªã®äœæã§ãã ããã§ã®åè
ã¯BootstrapãšFoundationã§ããããã¯ãWebãµã€ããšã¢ããªã±ãŒã·ã§ã³ã®éã®å¢çç·ããŒãããŠãããšããäºå®ã瀺ããŠããŸãã ãã®ã¢ãããŒãã®æ¬ ç¹ã¯ãæ°ãããã¶ã€ã³ããã°ãã°åãããã«èŠãå§ããããšã§ãã åæã«ãèšèšè
èªèº«ã¯ãã³ãŒããã©ã®ããã«æ©èœããããçè§£ããªããšã倿Žã«ã¢ã¯ã»ã¹ã§ããŸããã§ããã
ã¬ã¹ãã³ã·ãWebãã¶ã€ã³ïŒ2010ïŒ
ã€ãŒãµã³ã»ããŒã³ãããšããåã®è³¢ãç·ããåãã³ã³ãã³ãã衚瀺ããããšãææ¡ããããã衚ãããã«ç°ãªã圢åŒã®ã¬ã€ã¢ãŠãã䜿çšããŠããã¬ã¹ãã³ã·ãWebãã¶ã€ã³ããšããçšèªãåŒã¶ããšã§ãçŸåšã®ã¢ãããŒãã«ææŠããããšã決ããŸããã æ£åŒã«ã¯ãHTMLãšCSSãåŒãç¶ã䜿çšããŠãããããããã¯æŠå¿µã®æ¹åã«é¢ãããã®ã§ãã
ãã®ã¢ãããŒãã«é¢ããŠå€ãã®èª€è§£ããããŸãã ãã¶ã€ããŒã«ãšã£ãŠãé©å¿æ§ããšã¯ãããŸããŸãªã¬ã€ã¢ãŠãã®å€ãã®ã¹ã±ãããäœæããããšãæå³ããã¯ã©ã€ã¢ã³ãã«ãšã£ãŠã¯ãããã¯ãã¹ãŠãé»è©±ã§æ©èœããããšãæå³ããŸãã åæã«ãéçºè
ã¯ããŒãžã®èªã¿èŸŒã¿é床ããŠãŒã¶ãŒã«ç»åã衚瀺ããæ¹æ³ãèŠçŽ ã®ã»ãã³ãã£ãã¯ããŒããã¢ãã€ã«ããŒãžã§ã³ãŸãã¯ãã¹ã¯ãããããŒãžã§ã³ã®åªå
床ãªã©ã«ã€ããŠèããŸãããã®ã¢ãããŒãã®äž»ãªå©ç¹ã¯ãåãã³ã³ãã³ããç°ãªãã¬ã€ã¢ãŠãã«ä¿åããããšã§ãã å®éã«ã¯ãããã¯åãWebãµã€ããã©ãã§ãæ©èœããããšãæå³ããŸãã å°ãªããšãå
šå¡ããã®å®çŸ©ã«åæããããšãé¡ã£ãŠããŸãã
ç°¡çŽ åïŒ2010ïŒ
ããå€ãã®ã¬ã€ã¢ãŠããæç»ããã«ã¯æéãããããŸãã ããã«åºã¥ããŠãç§ãã¡ã®å
±éã®å¹žçŠã«ããã¶ã€ããŒã¯ããã»ã¹ãåçåãã圱ã®è€éãªåœ±é¿ãåãé€ãããã¶ã€ã³ã®èµ·æºã«æ»ããã³ã³ãã³ããåªå
ããããšã«ããŸããã é«å質ã®åççŽ æããã©ã³ããã¶ã€ã³ã®éžæãã«ã©ãã«ãªã€ã©ã¹ããææ
®æ·±ãã¬ã€ã¢ãŠã-ããã仿¥äœæãããã¶ã€ã³ã§ãã
èŠèŠèŠçŽ ã®åçŽåãããããããã©ãããã¶ã€ã³ãããã®ããã»ã¹ã®äžéšã§ãã ãã®äž»ãªå©ç¹ã¯ãçŽ æã衚瀺ãããæ
å ±ã®åªå
床ãããã³ã³ã³ãã³ãå
šäœã«ããå€ãã®æ³šæãæãããããšã§ãã å
æ²¢ã®ãããã¿ã³ã¯ã¢ã€ã³ã³ã«çœ®ãæããããŸãããããã«ããããã¯ã¿ãŒç»åãšã¢ã€ã³ã³ãã©ã³ãã䜿çšã§ããŸãã Webãã©ã³ãã¯çŽ æŽãããã¿ã€ãã°ã©ãã£ãæäŸããŸãã ããã§æãé¢çœãã®ã¯ããŠã§ããæåãããã®ã¢ã€ãã¢ã«è¿ãã£ããšããããšã§ããããããè¥ãçç±ã§ã...
æããæªæ¥ïŒ2014ïŒ
ããæ°å¹Žããã¶ã€ã³ã®èŠèŠåãšããããã©ãŠã¶ã§è¡šç€ºããããŸããŸãªè©Šã¿ã¯ãWebãã¶ã€ã³ã®èæ¯ã§ããã 宿ããã³ãŒãã¯ç¬åã§è¡šç€ºãããŸããããã¶ã€ããŒãç»é¢äžã®èŠçŽ ãç°¡åã«ç§»åããæ¹æ³ãæ³åããŠãã ããïŒ ããã¯ãèŠçŽ ã®é åºã倿Žããããšã§ã¯ãªããå®å
šãªæè»æ§ãšå¶åŸ¡ã«é¢ãããã®ã§ãïŒ éçºè
ã¯ãã©ãŠã¶ã®äºææ§ã«ã€ããŠå¿é
ããå¿
èŠã¯ãªããå®éã®åé¡ã®è§£æ±ºã«å®å
šã«éäžã§ããããšãæ³åããŠãã ããïŒ
æ£åŒã«ã¯ã仿¥ããã®æ¹åã®åãããµããŒãããããã€ãã®æ°ããã¢ã€ãã¢ããããŸãã vhãvwïŒãã¥ãŒããŒãã®é«ããšå¹
ïŒãªã©ã®æ°ããCSSãŠãããã¯ãèŠçŽ ãé
眮ããéã®æè»æ§ã倧å¹
ã«é«ããŸãã ãŸããå€ãã®èšèšè
ãé©ãããåé¡ã解決ããŸããCSSã®äžå€®ã®åçŽæ¹åã®é
眮ããªãããã»ã©é£ãããªãã®ã§ããããã CSSã®äžéšã«ãªã£ããã1ã€ã®ã¯ãŒã«ãªã¢ã€ãã¢ã¯Flexboxã§ããããã«ããã倧éã®ã³ãŒããèšè¿°ãã代ããã«ãåäžã®ããããã£ã§ã¬ã€ã¢ãŠããäœæããŠå€æŽã§ããŸãã ãããŠæåŸã«ãWebã³ã³ããŒãã³ãã¯ããã«åŸ¹åºçãªè©Šã¿ã§ããããã¯ãããšãã°ã®ã£ã©ãªãŒãç»é²ãã©ãŒã ãªã©ãäžç·ã«æ¥ç¶ãããèŠçŽ ã®ã»ããã§ãã ããã«ãããèŠçŽ ãç¬ç«ããŠãå«ããŠäœåºŠã䜿çšã§ãããã«ãã£ã³ã°ãããã¯ã«ãªããããã¯ãŒã¯ãããŒãç°¡çŽ åããæ©äŒãçãŸããŸãã
ããŠããŠã§ããã¶ã€ã³ã®å°æ¥ã«ã€ããŠã©ãæããŸããïŒ
æ³šïŒæ¬åŒ§å
ã®å¹Žã¯ãç¹å®ã®ã¹ããŒãžã®éå§ã瀺ããŸãã ãããã®æè¡ã¯é·ãéç°ãªãé床ã§éçºãããŠããã®ã§ã1998幎ãã2007幎ãŸã§ã®æéã空ã«ããŠã¯ãããŸããã ãã®ãšããäž»ãªé²åãèµ·ãããŸããã
All Articles