
- WebããŒã±ãã£ã³ã°
- 2021.07.25
Webã®äžçã¯æšªæåãå€ããŠé£ãããªã…ã
Webå¶äœã®ã¹ãã«ã¯ã€ãããã©ãä»äºãåããã®ã¯äžå®ã 㪅ã
ããããæã¡åããããããã ãã©ã話ã«ã€ããŠãããã㪅ã
ãã®ãããªãæ©ã¿ã¯ãããŸãããïŒ
Webå¶äœã®çŸå Žã§ã¯æ§ã ãªå°éçšèªãé£ã³äº€ããŸãã
暪æåã°ã£ããã ããçš®é¡ãããããããããèŠããã®ããªããªã倧å€ã§ããã…ã
ããã§æ¬èšäºã§ã¯ãWebå¶äœåå¿è ã®äººãã¡ãæå€ãšç¥ããªãããããã¯ãèšèã¯ç¥ã£ãŠãããã©è©³ããã¯çè§£ã§ããŠããªãããšæãããWebå¶äœã®å°éçšèªã«ã€ããŠããããããã解説ããŠãããŸãïŒ
åå¿è ã§ããããšãWebå¶äœã®ä»äºãåãã以äžãã¯ã©ã€ã¢ã³ãããã¯Webã®ãããšããŠèŠãªãããŸãã
æ¬èšäºãèªãããšã§ãå®å šåå¿è ã®äººã§ãå°éçšèªãžã®çè§£ãæ·±ãŸããWebå¶äœã®ãããã§ãã·ã§ãã«ãžäžæ©è¿ã¥ãããšãã§ããã§ãããã
ãã¡ãããä»ããç¡æã§åãåãâŒ
ãã¡ã€ã³ãšã¯ãç°¡åã«èšãã°ã€ã³ã¿ãŒãããäžã®äœæã®ãããªãã®ã
æ±äº¬ããªãŒã©ã³ã¹ã®URLã§èšããšãtokyofreelance.jpãããã¡ã€ã³ã«è©²åœããŸãã
å³å¯ã«ã¯ãIPã¢ãã¬ã¹ããšããæ°åã®æååã«ãã£ãŠããŒã ããŒãžã®å± å Žæãç¹å®ããã®ã§ãããIPã¢ãã¬ã¹ã¯äººéã«ãšã£ãŠã¯éåžžã«èŠãã¥ãã䜿ãåæãæªãããããã¡ã€ã³åã«å€æããããšã§ãããããã衚瀺ããŠããŸãã
000.00.00.00ïŒIPã¢ãã¬ã¹ïŒ= example.comïŒãã¡ã€ã³ïŒ
ãŸãããã¡ã€ã³ã¯ã¡ãŒã«ã¢ãã¬ã¹ã®ã@ã以éã«ã䜿ããããã¡ãŒã«ãã©ãã«éãã°ãããããšããé éå ãæå®ããŸãã
æçŽã«ããšãããªãã@以åããå®åãã@以éããäœæãã§ããã
ãµããã¡ã€ã³ãšã¯ãæ¬äœãã¡ã€ã³ãåå²ããããã«ä»»æã§èšå®ãããã¡ã€ã³åã®ããšã
ãexample.comããæ¬äœã®ãã¡ã€ã³ãšããæããâ¯â¯.example.comãã®ããã«æååã远å ããã²ãšã€ã®ãã¡ã€ã³ãçšéå¥ã«åºå¥ãããæã«çšããããŸãã
äŸãã°ã楜倩ã®ãµã€ãã¯äžèšã®ããã«ãµããã¡ã€ã³ã§åé¡ãããŠããŸãã
楜倩åžå ŽïŒhttps://www.rakuten.co.jp/
楜倩ãã©ãã«ïŒhttps://travel.rakuten.co.jp/
楜倩TVïŒhttps://tv.rakuten.co.jp/
楜倩ããã¯ã¹ïŒhttps://books.rakuten.co.jp/
ãµããã¡ã€ã³ã¯ãåããã¡ã€ã³ã§è€æ°ãµã€ããæ§ç¯ããéã«ãšãŠã䟿å©ãªåé¢ãæ€çŽ¢ãšã³ãžã³ã«ãããã©ã¹è©äŸ¡ãåãµããã¡ã€ã³ã«åæ£ããŠããŸããšãããã¡ãªããããããŸãã
ãµããã£ã¬ã¯ããªã䜿ãïŒäžå±€ã«äœæããïŒå Žåããããæ€çŽ¢ãšã³ãžã³ã§ã®è¡šç€ºé äœãäžããã«ãããšããããŠããã®ã§ããã®ãããªãã¡ãªãããèžãŸããŠãå©çšãæ€èšããã®ã奜ãŸããã§ãããã
ãã¡ã€ã³ããäœæãã§ããã°ããµãŒããŒã¯ãåå°ãïŒãã®äžã«ç«ã€ãå®¶ããWebãµã€ãïŒã®ã€ã¡ãŒãžã
ã€ãŸãããã¡ã€ã³ã ããã£ãŠãWebãµã€ãã¯è¡šç€ºãããããã¡ã€ã³ãšãµãŒããŒãçŽã¥ãããšã§ã¯ãããŠãWebãµã€ããã€ã³ã¿ãŒãããäžã«å ¬éãããŸãã
ãµãŒããŒã¯èªåã§è³Œå ¥ã»èšçœ®ããŠãããã®ã§ããã管çã»ã¡ã³ããã³ã¹ã®æéãªã©ãèãããšããã¬ã³ã¿ã«ãµãŒããŒããçšããã®ãäžè¬çã§ãã
ã¬ã³ã¿ã«ãµãŒããŒãšã¯ãæåéããã®ãµãŒããŒã貞ãåºãïŒã¬ã³ã¿ã«ïŒãããµãŒãã¹ã®ããšã
ãµãŒããŒãèªåã§ç«ã¡äžãããšãæ§ç¯ã«ã¯å°éç¥èãå¿ èŠãªãããæ¥ã ã®ã¡ã³ããã³ã¹ãªã©ã§ã³ã¹ããããã£ãŠããŸããŸããããã¬ã³ã¿ã«ãµãŒããŒããæŽ»çšããããšã§ããæè»œãã€å®å¿ã»å®å šã«ãµãŒããŒãå©çšã§ããŸãã
代衚çãªã¬ã³ã¿ã«ãµãŒããŒã¯äžèšã®ãšããã
ã¬ã³ã¿ã«ãµãŒããŒã¯å瀟ã«ãã£ãŠããããç¹åŸŽããããŸãã
ã¬ã³ã¿ã«ãµãŒããŒãéžã¶éã¯ãç¹ã«äžèšé ç®ãéç¹çã«ãã§ãã¯ãããµã€ãã®äœ¿çšç°å¢ãç®çã«ãã£ããµãŒããŒãéžæããŸãããã
ãã©ããéžã¹ãããããªãããšããå Žåã¯ãåœå ã·ã§ã¢No.1ã®XSERVERãéžãã§ããã°åé¡ãªããšæããŸãã
å€ãã®äººãå©çšããŠãããšããå®çžŸã人æ°ã®ãµãŒãã¹ã§ããããšã®èšŒæã§ããããŸãããå©çšè æ°ãå€ãããšã§ããšãã¯ã¹ãµãŒããŒãå©ç𿹿³ããã©ãã«æã®å¯Ÿå¿æ¹æ³ãçºä¿¡ããŠãããŠãŒã¶ãŒãå§åçã«å€ããªããŸãã
ããäœ¿ãæ¹ã§ããããªãããšãããã°ããšãã¯ã¹ãµãŒããŒãââããšãã£ãããŒã¯ãŒãã§æ€çŽ¢ãããšã解説ãµã€ããããããåºãŠããã®ã§ãåå¿è ã®æ¹ã§ãå®å¿ããŠå©çšã§ããŸãã
FTPãšã¯ããFile Transfer Protocolãã®ç¥ã§ãHTMLãã¡ã€ã«ãç»åãªã©ããµãŒããŒã¢ããããŒãããããã®ä»çµã¿ã
äž»ã«ãŠã§ããµã€ããå ¬éã»æŽæ°ãããããéã«äœ¿çšãããŸããããµãŒããŒã«ã¢ããããŒããããã¡ã€ã«ãä»ã®PCã§ããŠã³ããŒããããããã¡ã€ã«ãå ±æãããããããšãã§ããã®ã§ãæ¥åã®å¹çåã«ã掻çšã§ããŸãã
åããŠãFTPããšãããã®ãç¥ã£ããšãã人ã¯ãFTPã§äžèšã®ããšãã§ãããšèŠããŠããã°åé¡ãªãã§ãããã
ãã¡ã€ã«ã転éãããšãã«äŸ¿å©ãªFTPã§ãããäžç¹ãã¡ãªããããããŸãã
ããã¯ãéä¿¡çµè·¯ãæå·åãããŠããªãããšã«ãããã»ãã¥ãªãã£é¢ã§ã®è匱æ§ãã§ãããæªæããã£ã第äžè ããçèŠãäŸµå ¥ãããããã¹ã¯ãŒãã倧åãªæ å ±ãçã¿åããããšããå±éºæ§ããããŸãã
ãã®å¯ŸçãšããŠãæè¿ã§ã¯FTPã«ã»ãã¥ãªãã£ãå ããSFTPïŒSSH File Transfer ProtocolïŒãªã©ã®éä¿¡ãæå·åããææ®µãçšããããšãäž»æµã«ãªã£ãŠããŸãã
åå¿è ã§ãæè»œã«å©çšã§ããããªãŒã®FTPã¯ã©ã€ã¢ã³ããœããã3ã€ã玹ä»ããŸãã
FTPãœããã¯ããã¶ã€ã³ã䜿ãå®ãã«å€å°ã®å·®ã¯ãããŸãããã©ã®ãœãããåºæ¬æ©èœã¯æèŒããŠããã®ã§æåãªãã®ã䜿ãã°åé¡ã¯ãããŸããã
é çªã«è§£èª¬ããŠãããŸãã
Windowsã®ã¿å¯Ÿå¿ã§ãããäžçªæåãªåœç£ããªãŒãœãããšãã£ãŠãéèšã§ã¯ãªããããã¡ãžã£ãŒãªFTPã¯ã©ã€ã¢ã³ããœããã§ãã
æ¥ç¶ãããšãããŒã«ã«ïŒèªåïŒåŽã®ãã¡ã€ã«ãšãµãŒããŒåŽã®ãã¡ã€ã«ã®äžèЧãã©ã¡ãã衚瀺ãããã®ã§ãæ¯èŒããŠã¢ããããŒããªã©ãããã人ã«ããããã§ãã
WindowsãšMacã®äž¡æ¹ã«å¯Ÿå¿ããŠãããæ¥æ¬èªã«ã察å¿ããŠããã®ã§åå¿è ã§ãå®å¿ã§ããã
ãFFFTPããšåæ§ã«ããŒã«ã«ïŒèªåïŒåŽã®ãã¡ã€ã«ãšãµãŒããŒåŽã®ãã¡ã€ã«ã®äžèЧãã©ã¡ãã衚瀺ãããã®ã§ããFFFTPãããç§»è¡ãã人ãªã©ã¯éåæãªãæ±ãããœããã§ãã
æè¿äººæ°ã®åºãŠããFTPãœããã§ãWindowsãšMacã®ã©ã¡ãã察å¿ããŠããŸãã
ãã¡ããæ¥æ¬èªã§äœ¿çšããããšãã§ããŸãã
ç»é¢ã®èŠãç®ãã¹ãããªããŠãããåå¿è ã®æ¹ãããŸã䜿ãããšããªããããªæ©èœã¯åæç¶æ ã§è¡šç€ºãããŠããªãã®ã§ãåå¿è åãã®FTPãœãããšèšããã§ãããã
ãã©ããéžãã ãããã®ãããããªãããšãã人ã¯ããŸãã¯ãFilezillaãã䜿çšããŠããã°ç¡é£ã ãšæããŸãã
çç±ã¯ãäžèšã®ãšããã
ä»ã«ãããããã®FTPãœãããããã®ã§ãèªåã«ãã£ãFTPãœãããæ¢ããŠã¿ãã®ãããã§ãããã
CMSãšã¯ãContents Management Systemã®ç¥ã§ãHTMLãªã©ã®å°éç¥èããªãåå¿è ã§ããç°¡åã«Webãµã€ãã®æ§ç¯ããããŒãžã®äœæã»ç®¡çã»æŽæ°ãã§ããã·ã¹ãã ã®ããšã
CMSãå°å ¥ããã°ãç°¡åãªç®¡çäœæ¥ã¯ã¯ã©ã€ã©ã³ãåŽã§ãèªåã§ã§ããããã«ãªããŸãã
å°éç¥èãæè¡ãå¿ èŠãšããã«webãµã€ããæŽæ°ã§ããããã瀟å ã®åºå ±æ åœè ãWebæ åœè èªèº«ãç°¡åã«æ å ±çºä¿¡ããããšãã§ããŸãã
ããã«ãããå¶äœäŒç€Ÿã«æŽæ°äœæ¥ãäŸé Œããå¿ èŠããªããªãããã倿³šã³ã¹ãã®åæžããã¹ããŒãã£ãŒãªæ å ±çºä¿¡ãå®çŸã§ããŸãã
Webãµã€ãã®æŽæ°ãç°¡åã«ãªãããšã§ã瀟å ãªãœãŒã¹ã確ä¿ããããšããã§ããã°ã倿³šã³ã¹ããæ°ã«ããããšãªãæŽæ°é »åºŠãé«ããããšãã§ããŸãã
ã¿ã€ã ãªãŒãªæ å ±çºä¿¡ãããããšã§ãèŠèŸŒã¿é¡§å®¢ãžã®èšŽæ±åããŠãŒã¶ãŒæºè¶³åºŠãé«ãããã广çãªwebãµã€ãéå¶ãžãšã€ãªããããšãã§ããã»ããã³ã³ãã³ããå å®ããããšã§ã鿥çã«SEO广ãåŸãããšãã§ããŸãã
CMSã¯ããã¶ã€ã³ãã³ãã¬ãŒãã«æ²¿ã£ãŠç·šéãå¯èœã«ãªããããã©ãããŠããã¶ã€ã³ã®èªç±åºŠãå¶éãããŸãã
ã³ã³ãã³ããäžå 管çãå®çŸãããããã®ä»æ§ã§ãããããäœãåªå ãããã«ãã£ãŠCMSã®å°å ¥ãæ€èšããå¿ èŠããããŸãã
CMSã¯ãã€ã³ã¿ãŒãããç°å¢ãšãã©ãŠã¶ããããã°æéãšå Žæãéžã°ãã«æŽæ°ã§ããã¡ãªãããããåé¢ãäžæ£ã¢ã¯ã»ã¹ããµã€ããŒæ»æãšãã£ãã»ãã¥ãªãã£ãªã¹ã¯ã®æžå¿µããããŸãã
ç¹ã«WordPressãªã©ã®ãªãŒãã³ãœãŒã¹åïŒã³ãŒããå ¬éãããŠããïŒã®CMSã¯ããã®è匱æ§ãçã£ãæ»æãè¿å¹Žå¢å ããŠãããããCMSãéžã¶éã«ã¯ãã®ç¹ãèæ ®ããŠèããªããã°ãªããŸããã
ãã®ããã«webãµã€ãã®æŽæ°ã管çãå¹çåã§ããCMSã§ãããããŸããŸãªæ©èœãç¹åŸŽãæã£ãCMSãååšããŠãããèªåãã¡ã®ç®çãçšéããã«ã¯éçšæ¹æ³ã«åã£ãCMSãéžã¶å¿ èŠããããŸãã
äž»èŠãªCMSã¯äžèšã®ãšããã
ãã¡ã以å€ã«ãããããã®çš®é¡ããããŸãããåå¿è ã®äººããŸãæŒãããã¹ãã¯æãããã¥ã©ãŒãªWordPressã§ãã
äžèšã®èšäºã«ããã°ã2021幎6æçŸåšãWordPressã¯æ¥æ¬åœå ã®CMSã·ã§ã¢ç83.4%ãšããé«ãæ°å€ãèªã£ãŠãããå šäžçãèŠãŠãWebãµã€ãã®41.5%ãCMSã®64.9%ãšããå§åçã·ã§ã¢ã§ããããšãããããŸãã
▶ïžã2021å¹Žææ°ãWordPressã®ã·ã§ã¢ã¯äœ%ïŒCMSã·ã§ã¢äžèЧ/éå»ã®æšç§»
ãã®æ°åãèŠãŠããWebå¶äœãå匷ããã«ãããWordPressããã¹ã¿ãŒããã®ã¯å¿ é ã§ãããšãããã§ãããã
▶ïžWebå¶äœã§äœ¿ããCMSã®è©³çްã¯ãã¡ãïŒ
ãã³ãããªã¹ããšã¯ãçŸåšé²èЧããŠããããŒãžããµã€ãå ã®ã©ã®äœçœ®ã«ããããéå±€æ§é ã§ç€ºãããã®ã
å ·äœçã«ã¯äžèšã®ãããªãã®ã§ããŠãŒã¶ãŒã®å©äŸ¿æ§åäžã«å¹æçãªæœçã§ãã
ãã³ãããªã¹ããèšçœ®ããã¡ãªããã¯äžèšã®ãšããã
Webãµã€ãå ã®èªåã®äœçœ®ããããšçè§£ã§ããããããŠãŒã¶ãŒãå¿ èŠãªæ å ±ãèŠã€ãããããšããå©ç¹ããããŸãã
ããŒã¯ãŒãæ€çŽ¢çµæããWebãµã€ãã«ã¢ã¯ã»ã¹ããŠãããŠãŒã¶ãŒã¯ãå¿ ããããµã€ãã®ãããããŒãžããæµå ¥ããŠããããã§ã¯ãããŸããã
ããšãã°ãååã¢ã¯ã»ã¹ãããšããããã°èšäºããããã£ã³ããŒã³ããŒãžããšããå Žåãããã§ãããã
ãã®ãããªããŒãžã«ãã³ãããªã¹ããããã°ãããã®ããŒãžã®äžå±€ã«è¡ãã°åå玹ä»ããŒãžãèŠã€ããããã ãããšãããããããããŒãžã«ç§»åãããããªã©ãšå€æããŠè¡åã§ããããããŠãŒã¶ãŒããµã€ãå ã§è¿·ãã¥ãããªããŸãã
ãã³ãããªã¹ãã¯ãæ€çŽ¢ãšã³ãžã³ã®ã¯ããŒã©ãŒïŒãµã€ããå·¡åããããããïŒã«ãå©çšãããããŒã¿ã§ãã
Googleå ¬åŒã®Google æ€çŽ¢ããããããŒã¬ã€ãã«ã¯ä»¥äžã®ããã«ç€ºãããŠããŸãã
Google æ€çŽ¢ã§ã¯ãæ€çŽ¢çµæå ã®ãŠã§ãããŒãžããã®æ å ±ãåé¡ããéã«ãããŒãžã®æ¬æå ã®ãã³ãããªã¹ã ããŒã¯ã¢ããã䜿çšããŸãã
ãåŒçšå ãGoogle æ€çŽ¢ããããã㌠ã¬ã€ã
ã€ãŸããæ§é åããããã³ãããªã¹ããèšçœ®ããããšã§ãã¯ããŒã©ãŒããµã€ãæ§é ãçè§£ãããããªããçµæçã«SEO察çã«ã€ãªãããšããããšã§ãã
SSLåãšã¯ãã€ã³ã¿ãŒãããäžã®éä¿¡ãæå·åããæè¡ã®ããšã
ç¹å®ã®ãã©ãŠã¶ãšãµãŒããŒã ãã䜿çšã§ãããå ±ééµãã䜿ã£ãŠæå·åãããããããŒã¿ã®éåä¿¡éäžã«äžæ£ã¢ã¯ã»ã¹çã«ãã£ãŠããŒã¿ãæµåºããå Žåã§ãã第äžè ã®ããŒã¿æªçšãé²ãããšãã§ããŸãã
SSLåããŠããªãå Žå
SSLåããŠããå Žå
ãªãã€ã¬ã¯ããšã¯ãWebãµã€ãã«èšªãããŠãŒã¶ãŒãå¥ã®URLã«èªåçã«èªå°ã»è»¢éããä»çµã¿ã®ããšã
ãªãã€ã¬ã¯ãã¯ããµã€ããªãã¥ãŒã¢ã«ã§URLãå€ãã£ãæãSSLåãèšå®ããéã«ããå©çšãããŸãã
éåžžãSSLåã®åŠçãããã ãã§ã¯ãhttp://ãã®URLãšãhttps://ãã®URLäž¡æ¹ã«ã¢ã¯ã»ã¹ã§ããç¶æ ã«ãªã£ãŠããããããhttp://ãã«ã¢ã¯ã»ã¹ãããå Žåã¯ãhttps://ããžãªãã€ã¬ã¯ãããããã«èšå®ããããšã§ããµã€ãã®ã»ãã¥ãªãã£ãé«ããããŸãïŒãããåžžæSSLåãšèšããŸãïŒã
Google ChromeïŒãã©ãŠã¶åœå ã·ã§ã¢ãããïŒã§ã¯ããŠãŒã¶ãSSLåã§ããŠããªãWebãµã€ãã蚪ããéãäžèšã®ãããªèŠåãã¢ãã¬ã¹ããŒã«è¡šç€ºãããŸãã
ããããã®ãããªè¡šç€ºãåºãŠãããããã®ãµã€ãã®ã»ãã¥ãªãã£ã¯å€§äžå€«ã ãããããšããçåãäžä¿¡æãæããŠããŸã人ãããã§ãããã
äžä¿¡æãæãããŠãŒã¶ãŒã¯ããã«é¢è±ããå¯èœæ§ãé«ããªããååè³Œå ¥ããåãåãããæ¡çšå¿åã䌞ã°ãããã®ãµã€ãæ§ç¯ã«ãããŠã¯èŽåœçã ãšèšããŸãã
ä»ã«ããéå¶äŒæ¥ã®ã»ãã¥ãªãã£æèããã©ã³ãã£ã³ã°ã«ãããŠãä¿¡é Œæ§ãæãªããªã¹ã¯ããããªã©ãä»ãåžžæSSLåã¯åœããåãšããç¶æ³ã«ãããŸãã
ãªã®ã§Webå¶äœã§ãµã€ããæ§ç¯ããéã¯ãå¿ ãåžžæSSLåãæžãŸããããã§çŽåããããã«å¿ãããŸãããã
Webå¶äœåå¿è ã§ããã°ããã©ã³ããµã€ãºã¯ãpxãã§æå®ããããšãå€ãããšæããŸãã
ãã ããã©ã³ããµã€ãºããpxãã§æå®ãããšãã©ã®ããã€ã¹ã§èŠãŠãæåã®å€§ãããå€ãããŸããã
ãããå€ããããšããã°ãããã€ã¹ããšã«æåãµã€ãºã®èšå®ãããããããã¯ãç»é¢ãµã€ãºã®å€åã«å¿ããŠèªåçã«æåãµã€ãºãå€ããåŠçãããå¿ èŠããããŸãã
Webå¶äœåå¿è ããã©ã³ããµã€ãºãèšå®ããå Žåãããã€ã¹ããšã«æåãµã€ãºã®èšå®ããæ¹æ³ãäžè¬çããšæããŸãããæè¿ã§ã¯ç»é¢ãµã€ãºã«å¿ããŠåçã«ãã©ã³ããµã€ãºãæå®ã§ããåäœãå¢ããŠããŠããŸãã
æ§ã ãªãã©ã³ããµã€ãºã®æå®æ¹æ³ãæŒãããããšã§ãããããããã€ã¹ã«å¯Ÿå¿ããããã³ãŒãã£ã³ã°ãã§ããããã«ãªãã§ãããã
æ¬èšäºã§ã¯ä»£è¡šçãªäžèš4ã€ã®æå®æ¹æ³ã«ã€ããŠè§£èª¬ããŸãã
é çªã«è§£èª¬ããŠãããŸããã
pxãšã¯ãã·ã³ãã«ã«èšããšããžã¿ã«ç»é¢ãæ§æããæå°åäœãæããŸãã
ããžã¿ã«ç»é¢ã¯å°ããªåè§ãç¹ãéãŸã£ãŠã§ããŠããããããã®ç¹ãããããè²ã®ã€ããå ãæŸã€ããšã§ãç»åã»åç»ãªã©ã衚瀺ããŠããŸãã
ãã®åè§ãç¹ãpxïŒãã¯ã»ã«ïŒã§ããããã以äžå°ããåå²ããããšã¯ã§ããŸããã
ãã®åäœã¯ç»é¢ã®ç°å¢ã«ãã£ãŠå€åããªãããã絶察åäœãšåŒã°ããŸãã
äžæ¹ãã%ãã¯æåã®é«ããåºæºãšããŠããã䜿ãããŠããæžäœïŒãã©ã³ãïŒãCSSã§æå®ããŠããæåã®å€§ããã«ãã£ãŠå€åããçžå¯Ÿåäœã
ã芪èŠçŽ ã®å€ããåºæºã«ããŠå€ãå€åããã®ã§ãäŸãã°ã芪èŠçŽ ã®ãã©ã³ããµã€ãºã10pxã«æå®ãããŠãããªãã100%=10pxãã30pxã«æå®ãããŠãããªãã100%=30pxãã«å€åããŸãã
ã¡ãªã¿ã«ããã©ã³ããµã€ãºãæå®ããŠããªãå Žåãæåã®å€§ããã¯ããã©ã«ãã®16pxã«ãªããŸãã®ã§ãã100%=16pxããåºæºãšãªããŸãã
ç¶ããŠãemãã§ããããã¡ãã¯ãïŒ ãã«ã€ããŠçè§£ã§ããŠããã°ããããŸã§é£ããã¯ãªãã§ãããã
æžãæ¹ãç°ãªãã ãã§èãæ¹ãšããŠã¯ãïŒ ããšåãããã«ãæåã®é«ããåºæºãšããçžå¯Ÿçãªåäœã§ãã
äŸãã°ãæåã®å€§ããã10pxã«æå®ããŠãããªãã1em=10pxãã30pxã«æå®ããŠãããªãã1em=30pxãã«å€åããŸãã
ã¡ãªã¿ã«ãCSSã§æåã®å€§ããïŒfont-sizeïŒãæå®ããŠããªãå Žåãæåã®å€§ããã¯ããã©ã«ãã®16pxã«ãªããŸãã®ã§ãã1em=16pxããåºæºãšãªããŸãã
ãremãã«ã€ããŠããåºæ¬çãªèãæ¹ã¯ã%ãããemããšåããªã®ã§ãããã²ãšã€éãã®ããã«ãŒãèŠçŽ ããåºæºã«ããŠå¯å€ãããšããããšã§ãã
remã¯ãroot emãã®ç¥ã§ãããrootïŒã«ãŒãïŒãšã¯ãhtmlããæããŸãã
ã€ãŸããhtmlã§æå®ããfont-sizeãåºæºã«ããŠå¯å€ãããšããããšã§ããã
html {
font-size: 62.5%; â1em=10px
}
body {
font-size: 1.6rem; â16px
}
h1 {
font-size: 2.4rem; â24px
}
äžèšã®ããã«htmlèŠçŽ ã®èšå®ã§font-sizeã62.5%ã«ããŠãããšãã¡ããã©ã1em=10pxãã«ãªããŸãã
htmlèŠçŽ ã®ãã©ã³ããµã€ãºã倿Žããã ãã§ãå šäœã®æ¯çãç¶æããªãããã©ã³ããµã€ãºã調æŽããããšãã§ããã®ã§ãPCæãšã¹ããŒããã©ã³æããšã«htmlèŠçŽ ã®ãã©ã³ããµã€ãºãæå®ããã°èªåçã«å šäœã®ãã©ã³ããµã€ãºãåãæ¿ãããšããããšã§ãã
ãã£ãã·ã¥ãšã¯ã1床éãããŠã§ãããŒãžã®ããŒã¿ãä¿åãããŸãåãããŒãžãéããšãã«ãµã¯ã£ãšè¡šç€ºããŠãããä»çµã¿ã
ãã£ãã·ã¥ãããããšã§ã以åéããããŒãžãå床衚瀺ãããæã«ãååããéãããŒãžã衚瀺ãããããšãã§ããããã«ãªããŸãã
ãã£ãã·ã¥ã®ååšãç¥ããªããšããŠã§ããµã€ãã®ãã¶ã€ã³å€ããã«ãé¢ããããåæ ããŠããªããšããããšãèµ·ããããŸãã
çè èªèº«ãWebå¶äœãç¬åŠããŠãããšãã«ããã¶ã€ã³ã®å€æŽãå šç¶åæ ãããåå ã調ã¹ãããã«2ã3æéçšåºŠã ããªæéãè²»ãããŠããŸã£ãçµéšããããŸãã
ãŸããWebå¶äœã®ãã¶ã€ã³ä¿®æ£ã§ã客æ§ã«çŽåããéã«ã¯ãããã£ãã·ã¥ãåé€ã®ããã確èªãã ããããšäžèšæ·»ããŠããããšããã§ãããã
äžæŠã«ãã£ãã·ã¥ãåé€ãããšèšã£ãŠããåä»ãªããšã«ãŠã§ããã©ãŠã¶ã«ãã£ãŠå逿¹æ³ãéããŸãã
ãã£ãã·ã¥ã®å逿¹æ³ã¯åãã©ãŠã¶ã§ç¢ºèªããããã«ããŠãã ãããã
LPïŒã©ã³ãã£ã³ã°ããŒãžïŒãšã¯ãåºåã®ãªã³ã¯å ãªã©ã«èšå®ãããããŒãžã®ããšã§ãåºååªäœãã¯ãªãã¯ãããŠãŒã¶ãŒãæåã«ç®ã«ããããŒãžã®ããšãæããŸãã
äžæ¹ããã·ã³ã°ã«ããŒãžããšã¯ãåã«çžŠé·ã®1ããŒãžã§å®çµããWebãµã€ããæããŸãã
å®éã®çŸå Žã§ãã瞊é·ã®1ããŒãžïŒLPãã ãšåéãããŠãã人ãå²ãšããããããã®ã§ãèªè ã®æ¹ã¯ééããªãããã«æ°ãã€ããŸãããã
LPïŒã©ã³ãã£ã³ã°ããŒãžïŒã®ç®çã¯ãåºåãã¯ãªãã¯ãããŠãŒã¶ãŒãã³ã³ããŒãžã§ã³ã«å°ãããšã§ãã
ååã®ã¡ãªããããŠãŒã¶ãŒã®å£°ãªã©ã®æçŽã«ã€ãªããæ å ±ãè±å¯ã«çã蟌ã¿ããåãåãããè³Œå ¥ã®ãã¿ã³ãç¹°ãè¿ã衚瀺ããããšãããããªãã¶ã€ã³ãå€ãèŠãããŸãã
äžæ¹ãã·ã³ã°ã«ããŒãžã®ç®çã¯ã³ã³ããŒãžã§ã³ãšã¯éãããã³ãŒãã¬ãŒããµã€ããæ°ååã®ãªãªãŒã¹ç޹ä»ãªã©ãçšéã¯ããŸããŸã§ãã
æ å ±ãçµã蟌ã¿ãèŠãããã远æ±ããã·ã³ãã«ãªãã¶ã€ã³ãå€ãåŸåã«ãããŸãã
以äžããæå€ãšç¥ããªãWebå¶äœã®å°éçšèªã®è§£èª¬ãã§ããã
Webå¶äœã¯å°éçšèªãå€ããæåã¯èŠããã®ã倧å€ãããããŸããã
ããããå°éçšèªããã£ããçè§£ããŠããã°ãã¯ã©ã€ã¢ã³ããšã®èªèã®éœéœ¬ãæžããã¹ã ãŒãºã«Webå¶äœãé²ããããããã«ãªããŸãã
ç¥ããªãèšèãåºãŠããæã¯ããã®éœåºŠèª¿ã¹ãããå¿ãããŠãããŸãããã
æ±äº¬ããªãŒã©ã³ã¹ã§ã¯ãæªçµéšããã§ãWebå¶äœã®ä»äºãã§ããã¬ãã«ãç®æããªã³ã©ã€ã³ã¹ã¯ãŒã«âãã€ãã©âãéå¶ããŠããŸãã
ãã€ãã©ã¯Webå¶äœãæ¬æ°ã§èªåã®ä»äºã«ããã人ã®ããã®ãªã³ã©ã€ã³ã¹ã¯ãŒã«ã
äœã£ãŠããŠã¯ã¯ã¯ã¯ããå¶äœèª²é¡ãSlackãéããåŠç¿ã³ãã¥ããã£ãåãããããåç»ãªã©ã楜ããç¶ãããã工倫ãè©°ãŸã£ãŠããŸãã
Webå¶äœãå®éã«ä»äºãããéã«æ±ããããå®è·µçãªã¹ãã«ãåŠã¹ãŸãïŒ
HTML/CSS
Bootstrap
ãµãŒããŒãšãã¡ã€ã³ã®åºç€
JavaScript
jQuery
Sass(Scss)
PHP
SQLã®åºç€
WordPress
宿¡ä»¶ãšåãããã«ããã¶ã€ã³ããŒã¿ããã³ãŒãã£ã³ã°ãã課é¡ããWordPressã®ãããã¯ãšãã£ã¿ãŒ ã䜿ã£ãæ°ããå¶äœæ¹æ³ãŸã§ã
ããªãŒã©ã³ã¹ã§ä»äºãããéã®ã宿¡ä»¶ããèãã ãããå®è·µçãªã«ãªãã¥ã©ã ã¯ä»ã®ã¹ã¯ãŒã«ã«ã¯ãªããã€ãã©ã®åŒ·ã¿ã§ãã
ããã«ãæ«æãããªãã¡ã³ã¿ãŒé£ãã¢ããããŒãããç¶ããŠç¡æéã§èŠèŽã§ããè¬åº§å å®¹ãæŽ»çºã«æŽ»åããŠãããªã³ã©ã€ã³ã®åŠç¿ã³ãã¥ããã£ãªã©ããã€ãã©ã®é åã¯å€å²ã«æž¡ããŸãã
ããããWebå¶äœãä»äºã«ããŠãããããšèããããæ¹ã¯ããã²ãã€ãã©ããã§ãã¯ããŠã¿ãŠãã ãããïŒ