1. åšå® WEBãã¶ã€ããŒãšãããã£ãªã¢ã«ã€ããŠ
åšå® WEBãã¶ã€ããŒãšã¯ãèªå® ãæ ç¹ã«WEBãã¶ã€ã³ã®ä»äºããããããã§ãã·ã§ãã«ãªäººã ãæããŸããè²å ã家äºãšã®äž¡ç«ãéå€æéã®åæžãèªåã®ããŒã¹ã§ä»äºãã§ãããšããå©ç¹ããããŸãããã¹ãã«ãããŒã«ãèªå·±ç®¡çããã®ã¯é£ããæãããã¡ã§ãããããæ£ããã¢ãããŒãããã°ãåšå® ã§ãååã«ä»äºãéè¡ããããšãã§ããŸãã
ãã®ã»ã¯ã·ã§ã³ã§ã¯ãåšå® WEBãã¶ã€ããŒãšãããã£ãªã¢ã«ã€ããŠè©³ããèŠãŠãããŸãããã
çåãæã€ããšã¯èªç¶ãªããšã§ããããã¹ãŠã¯ç¥èãšæºåã«ããã£ãŠããŸãã
1.1 åšå® WEBãã¶ã€ããŒã®ã¡ãªãããšã¯ïŒ
åšå® WEBãã¶ã€ããŒã«ã¯æ§ã ãªã¡ãªããããããŸãããŸã第äžã«ãèªåã®ã©ã€ãã¹ã¿ã€ã«ã«åãããŠä»äºæéãèšå®ã§ãããšããæè»æ§ããããŸããããã«ãããè²å ã家äºãšã®äž¡ç«ãå¯èœãšãªããŸãã
ãŸããäžè¬çãªãªãã£ã¹ã¯ãŒã¯ãšæ¯èŒããŠéå€æéããªãã£ã¹ã§ã®äººéé¢ä¿ã«ã¹ãã¬ã¹ãæããããšãå°ãªããããéäžããŠä»äºã«åãçµãããšãã§ããŸãã
ããã«ãèªå® ã«ããªããã«ããŠå šåœã©ãã§ãã¯ã©ã€ã¢ã³ããæã€ããšãã§ãããããä»äºã®å¹ ãåºãããŸãã
1.2 åšå® WEBãã¶ã€ããŒãšããŠã®åãæ¹ã®çš®é¡
åšå® WEBãã¶ã€ããŒãšããŠåãå Žåã倧ããåããŠäŒæ¥ã«éçšãããæ¹æ³ãããªãŒã©ã³ã¹ãšããŠåãæ¹æ³ãå¯æ¥ãšããŠåãæ¹æ³ã®3ã€ãèããããŸãã
ååãæ¹ã«ã€ããŠè©³ããèŠãŠãããšãäŒæ¥ã«éçšãããå Žåã¯åå ¥ãå®å®ããŠããŸãããåå ¥ã倧ãã䌞ã°ãã®ã¯é£ããã§ããããªãŒã©ã³ã¹ãšããŠåãå Žåã¯ãåãå Žæãæéã«çžããããèªåã§ä»äºéãäŸ¡æ Œã決ããããšãã§ããŸãããåå ¥ã¯äžå®å®ã«ãªãå¯èœæ§ããããŸãã
ãããŠãå¯æ¥ãšããŠåãå Žåã¯ãæ¬æ¥ãæã¡ãªããå®å®ããåå ¥ãåŸããšãšãã«ãããããä»äºã«ããã£ã¬ã³ãžããããšãã§ããŸãã
1.3 èµ·æ¥ãããªãŒã©ã³ã¹ãšããŠæŽ»åããå Žåã®æ³šæç¹
èªèº«ã§äºæ¥ãç«ã¡äžããããããªãŒã©ã³ã¹ãšããŠæŽ»åããå Žåã¯å¥ã®çš®é¡ã®èª²é¡ãçºçããŸãããŸããèªåã§æ°ãããããžã§ã¯ããèŠã€ããŠæ¡ä»¶ãç²åŸããªããã°ãªããªãç¹ãæããããŸãã
ãŸããä»äºã®æ°éãšè³ªãåæã«ç®¡çããå¿ èŠããããèªå·±ç®¡çãæ±ããããŸããããã«ã¯ãçšéãä¿éºãªã©ã®èªå·±è² æ ãå«ãŸããŸãã
ãããã®èª²é¡ãä¹ãè¶ããããã«ã¯ãããžãã¹ã¹ãã«ãããŒã±ãã£ã³ã°ã¹ãã«ãåæã«èº«ã«ã€ããããšãå¿ èŠãšãªããŸãã
1.4 åšå® WEBãã¶ã€ããŒãšããŠæåããããã®3ã€ã®éèŠãªèŠçŽ
åšå® WEBãã¶ã€ããŒãšããŠæåããããã«ã¯ã3ã€ã®éèŠãªèŠçŽ ããããŸãïŒå¿ èŠãªããŒã«ãæããããšãå¿ èŠãªã¹ãã«ãšç¥èã身ã«ã€ããããšããããŠããŒããã©ãªãªãäœãããšã§ãã
ããã3ã€ã®èŠçŽ ããããããšã§ãæªçµéšããã§ãåšå® ã§WEBãã¶ã€ããŒãšããŠã®ãã£ãªã¢ãã¹ã¿ãŒããããããšãã§ããŸãã
次ã®ã»ã¯ã·ã§ã³ã§ã¯ããããã®èŠçŽ ã«ã€ããŠå ·äœçã«èŠãŠãããŸãããã
2. 誰ã§ãã§ããïŒWEBãã¶ã€ããŒã«å¿ èŠãªã¹ãã«ãšãã®ç¿åŸæ¹æ³
WEBãã¶ã€ã³ãå§ããã«ã¯ãããçšåºŠã®ã¹ãã«ãåºç€ç¥èãå¿ é ã§ãããããããããã¯èª°ã§ãåŠã¶ããšãã§ããŸããããã§ã¯ãåšå® WEBãã¶ã€ããŒãšããŠå¿ èŠãªã¹ãã«ãšãã®åŠç¿æ¹æ³ã玹ä»ããŸãã
2.1 HTML/CSSã®åºç€ç¥èãšã¯ïŒ
HTML/CSSã¯WEBããŒãžã®æ§é ãšã¹ã¿ã€ã«ã圢æããããã®èšèªã§ãããããã身ã«ã€ããããšã¯ãé«å質ãªWEBãµã€ããäœæããäžã§æ¬ ãããŸãããHTMLã¯ããŒãžã®éªšçµã¿ãäœããCSSã¯éªšçµã¿ãè£ é£Ÿãã圹ç®ãæãããŸãããªã³ã©ã€ã³ã®åŠç¿ææãæžç±ã掻çšããŠãåºæ¬çãªHTMLã®ã¿ã°ãCSSã®ããããã£ãèŠããŸãããã
2.2 ãã¶ã€ã³ããŒã«ã®äœ¿ãæ¹
Adobe IllustratorãPhotoshopãªã©ã®ãã¶ã€ã³ããŒã«ã䜿ããšãããã®ä»äºã«è¿ãã¬ãã«ã®WEBãã¶ã€ã³ãå¯èœã«ãªããŸãããããããããã®ããŒã«ã¯æäœãè€éã§ããã䜿ãããªãã«ã¯æéãšç·Žç¿ãå¿ èŠã§ããæåã¯ç¡æã®ãªã³ã©ã€ã³ææããå§ããåºæ¬çãªæ©èœãšæäœæ¹æ³ããã¹ã¿ãŒããŸãããã
2.3 å¿ é ãšãªãJavaScriptã®åºæ¬
JavaScriptã¯ãWEBãµã€ãã«åçãªèŠçŽ ãè¿œå ããããã®ããã°ã©ãã³ã°èšèªã§ãããããåŠã¶ãšãåãªãéçãªããŒãžä»¥äžã®ããŠãŒã¶ãŒãšå¯Ÿè©±çãªWEBãµã€ããäœæããããšãã§ããŸããåå¿è åãã®ãªã³ã©ã€ã³ææããã¬ãŒãã³ã°ã³ãŒã¹ã§åŠã³å§ããŠã¿ãŸãããã
2.4 æç¶çåŠç¿ã®åãçµã¿æ¹
æè¡ã¯åžžã«é²åããŠããŸãã®ã§ãæ°ããç¥èãã¹ãã«ã®ç¿åŸã¯çµ¶ããè¡ãå¿ èŠããããŸãããã®ãããå®æçã«åŠãã ããšãå®è·µããæ°ããèšèªããã¯ãããžãŒã«ã€ããŠèª¿æ»ããŠã¿ãŠãã ããããŸããWEBãã¶ã€ã³ã®ã³ãã¥ããã£ã«åå ããããšã§ãæ°ããªç¥èãåŸããšãšãã«ã質åãå°ã£ãããšãå ±æã§ããŸãã
3. å®éã®äœæ¥ç°å¢ãèšå®ããã
åšå® WEBãã¶ã€ããŒãšããŠæåããããã«ã¯ãæé©ãªäœæ¥ç°å¢ã®èšå®ãå¿ èŠã§ããè¯ãç°å¢ãèšå®ãããšãäœæ¥ã®å¹çãäžãããããŸããŸãªèª²é¡ã解決ããããšãã§ããŸããããœã³ã³ã®ã¹ããã¯ããœãããŠã§ã¢ãäœæ¥ã¹ããŒã¹ã®æŽåãäœæ¥ã®å¹çåã«ã€ããŠè©³ããèŠãŠãããŸãããã
3.1 å¿ èŠãšãªãããœã³ã³ã®ã¹ããã¯ãšã¯ïŒ
WEBãã¶ã€ã³ã¯ã倧éã®æ å ±ãæ±ãäœæ¥ã§ããé«ãããã©ãŒãã³ã¹ãæ±ããããäœæ¥ãè¡ãããã«ã¯ãããããã®ããœã³ã³ã®ã¹ããã¯ãå¿ èŠã§ãããŸãèããã¹ãã¯ããœã³ã³ã®ã¡ã¢ãªãŒå®¹éãšåŠçèœåããããŠç»é¢è§£å床ã§ãã
ã¡ã¢ãªãŒå®¹éã«ã€ããŠã¯ãäžè¬çã«ã¯8GB以äžãæšå¥šãããŸããã倧ããªãããžã§ã¯ãã3Dã¢ããªã³ã°ãè¡ãå Žåã¯ããã以äžã®å®¹éãå¿ èŠãšãªãããšããããŸãã
åŠçèœåã®éšåã§ã¯ãã³ã¢i5以äžã®ããã»ããµãé©ããŠããŸãããŸããç»é¢è§£å床ã¯ãã«HD以äžã§ããããšãæãŸããã§ããçŽ æŽããããã¶ã€ã³æ§ãæã€WEBãµã€ããäœæããããã«ã¯ã现éšãŸã§ç¢ºèªã§ããé«è§£å床ã®ãã£ã¹ãã¬ã€ãæ±ããããŸãã
3.2 åçš®ãœãããŠã§ã¢ãããŒã«ã®éžã³æ¹
WEBãã¶ã€ããŒã«ã¯æ§ã ãªãœãããŠã§ã¢ãããŒã«ã䜿çšãããŸããããããéžã¶éã¯ãäœæ¥å¹çãåäžããããã®ãããªãã®ã¹ãã«ã»ããã«åã£ãŠãããã®ãäºç®ã«åã£ãŠãããã®ãéžã¶ããšãéèŠã§ãã
察å¿ããOSãäŸ¡æ Œãæ©èœæ§ãªã©ãèæ ®ããªãããèªåã«æé©ãªãœãããŠã§ã¢ãããŒã«ãéžã³ãŸããããå¯èœãªããäžéšã¯ç¡æãã©ã€ã¢ã«ãªã©ã§äºåã«è©Šçšããèªåã®ããŒãºã«åã£ãŠããã確èªãããšè¯ãã§ãããã
ãŸããã©ã®ãœãããŠã§ã¢ãéžã¶ãã«æžæã£ãŠãããªããæ¥çæšæºã®ãœãããŠã§ã¢ããå§ãããšè¯ãã§ãããã®äžã§ãAdobeã®PhotoshopãIllustratorããããŠSketchãªã©ãæåã§ãã
3.3 äœæ¥ã¹ããŒã¹ãæŽããããã®ã¢ããã€ã¹
äœæ¥ã¹ããŒã¹ã®æŽåã¯ãåšå® WEBãã¶ã€ããŒã«ãšã£ãŠéåžžã«éèŠã§ããããŒã ãªãã£ã¹ã®ç°å¢ãæŽããããšã§ãäœæ¥ã®å¹çæ§ãåäžãããããŸããããã§ã¯äœæ¥ã¹ããŒã¹ãæŽããããã®ããã€ãã®ã¢ããã€ã¹ã玹ä»ããŸãã
ãŸããéãã§èœã¡çããã¹ããŒã¹ãéžã¶ããšãéèŠã§ãããã¶ã€ã³ãšã¯åµé çãªäœæ¥ã§ãããéäžåãå¿ èŠã§ããç©é³ã家æã®å£°ãªã©ã«æ°ãåãããªãããã«ãéããªå Žæãéžã³ãŸãããã
次ã«ãè¯ãç §æã確ä¿ããããšã倧åã§ããç®ãç²ããŠããŸããšãäœæ¥ã®è³ªãå¹çãäžãã£ãŠããŸããŸããèªç¶å ãååã«å ¥ãå Žæãéžã¶ããé©åãªãã¹ã¯ã©ã€ããèšçœ®ããç®ã«åªããç°å¢ãäœããŸãããã
3.4 å¹ççãªäœæ¥ã®ããã®Tips
æåŸã«ãäœæ¥ãå¹ççã«é²ããããã®Tipsãããã€ã玹ä»ããŸããæé管çã®æ¹æ³ãã¹ãã¬ã¹ã®ç·©åæ¹æ³ãäœæ¥ã®å¹çåã®ããã®æŠç¥ãªã©ããããã®Tipsã¯åšå® WEBãã¶ã€ããŒãžã®éãã¹ã ãŒãºã«é²ãæå©ãã«ãªãã§ãããã
æé管çã«ã€ããŠã¯ãããã¢ããŒãã»ãã¯ããã¯ãããã¿ã€ã ã»ããããã³ã°ããªã©ã®ãã¯ããã¯ãè©ŠããŠã¿ãŠãã ããããããã¯äžå®ã®æééäžããŠäœæ¥ãããããã®æ¹æ³ã§ããããã«ãããäœæ¥æéã®ç¡é§ãæžãããäžæ¥ã®çç£æ§ãåäžãããããšãåºæ¥ãŸãã
ãŸããã¹ãã¬ã¹ãæããããã«ã¯ãå®æçãªäŒæ©ãé©åºŠãªéåãæå¹ã§ããé·æéã®äœæ¥ã§ç²åŽãèç©ããããšãããã©ãŒãã³ã¹ãèœã¡ãŠããŸããã泚æãå¿ èŠã§ãã
4. ããŒããã©ãªãªãäœæããèªèº«ã®ã¹ãã«ã蚌æããã
ããŒããã©ãªãªãšã¯ãèªèº«ã®ã¹ãã«ãçµéšã蚌æã§ãããèªå·±PRã®éèŠãªããŒã«ã®äžã€ã§ããWEBãã¶ã€ããŒãšããŠåããããšèãããªãããŒããã©ãªãªäœæã¯å¿ é ã§ãã次ã®ç¯ã§ã¯ããŒããã©ãªãªã®ç®çãšãããã«ããŠå¹æçãªããŒããã©ãªãªãäœæãããã«ã€ããŠè§£èª¬ããŸãã
4.1 ããŒããã©ãªãªã®ç®çãšã¯ïŒ
ããŒããã©ãªãªã¯ãèªèº«ã®æè¡ãçµéšãå¯èŠåããæ段ã§ããããã«ããéãäž»ã«ããªãã®æè¡åãå®èšŒããŸãããŸãããããŸã§ã®äœåãéããŠããªããã©ã®ããã«æé·ããŠããã®ãããªã©ã®è©³çŽ°ã瀺ãããšãã§ããŸãã
ãŸããããŒããã©ãªãªã¯èªãæã§ããããªãèªèº«ãè¡šçŸãããã®ã§ããããªãèªèº«ã®ãã¶ã€ã³å²åŠããåã ã®ãããžã§ã¯ãã«å¯Ÿããã¢ãããŒããç解ããæå©ããããŸããåŸã£ãŠãããŒããã©ãªãªã¯èªåèªèº«ãæãè¯ã圢ã§è¡šçŸãã匷åãªããŒã«ãªã®ã§ãã
4.2 é«å質ãªããŒããã©ãªãªäœãã®ããã®ãã³ã
æåã®äžæ©ãšããŠãããã€ãã®æ¢åã®æåããããŒããã©ãªãªã調æ»ããŠã¿ãŸããããããã«ãããæåãšããçµæãåºãããã«ã©ã®ãããªæ¹æ³ããšãããŠããã®ãã«ã€ããŠåŠã¶ããšãã§ããŸãã
次ã«ãèªèº«ã®çµæŽãã¹ãã«ã«é¢é£ãããããžã§ã¯ããèŠã€ããŠããããã®äžéšããã€ã©ã€ãããŸããããããããããããžã§ã¯ããçµéšãäžè²«æ§ã®ããç©èªãšããŠçŽ¹ä»ã§ããããã«å±éããŠããããšã倧åã§ãã
4.3 ããŒããã©ãªãªã掻çšããèªå·±PRã®æ¹æ³
ããªãèªèº«ãPRããããã«ã¯ãããŒããã©ãªãªã®äžã§äžã€äžã€ã®ãããžã§ã¯ãã«å¯ŸããŠããã®ç®çãšããªããããã«ã©ã®ããã«åãçµãã ãã説æããããšãéèŠã§ãã
äžã€ã®æ¡ä»¶ã«å¯ŸããŠãã©ã®ãããªèª²é¡ããããããªããã©ã®ããã«è§£æ±ºã«åãçµãã ã®ãããã®çµæã©ããã£ãã¢ãŠãã«ã ãåŸãããã®ããæ確ã«èšè¿°ããŸããããããã«ãã£ãŠãããªãã®åé¡è§£æ±ºèœåãçµæãåºãèœåãéãäž»ã«ç€ºãããšãã§ããŸãã
4.4 ã¬ãã¥ãŒãšãã£ãŒãããã¯ã§æé·ããææ³
ããŒããã©ãªãªãäœã£ãããããã«å¯Ÿãããã£ãŒãããã¯ã掻çšããããšãéèŠã§ããããŒããã©ãªãªã¯çããŠãããã®ã§ãããåžžã«é²åãç¶ããã¹ããã®ã§ãã
ããªãã®ããŒããã©ãªãªãååãå°é家ã«èŠããŠã圌ãããã®è©äŸ¡ãæèŠãæ±ããŸããããããã«ãã£ãŠèŠèœãšããŠããéšåãæ¹åããèªèº«ã®ã¹ãã«ãããã«ç£šãããšãã§ããŸãã
5. åããŠã®ãªãã£ã·ã£ã«æ¡ä»¶ãã²ããããã
åããŠã®ãªãã£ã·ã£ã«æ¡ä»¶ãã²ããããããã«ã¯ãé©åãªä»äºæ¢ãã®æ¹æ³ãææ¡ããããšã倧åã§ãããããŠããããã¯ãŒãã³ã°ã«ããä»äºç²åŸã®æ¹æ³ãç解ããåçåãŸã§ã®ãããŒãææ¡ããããšãæ±ããããŸããããã«ãé·æçãªãã£ãªã¢åœ¢æã«ãæèãåããŠãããŸãããã
5.1 ã¯ã©ãŠããœãŒã·ã³ã°ãµã€ãã§ã®ä»äºæ¢ãã®ã³ã
ã¯ã©ãŠããœãŒã·ã³ã°ãµã€ãã¯ãèªç±ãªåãæ¹ãè¿œæ±ããåšå® WEBãã¶ã€ããŒã«ãšã£ãŠãä»äºãæãäžã§æãéèŠãªå ŽæãšãããŠããŸãã
ãµã€ãå ã§ã¯æ§ã ãªæ¡ä»¶ãæäŸãããŠãããèªåã®ã¹ãã«ã«åã£ãä»äºãèŠã€ããããšãå¯èœã§ãããŸããåãå ¥ããæ¡ä»¶ã¯åšå® ã§ã察å¿ã§ããã®ã§ãæéãå Žæã«å·Šå³ãããã«åãããšãã§ããŸãã
ãã ãã競äºãæ¿ããã®ã§ãèªåã®ã¹ãã«ãé©åã«ã¢ããŒã«ããããšã倧åã§ãããã®ããã«ã¯ãèªåã®äœæããWEBãã¶ã€ã³ã®ããŒããã©ãªãªã掻çšããããšãå¹æçã§ãã
5.2 ãããã¯ãŒãã³ã°ã«ããä»äºç²åŸã®æ¹æ³
ãããã¯ãŒãã³ã°ããŸããåšå® WEBãã¶ã€ããŒãä»äºãåŸãäžã§éèŠãªæ段ãšãªããŸãã
ç¹ã«ãåæ§ã«WEBãã¶ã€ã³ãè¡ã£ãŠãã人ã ãšã®ç¹ããã¯ãæ°ããªæ¡ä»¶ãåŸããã£ããã«ãªãããšãå€ãã§ããå ·äœçã«ã¯ãããžãã¹SNSãåçš®ã³ãã¥ããã£ã«åå ããç©æ¥µçã«äº€æµãæ·±ããããšãæšå¥šãããŸãã
ä»äºã®äŸé Œã¯ãã¡ãããæè¡ã®æ å ±äº€æãã¢ããã€ã¹ãåããããšãå¯èœã§ãããã®çµæãèªå·±ã®ã¹ãã«åäžãšä»äºã®å®å®åã«ã€ãªãããŸãã
5.3 åçåãŸã§ã®ãããŒãšã¯ïŒ
åšå® WEBãã¶ã€ããŒãšããŠã®åçåãŸã§ã®ãããŒãç解ããããšã¯ãåããŠã®æ¡ä»¶ãã²ããããããã®éèŠãªã¹ãããã§ãã
äžè¬çã«ã¯ããŸãèªåã®ã¹ãã«ã磚ãããšããå§ããŸãã次ã«ã¯ã©ãŠããœãŒã·ã³ã°ãµã€ããSNSãªã©ã§ä»äºãæ¢ããé©åã«ã¹ãã«ãã¢ããŒã«ããŠä»äºãç²åŸããŸãããããŠãç²åŸããæ¡ä»¶ã«å¯ŸããŠè³ªã®é«ãäœæ¥ãæäŸããè©äŸ¡ãé«ããããšã«ç¹ããŸãã
é«è©äŸ¡ãåŸãã°åŸãã»ã©ãä»äºã®äŸé Œãå¢ããçµæçã«åçåã«ã€ãªãããšèããããŸãããããäžè¬çãªåšå® WEBãã¶ã€ããŒã®åçåãŸã§ã®ãããŒãšãªããŸãã
5.4 é·æçãªãã£ãªã¢åœ¢æã«åããŠ
åããŠã®æ¡ä»¶ãã²ãããããã次ã«èããã¹ãã¯é·æçãªãã£ãªã¢åœ¢æã§ãã
åšå® ã§åãWEBãã¶ã€ããŒãšããŠãå®å®çã«åå ¥ãåŸãããã«ã¯ãã¹ãã«ã®ã¢ããããŒããšéèŠã®é«ãŸããäºæž¬ããŠæ©ãã®å¯Ÿå¿ãå¿ èŠã«ãªããŸãããŸããèªåã®ãã£ãªã¢ããžã§ã³ãæããããã«åããè¡åããšãç¶ããããšã倧åã§ãã
å ã«è¿°ã¹ãã¯ã©ãŠããœãŒã·ã³ã°ãµã€ãã§ã®ä»äºç²åŸããããã¯ãŒãã³ã°ãåçåãŸã§ã®ãããŒãç解ããããšã¯ããããé·æçãªãã£ãªã¢åœ¢æã«ãç¹ãããŸãã