
- WebããŒã±ãã£ã³ã°
- 2021.07.25
ããŒããã©ãªãªã£ãŠã©ãããŠå¿
èŠãªã®ïŒ
Webå¶äœã®ããŒããã©ãªãªã®äœãæ¹ãããåãããªã…
ç¹ã«ã³ãŒããŒãšããŠä»äºãããå ŽåãããŒããã©ãªãªã¯ã©ããªåœ¢ã§çšæãããšããã®ïŒ
ããªãŒã©ã³ã¹ã«ãªãããã«Webå¶äœã®å匷ãããããããŒããã©ãªãªãçšæããã®ãäžè¬çã§ãã
ããŒããã©ãªãªãšã¯ïŒ
Webå¶äœã®äžçã§ã¯ãWebãµã€ãã®å¶äœäºäŸãã®ããšã§ãã
ç¹ã«æªçµéšããããªãŒã©ã³ã¹ãšããŠç¬ç«ããããWebå¶äœäŒç€Ÿã«å°±è·ãããããå ŽåãããŒããã©ãªãªãçšæããŠãããªããã°ãæ¡ä»¶ç²åŸãå
å®ãé£ããã§ãããã
ããŒããã©ãªãªãçšæãããªããŠé¢åã ãªâŠãšæãããããããŸããã
ããããããŒããã©ãªãªããã£ãããšçšæããã ãã§åšããšå·®ãã€ããããšãã§ããŸãã
ããŒããã©ãªãªãé¢åã§äœã£ãŠããªã人ããäœã£ãŠããŠãäŸé Œäž»ãå¶äœäŒç€Ÿã®é¢æ¥æ åœè ã«äžæãã¢ããŒã«ã§ããªã人ãããããã§ããWebå¶äœããªãŒã©ã³ã¹ãšããŠããä»äºãããã ãã«ããŠãWebå¶äœäŒç€Ÿã«é¢æ¥ã«è¡ãã«ããŠããããŒããã©ãªãªã¯å¿ é ã§ãã
ãã£ããäœããªããããªãã®å®åãç±æãååã¢ããŒã«ã§ããããŒããã©ãªãªãäœãããã§ããããããã§æ¬èšäºã§ã¯ã倱æããªãããŒããã©ãªãªã®äœãæ¹ã解説ããŸãã
ãã¡ãããä»ããç¡æã§åãåãâŒ
ãªããWebå¶äœã§ã¯ããŒããã©ãªãªãéèŠãªã®ã§ãããããçµè«ãèšããš
ãWebãµã€ãã®å¶äœãäŸé Œããã人ïŒäŸé Œäž»ïŒãå®å¿ããŠãä»äºãäŸé Œã§ããããã«ããããã§ããã
ãã¡ãããä»äºããé¡ããããæ±ºãæã«äººæãç±æã¯ãããŸãã
ãããWebå¶äœã§ã¯ããŒããã©ãªãªã¯ãšãŠãéèŠãªã®ã§ãã
Webãµã€ãã¯äœã£ãŠããã人ãããããšã決ããŠå®ãè²·ãç©ã§ã¯ãããŸããã
ããšãã°ãäžæã®ã©ã³ãã£ã³ã°ããŒãžå¶äœãæ Œå®Webå¶äœäŒç€Ÿã«äŸé ŒããŠã20äžåååŸããããšã¯ãããã«ãããŸãã
ãéãåºãäŸé Œäž»ã®ç®ç·ã§èããŠãã ããã
ãããŸã§ãã©ããªWebãµã€ããäœã£ãŠããã®ãåãããªã人ã«ä»äºãäŸé Œããã®ã¯äžå®ã«ãªãã®ãåœããåã§ã¯ãªãã§ãããããéå»ã«ããŒããã©ãªãªãèŠãã«ä»äºãäŸé ŒããŠå€±æããŠããŸã£ãæ¹ããããããããŸããã
ãä»äºãããã ããªããäŸé Œäž»ã®äžå®ãåãé€ããªããã°ãæ¡ä»¶ãç²åŸããã®ã¯é£ããã®ã§ã¯ãªãã§ããããã
ããããããã°ãããŒããã©ãªãªãªãã§å¶æ¥ã«è¡ã£ããã©ããªãã§ããããïŒ
Webå¶äœã®ä»äºãçºæ³šãã人ã¯ãããªããã©ããªWebãµã€ããäœããã®ããç¥ãããã®ã§ããã©ããªWebãµã€ããäœããã®ããåãããªã人ã«ãä»äºãäŸé Œããã®ã¯äžå®ã§ãããã
ãããå£é ã§Webãµã€ããäœãããšèª¬æãããŠããå®éã®å¶äœäºäŸãèŠãã®ãšèŠãªãã®ãšã§ã¯ãäŸé Œäž»ã®å®å¿æãéããŸãã
ãã¡ãããããŒããã©ãªãªãèŠããã ãã§ä»äºãå¿ ãããã ããããã§ã¯ãããŸããã
ããããããŒããã©ãªãªãèŠããããšã§äºåã«ãäŸé Œäž»ãæ±ããŠããå¶äœç©ãæäŸã§ãããã©ããã確èªããŠããããšã§ããã¹ããããé²ããŸãã
æ€èšŒããŒã«ãšã¯ïŒãGoogle Chromeãªã©ã®ãã©ãŠã¶ãŒã«ã€ããŠããæ©èœãããããããŒããŒã«ãšãåŒã°ãWebãµã€ãã®HTMLãCSSãªã©ã確èªã§ããããã©ãŠã¶ãŒã§èŠãããããã«å®è£ ãããããŒããã©ãªãªãµã€ãã§ãªããã°ãäŸé Œäž»ã¯ã³ãŒãã確èªã§ããªãã
ã³ãŒããŒãšããŠä»äºããããªããããŒããã©ãªãªã¯ã³ãŒãã£ã³ã°ã®å®åãã¢ããŒã«ã§ãã圢åŒã«ããŸããããã€ãŸããå®éã«ã³ãŒãã£ã³ã°ããWebãµã€ããèŠãããããã«ããªããã°ãããŸããã
Webå¶äœã®äžã§ãç¹ã«ã³ãŒããŒã®å Žåãã³ãŒãã£ã³ã°ã®ã¬ãã«ãã¢ããŒã«ããªããã°ãããŸããã
ç¹ã«Webå¶äœäŒç€Ÿã«å¿åããéã¯ãWebãµã€ãã®èŠãç®ã ãã§ãªãäžèº«ã®èŠããªãéšåãèŠãããŸãã
ããšãã°ãå ã®ãã¶ã€ã³ãåçŸã§ããŠãããããã³ããŒã¬ãŒã¡ãã¥ãŒãã¹ã©ã€ãã·ã§ãŒãªã©ã®æ©èœãå®è£ ã§ããã®ãã©ãããªã©ã¢ãã¡ãŒã·ã§ã³ãèŠãããŸãã
ããã«ãWebãµã€ãã®èŠãç®ãæåã ãã§ã¯ãªãHTMLã®ããŒã¯ã¢ãããCSSã®ã¯ã©ã¹ã®ã€ãæ¹ãªã©ãå·®ãã€ããã€ã³ãã§ãã
Webå¶äœã§äœ¿ãããŒããã©ãªãªãµã€ãã¯ãã©ããªãã®ãäœãã°è¯ãã®ã§ããããããããŠããŒããã©ãªãªãµã€ããã€ããäžã§ãã£ãŠã¯ãããªãããšã¯äœãªã®ã§ããããããã£ããããŒããã©ãªãªãµã€ããäœãã®ã§ããã倱æã¯ããããªãã§ãããã
Webå¶äœïŒç¹ã«ã³ãŒããŒåãïŒã®ããŒããã©ãªãªã§çšæããã¹ããµã€ãã®çš®é¡ãã玹ä»ããŸãã
Webå¶äœã§ãç¹ã«ã³ãŒããŒãšããŠä»äºãããããªãããã¶ã€ã³ã«ã³ãããã³ãŒãã£ã³ã°ããWebãµã€ããããŒããã©ãªãªã«ããŸãããã
ãã¶ã€ã³ã«ã³ããšã¯ïŒãWebãã¶ã€ã³ã®å®æã€ã¡ãŒãžã®ããšãPhotoshopãXDãFigmaãªã©ã®ãã¶ã€ã³ããŒã«ã§å¶äœããããã¶ã€ã³ããŒã¿ããã³ãŒããŒã¯æž¡ãããŠãã©ãŠã¶ãŒã§èŠããããã«ã³ãŒãã£ã³ã°ããã
ãããŠHTMLãCSSãSassãjQueryã§ã³ãŒãã£ã³ã°ãããã¢ãã¡ãŒã·ã§ã³ãã€ãããããŠãWebãµã€ããå®éã«ãã©ãŠã¶ãŒã§è¡šç€ºã§ãããšãããŸã§å®æãããŸãã
ãã¶ã€ã³ã«ã³ãããã³ãŒãã£ã³ã°ããããŒããã©ãªãªãèŠããããšãã§ããã°ãå®åã«æ²¿ã£ãã³ãŒãã£ã³ã°ãã§ãã蚌æã«ããªããŸããã
宿¡ä»¶ã§ããã€ããã¿ã€ãã®Webãµã€ããããŒããã©ãªãªã«ããŸããããWebå¶äœã®çŸå Žã§ããäœãããã®ã¯ã³ãŒãã¬ãŒããµã€ããšã©ã³ãã£ã³ã°ããŒãž(LP)ã§ãã
Webå¶äœã§äžè¬çã«ã€ãããµã€ãã®çš®é¡
ã³ãŒãã¬ãŒããµã€ãïŒäŒæ¥ã®å
¬åŒWebãµã€ãïŒè€æ°ããŒãžã§æ§æãããããšãå€ãïŒ
ã©ã³ãã£ã³ã°ããŒãžïŒLP)ïŒãŠãŒã¶ãŒãæåã«ãã©ãçããµãŒãã¹ãååã®ç³èŸŒã¿ã賌å
¥ãä¿ãããŒãžïŒçžŠé·ã®ïŒæããŒãžãå€ãïŒ
ïŒã³ãŒãã¬ãŒããµã€ãïŒæ ªåŒäŒç€ŸèŒ ïŒ
ïŒã©ã³ãã£ã³ã°ããŒãžïŒãã€ãã©Webå¶äœã³ãŒã¹ïŒ
Webå¶äœã®åŠç¿ã§ã¯äžè¬çã«ã³ãŒãã¬ãŒããµã€ããã©ã³ãã£ã³ã°ããŒãžãå¶äœããããšã«ãªããŸãã
ç¹ã«ããªãŒã©ã³ã¹ãªãã°ãããªãã売ããã¿ããåžå Žã«æ²¿ã£ãã¿ã€ãã®ã³ãŒãã¬ãŒããµã€ããã©ã³ãã£ã³ã°ããŒãžãããŒããã©ãªãªã«ãããšè¯ãã§ãããã
ããšãã°HTMLãšCSSã§äœã£ãéçãªïŒæã®ã©ã³ãã£ã³ã°ããŒãžãè€æ°ããŒãžã®ã³ãŒãã¬ãŒããµã€ã ãWordPressã§å¶äœãããªãªãžãã«ããŒãã®ãµã€ãã®æäœïŒã€ã¯çšæããŠãããšãä»äºãäŸé ŒããåŽããããªãã®æè¡ã¬ãã«ã確èªãããããªããŸãã
HTMLãšCSSã§äœã£ãéçãªïŒæã®ã©ã³ãã£ã³ã°ããŒãž
è€æ°ã®ããŒãžã§äœãããã³ãŒãã¬ãŒããµã€ãÂ
WordPressã®ãªãªãžãã«ããŒãã®ãµã€ã
ãããŠãç¬ç«ããŠå®çžŸãšçµéšãç©ã¿æ²èŒã§ãããµã€ããå¢ããããããŒããã©ãªãªãã¢ããããŒãããŠå å®ãããŸãããã
å°ãåã«æµè¡ããå®éã®Webãµã€ãããã©ãŠã¶ãŒã®æ€èšŒããŒã«ã§ç¢ºèªããªãããã³ãŒãã£ã³ã°ããæš¡åã³ãŒãã£ã³ã°ã¯é¿ããŸãããããªããªããå®åã§ã¯æš¡åã³ãŒãã£ã³ã°ã¯ããããã¶ã€ã³ã«ã³ããåçŸããã³ãŒãã£ã³ã°ã§ãããããæš¡åã¯å®åã«æ²¿ã£ãŠããªãããã§ãã
ãããŠãèš±å¯ãªãå®åšããWebãµã€ããæš¡åã³ãŒãã£ã³ã°ããŠãããŒããã©ãªãªã«èŒãããšèäœæš©ã®äŸµå®³ã«ãªãæãããããŸãã
Webãµã€ããæš¡åããŠç·Žç¿ããããšèªäœã¯ãã³ãŒãã£ã³ã°ã®ç·Žç¿æ¹æ³ãšããŠã¯æå¹ã§ããããããä»ã§ã¯ç¡æã§é åžããããã¶ã€ã³ã«ã³ãããããããç¡çã«æš¡åãããå¿ èŠã¯ãããŸããã
Webå¶äœïŒã³ãŒããŒåãïŒæªçµéšã ãšãããŒããã©ãªãªã®å ·äœçãªäœãæ¹ã£ãŠããåãããªãã§ããããç¹ã«ã³ãŒããŒãšããŠä»äºããããªããã³ãŒããŒãšããŠåºæ¥ãããšãã¢ããŒã«ã§ããããŒããã©ãªãªäœããããã¹ãã§ãã
ã³ãŒããŒãšããŠä»äºããããã®ã«ãããŒã³ãŒãããŒã«ã§ããŒããã©ãªãªãäœã£ãŠãã³ãŒãã£ã³ã°ã®å®åãäŸé Œäž»åŽã¯è©äŸ¡ã§ããŸããããã
Webãã¶ã€ããŒã§ã³ãŒãã£ã³ã°ãæ åœããªãã€ãããªããWiXãSTUDIOãWebflowãªã©ã§ããŒã³ãŒãããŒã«ã§ããŒããã©ãªãªãäœãããšã¯ãããããããŸãããããããã³ãŒããŒãšããŠä»äºãããããšãåžæãããªãã³ãŒãã£ã³ã°ããWebãµã€ãã§å®åãã¢ããŒã«ããŸãããïŒ
Googleãã©ã€ãã«pngãjpgã®ç»åããŒã¿ã§ããŒããã©ãªãªãèŠããã®ããããããã§ããŸãããWebãµã€ãã®äžèº«ã®HTMLãCSSãç»åããŒã¿ã§ã¯ç¢ºèªã§ããªãããã§ãã
ããã§ä»¥äžãããWebå¶äœã§äœ¿ãããŒããã©ãªãªãµã€ãã®äœãæ¹ã倧ãã3ã¹ãããã«åããŠç޹ä»ããŠãããŸãã
ãŸãã¯ãã¶ã€ã³ã«ã³ããçšæããŸããããããŒããã©ãªãªãšããŠæ²èŒã§ãããã¶ã€ã³ã«ã³ããè²ããªæ¹ããé åžãããŠããã®ã§ã䜿ãããŠããã ããŸãããã
ã¯ãªã¹ã¿ããïŒç¡æã»ã«ã³ãã®ã¿ïŒ
KROWLããïŒç¡æã»è§£èª¬ããïŒ
ãããŒãããïŒææã»JSãæš¡ç¯è§£çããïŒÂ
ãã€ãã©ã®Webå¶äœã³ãŒã¹ã«ããããŒããã©ãªãªãµã€ãã«äœ¿ãã課é¡ãçšæãããŠããŸãïŒ
ãŸããWebãã¶ã€ã³ãèªåã§åºæ¥ã人ããã¶ã€ããŒã®ç¥ãåãããã人ã¯ããªãªãžãã«ã®ãã¶ã€ã³ã«ã³ãããã³ãŒãã£ã³ã°ããŠã¿ãã®ãããããã§ããå¶äœäŒç€ŸãäŸé Œäž»ã«ãã£ãŠã¯äœåºŠãç®ã«ãããã¶ã€ã³ã«ã³ãããããªãªãžãã«ã®ãã¶ã€ã³ã奜ãããšãããããã§ãã
çšæãããã¶ã€ã³ã«ã³ãããHTMLãCSSãjQueryãSassãªã©ã䜿ã£ãŠã³ãŒãã£ã³ã°ããŠãããŸãããããããŠããã äœãšãªãåçŸããã ãã§ãªããã¯ã»ã«ããŒãã§ã¯ããå¿ãããŸãããã
ãã¯ã»ã«ããŒãã§ã¯ããšã¯ïŒ
ãã¶ã€ã³ã«ã³ãã1pxã®ãºã¬ããªãå¿ å®ã«åçŸããããš
ã¬ã¹ãã³ã·ã察å¿ãšã¯ïŒ
PCãã¿ãã¬ãããã¹ããŒããã©ã³ãªã©ãç°ãªãç»é¢ãµã€ãºã®å¹
ãåºæºã«Webãµã€ã衚瀺ãæè»ã«èª¿æŽããèŠãããããããšã
ãããŠãä»ã¯ãã«ãããã€ã¹ã®æä»£ã§ããããœã³ã³ã ãã§ãªãã¿ãã¬ãããã¹ããŒããã©ã³ãªã©ãæ§ã ãªããã€ã¹ã§Webãµã€ãã¯èŠãããŸãããã®ããã¬ã¹ãã³ã·ã察å¿ã«ãååãæ°ãã€ããŸãããã
Googleã®ãã©ãŠã¶ãŒã§æ€èšŒããŠã¿ãããšã¯ãã¡ããã宿©ã§èŠãæ¹ã確èªããããã©ãŠã¶ãŒã®çš®é¡ããšã«ã©ãèŠãããã確èªããããããšãã³ãŒããŒãšããŠã®å®åãã¢ããŒã«ã§ããŸãã
ã¡ãªã¿ã«ãã€ãã©ã®Webå¶äœã³ãŒã¹ã§ã¯ãå®åã«æ²¿ã£ãã«ãªãã¥ã©ã ãæèããŠããããã¯ã»ã«ããŒãã§ã¯ãã®å ·äœçãªç¢ºèªæ¹æ³ããã³ãŒãã£ã³ã°åŸã«ãã§ãã¯ããã¹ãããšãå匷ã§ããããã«äœãããŠããŸãã
Webãµã€ããã¬ã³ã¿ã«ãµãŒããŒã«ã¢ããããŒãããŸãããã宿¡ä»¶ã§ãWebãµã€ããäœã£ããããµãŒããŒã«ã¢ããããŒãããŸãããµãŒããŒã«ã¢ããããŒããããæé ãªã©ã§ã宿¡ä»¶ã§äžå®ã«ãªã£ããã€ãŸããããããããšããããŸãã
ã¬ã³ã¿ã«ãµãŒããŒã®äžäŸ
ãšãã¯ã¹ãµãŒããŒ
ãããã®ã¬ã³ã¿ã«ãµãŒã
ConohaWing
ããŒããã©ãªãªãµã€ããå¶äœããéã«ãå®éã«ãµãŒããŒã«ã¢ããããŒãããç·Žç¿ãããŠãããŸããããå®éã®ä»äºã§ããèªåã®ã¬ã³ã¿ã«ãµãŒããŒããªããšãWebãµã€ããããŸãã¢ããããŒãã§ãããã©ããã確ããããã¹ããã§ããŸããã
ã³ãŒããŒã¯ãµãŒããŒã«ã¢ããããŒããããŸã§ãæ åœããããšãå€ããããµãŒããŒã«ãæ £ããŠããã®ãããããã§ãã
Webå¶äœïŒã³ãŒãã£ã³ã°ïŒã§ããç¥ãåãã®ãåºãäŒç€Ÿã®Webãµã€ããäœãæ©äŒããããŸããå®éã«Webãµã€ãã®ãªãŒããŒã«ãªã顧客ããšã³ãã¯ã©ã€ã¢ã³ããšåŒã³ãŸãã
ãšã³ãã¯ã©ã€ã¢ã³ãåããªãã°RESUMEãGoogleãã©ã€ãã«Webãµã€ãã®ç»åãå ¥ããŠããŒããã©ãªãªã«ããŠãè¯ãã§ããããç¹ã«Webãã¶ã€ã³ã ãã§ã³ãŒãã£ã³ã°ã¯å€æ³šããããªãŒã©ã³ã¹ãªãã°ãç¡çã«ã¬ã³ã¿ã«ãµãŒããŒã«Webãµã€ããã¢ããããå¿ èŠã¯ãªããããããŸããã
ãŸããã³ãŒããŒã§ãæ²èŒã§ããããŒããã©ãªãªãµã€ããå¢ããããã¬ã³ã¿ã«ãµãŒããŒã ãã§ãªãRESUMEãGoogleãã©ã€ããªã©ã®æŽ»çšãæ€èšããŠã¿ãŠãè¯ãã§ããããã¬ã³ã¿ã«ãµãŒããŒã«ã容éãªã©ã®éããããããå šãŠã®ããŒããã©ãªãªãããµãŒããŒã«ãããã®ã¯çŸå®çã§ã¯ãªãããã§ãã
ã¡ãªã¿ã«Webãµã€ããç»ååããã®ã«ãããããã®Google Chromeã®æ¡åŒµæ©èœãGoFullPageããããŸãã
GoFullPageã䜿ããšWebãµã€ãå šäœãç»åããŒã¿ã§ä¿åã§ããŸãã
ãé§ãåºãWebå¶äœè ã®ããã®Tipsðšâð»ã
ããŒããã©ãªãªãå¶æ¥ã¡ãŒã«ã«ããã€ãã©æçµèª²é¡ãã¿ãããªã¿ã€ãã«ã§äœåãèŒããŠãæ¹ãããèŠããã§ããã絶察ãããã»ããããã§ããâïžãŸãçžæã«äŒãããªãã§ãããåºæåè©ã䜿ã£ãŠèªå·±ç޹ä»ããæç¹ã§ã³ãã¥ãã±ãŒã·ã§ã³äžãããªãã§ãð ç¶ã#ãã€ãã©
— ã·ã§ãŒããŒ@ãã€ãã©éå¶ (@showheyohtaki) December 23, 2020
ããŒããã©ãªãªãµã€ãã®å¶äœã§æ³šæããã¹ããã€ã³ããããã€ãã©ã®Webå¶äœã³ãŒã¹ã®å¶äœè ã§ããã·ã§ãŒãžãŒããããã€ãŒãããŠãããŠããŸãã
泚æç¹ããŸãšãããš
ïŒãããŒããã©ãªãªã§ããã€ãã©æçµèª²é¡ããªã©åºæåè©ã¯æžããªã
ïŒãã¹ã¯ãŒã«ã§ããããã課é¡ãšããæžãæ¹ã¯ããªã
ïŒãããŒããã©ãªãªã®å
ãã¿ãèãããããæ£çŽã«çãã
ãã®ïŒç¹ã«ãæ°ãã€ããŸãããã
Webå¶äœãå匷ããã人ãäžéšã®Webå¶äœäŒç€Ÿã®éã§ãã€ãã©ã¯ãåºãç¥ãããããã«ãªããŸãããããããWebå¶äœãã³ãŒãã£ã³ã°ã®ä»äºãäŸé Œããã人ããå¿ ããããã€ãã©ã®ããšãç¥ã£ãŠããèš³ã§ã¯ãããŸããããã
ããã«ä»äºãäŸé Œããã人ã®å šãŠãã¹ã¯ãŒã«ã®èª²é¡ãããžãã£ãã«è©äŸ¡ããŠããããšã¯éããŸããã
ãšãã¬ãã£ããªåå¿ããããŠããŸãããšããããŸãã
ãã¡ãããã€ãã©ã®ããšãç¥ã£ãŠããŠãããŠã奜æçãªåå¿ãããŠãããäŸé Œäž»ããããããããŸããã
ããã§ããæåã¯ç¬åŠã§ææãè²·ã£ãŠããŒããã©ãªãªãäœã£ããšãã説æãäŸé Œäž»ã«ããæ¹ãç¡é£ã§ãã
ãããããæ³šæç¹ãšããŠãWebå¶äœäŒç€Ÿãã¯ã©ã€ã¢ã³ãã«ãã£ãŠã¯ã³ãŒãã£ã³ã°ã®åã ãã§ãªãããã¶ã€ã³ã®ã¹ãã«ãèŠããã±ãŒã¹ããããŸãããã¶ã€ã³ãã³ãŒãã£ã³ã°ãåãããŠããé¡ããããã±ãŒã¹ã§ãã
å®éã«å¶æ¥æŽ»åãããŠã¿ãŠãããŒããã©ãªãªãµã€ãã§ãã¶ã€ã³ããªãªãžããªãã£ãæ±ããããŠãããªãšæããããšããããããããŸããããã®å Žåã¯èšæ©å¿å€ã«ãã¶ã€ã³ã«ã³ããèªäœãããããã¶ã€ããŒã«ãªãªãžãã«ã®ãã¶ã€ã³ã«ã³ããäœã£ãŠããã£ãããããªã©å·¥å€«ãããŠã¿ãŸãããã
ãŸããããªãŒã©ã³ã¹ã¯ãã€ãã©ãã§ãã©ããªåºäŒããä»äºã«ã€ãªãããåãããŸããã
ã ãããããååºã ãã§ã¯ãªãããŒããã©ãªãªãããã«åºãããããªç¶æ
ã«ããŠãããŸãããã
ãã£ããè¯ãããŒããã©ãªãªãäœãã®ã§ããããæ²¢å±±ã®äººã«èŠãŠãããããã§ãããã
ãã€ãã©ã®Webå¶äœã³ãŒã¹ã¯ãå®éã«Webãµã€ããäœããªããæãåãããŠã¹ãã«ã身ã«ã€ãããã«ãªã£ãŠããŸããããããã€ãã©ã®Webå¶äœã³ãŒã¹ã§äœã£ããµã€ãã¯ããŒããã©ãªãªãšããŠæ²èŒããããšãå¯èœã§ãã
ã€ãŸãWebå¶äœã³ãŒã¹ãå®èµ°ããããæ²èŒã§ããããŒããã©ãªãªãµã€ããåºæ¥äžãã£ãŠããããšã«ã
å®éã«å¶äœããWebãµã€ããæ§ã ã§ãLPãBootstrapã䜿ã£ãWebãµã€ããWordPressã®ãªãªãžãã«ããŒããµã€ããªã©å€å²ã«æž¡ããŸãã
ããã
ãïŒããšäžçŽç·šã®åæ¥å¶äœã®èª²é¡ãå¢ãããŸãâïž
ããŸã¯ãããŒãã©ã¿ïŒãã¿ãŒã³ã ãã§ãããããšïŒãã¿ãŒã³ã»ã©å¢ãããŠã宿¡ä»¶ã¬ãã«ã®4ã€ã®èª²é¡ãã奜ããªãã®ãéžãã§å¶äœã§ãããããã«ããããšæããŸãðãã²ããŒããã©ãªãªã«å©çšããŠãã ããðšâð»
— ã·ã§ãŒããŒ@ãã€ãã©éå¶ (@showheyohtaki) February 5, 2021
ãã€ãã©Webå¶äœã³ãŒã¹ã¯ç©æ¥µçã«ã¢ããããŒãããŠããŠãåæ¥èª²é¡ã®ãã¿ãŒã³ãå¢ããäºå®ã§ãã
ããããŒããŒã©ã¿ãã¯ã³ãŒãã£ã³ã°ããWordPressåãŸã§åºæ¥ãã°ã³ãŒããŒãšããŠå®æ¡ä»¶ã§ãååãéçšããäœã®é£æåºŠã«èšå®ãããŠããŸãã
ãããããŸã§ããã€ãã©ã«åãçµãã§ãã ããæ¹ãå¢ãããããäŸé Œäž»ãWebå¶äœäŒç€Ÿã®äººãäœåºŠãããŒããã©ãªãªãµã€ãã§ããããŒããŒã©ã¿ããç®ã«ãããšããçŸè±¡ãŸã§èµ·ããŸããïŒ
è£è©±ã§ãããå¶æ¥ãã人ã®äžã«ã¯ãªãªãžããªãã£ãåºãããããããŒããŒã©ã¿ãã®ãã¶ã€ã³ãããŒã¹ã«æåãåçãè²ãå€ããŠãªãªãžãã«ã®ãã¶ã€ã³ã«ã³ããäœã£ãŠãããããŒããã©ãªãª ã«ãããªã©å·¥å€«ãããŠãã人ãããããã§ãã
ãã€ãã©åæ¥èª²é¡ã®ãã¿ãŒã³ãå¢ãããšãããŒããã©ãªãªãµã€ãã®ããªãšãŒã·ã§ã³ãè±ãã«ãªããŸããã
ãŸããã€ãã©ã®Webå¶äœã³ãŒã¹ã§ã¯ãå®éã«ããŒããã©ãªãªãµã€ããå¶äœããéã«ã䜿ãããã¯ããã¯ã玹ä»ãããŠããŸãã
ãã€ãã©Webå¶äœã³ãŒã¹ã§ã¯ãã³ãŒããŒãå®åã§æ±ããããå®è·µçãªæè¡ãåŠã¹ãŸãïŒ
ã»ãã¯ã»ã«ããŒãã§ã¯ã
ã»ã³ãŒãã£ã³ã°ã®å質ãã§ãã¯
ã»ãµãŒããŒã«å®éã«ã¢ããããŒãããæ¹æ³
ãã€ãã©ã®Webå¶äœã³ãŒã¹ã§ã¯å®åã«å¿ èŠãªã®ã«ãæžç±ãWebã¹ã¯ãŒã«ã§ããŸãåããããããªãå®è·µçãªèª²é¡ãèšããŠããŸããæªçµéšããã§ãå®èµ°ããã°ä»äºã«ã§ããããšã«ãã€ãã©ã®Webå¶äœã³ãŒã¹ããã ãã£ãŠããããã§ãã
Webå¶äœïŒã³ãŒããŒåãïŒã®ããŒããã©ãªãªå¶äœã«ã€ããŠè§£èª¬ããŸãããã³ãŒããŒãšããŠæŽ»èºãããå Žåã¯ãä»äºã®äŸé Œäž»ãWebå¶äœäŒç€Ÿã«ãã³ãŒãã£ã³ã°ã®å®åãäžæã«ã¢ããŒã«ããããšãæ¬ ãããŸããããã®ãããäŸé Œäž»ãã³ãŒãã£ã³ã°ã®å®åãŸã§åããããŒããã©ãªãªãå¶äœããŸããããå ·äœçã«ã¯
ïŒããã¶ã€ã³ã«ã³ããçšæãã
ïŒãã³ãŒãã£ã³ã°ããã
ïŒãã¬ã³ã¿ã«ãµãŒããŒã«ã¢ããããŒããã
ãã®ïŒã¹ãããã§å®åã§ãããå¶äœããLPãã³ãŒãã¬ãŒããµã€ãã®ããŒããã©ãªãªãå¶äœããŸãããããããŠãããŒããã©ãªãªã«æ²èŒã§ãããµã€ããå¢ããŠãããããµãŒããŒã®èŠé ã«ãéããããã®ã§ãGoogleãã©ã€ããRESUMEãªã©ã®ããŒããã©ãªãªãµãŒãã¹ãå©çšããŠã¿ãŠãã ããã
ããŒããã©ãªãªã¯Webå¶äœããªãŒã©ã³ã¹ã«ãšã£ãŠããªããŠã¯ãªããªãå¶æ¥ããŒã«ã§ããäŸé Œäž»ã«ãšã£ãŠWebãµã€ãã¯æ±ºããŠå®ãè²·ãç©ã§ã¯ãããŸããããããŠãäŸé Œäž»ã¯æ°ãããµãŒãã¹ããªãªãŒã¹ããããã«ãå¿ èŠãªã©ã³ãã£ã³ã°ããŒãžãäŒç€Ÿã®é¡ãšãªãã³ãŒãã¬ãŒããµã€ãã¯ä¿¡é Œã§ãã人ã«å¶äœãäŸé Œããããšæãã®ã§ã¯ãªãã§ããããã
Webå¶äœããªãŒã©ã³ã¹ã¯ããããªäŸé Œäž»ã®äžå®ãåãé€ããŠãããå¿ èŠããããŸããèŠãç¥ããã®äººããé«ãè²·ãç©ãããã®ã¯äžå®ã«ãªãã®ãäžè¬çã§ããäŸé Œäž»ã¯ãã©ããªWebãµã€ããäœããã®ãïŒã³ãŒãã£ã³ã°ãä»»ãããªããã©ãäœã®æè¡åãããã®ãïŒãç¥ãããã®ã§ãã
äŸé Œäž»ã®ããã«ããä»äºãç²åŸãããèªåã®ããã«ãããã²ãããŒããã©ãªãªãäœã£ãŠãããŸãããïŒ
æ±äº¬ããªãŒã©ã³ã¹ã¯æªçµéšã§ãå®èµ°ããã°ãWebå¶äœã®ä»äºãã§ããã¬ãã«ã«ãªããªã³ã©ã€ã³ã¹ã¯ãŒã«âãã€ãã©âãéå¶ããŠããŸãããã€ãã©ã¯Webå¶äœãæ¬æ°ã§èªåã®ä»äºã«ããã人ã®ããã®ãªã³ã©ã€ã³ã¹ã¯ãŒã«ã
äœã£ãŠããŠã¯ã¯ã¯ã¯ããå¶äœèª²é¡ãSlackãéããåŠç¿ã³ãã¥ããã£ãåãããããåç»ãªã©æ¥œããç¶ãããã工倫ãè©°ãŸã£ãŠããŸãã
Webå¶äœãå®éã«ä»äºãããéã«æ±ããããå®è·µçãªã¹ãã«ãåŠã¹ãŸãïŒ
HTML/CSS
Bootstrap
ãµãŒããŒãšãã¡ã€ã³ã®åºç€
JavaScript
jQuery
Sass(Scss)
PHP
SQLã®åºç€
WordPress
宿¡ä»¶ãšåãããã«ãã¶ã€ã³ããŒã¿ããã³ãŒãã£ã³ã°ãã課é¡ããWordPressã®ãããã¯ãšãã£ã¿ãŒ ã䜿ã£ãæ°ããå¶äœæ¹æ³ãŸã§ããªãŒã©ã³ã¹ã§ä»äºãããéã®ã宿¡ä»¶ããèãã ãããå®è·µçãªã«ãªãã¥ã©ã ã¯ä»ã®ã¹ã¯ãŒã«ã«ã¯ãªããã€ãã©ã®åŒ·ã¿ã§ãã
ããã«ãæ«æãããªãã¡ã³ã¿ãŒé£ãã¢ããããŒãããç¶ããŠç¡æéã§èŠèŽã§ããè¬åº§å å®¹ãæŽ»çºã«æŽ»åããŠãããªã³ã©ã€ã³ã®åŠç¿ã³ãã¥ããã£ãªã©ãã€ãã©ã®é åã¯å€å²ã«æž¡ããŸãã
Webå¶äœã®ããŒããã©ãªãªã®äœãæ¹ã«æ©ãã§ãããããªãããã€ãã©ããã§ãã¯ããŠã¿ãŠãã ãããïŒ
Webå¶äœã®ãä»äºãã»ããããå¶äœäŒç€Ÿã®é¢æ¥ã«ãææŠããŠã¿ããïŒ