

ããªãããããã°ãšåããããªæ©ã¿ã¯ãããŸãããïŒ
ã»SNSãYouTubeã§Webå¶äœã®å匷æ³ã調ã¹ããã©æ å ±ãå€éããŠæ··ä¹±ããŠãã
ã»ç¬åŠïŒã¹ã¯ãŒã«ïŒçµå±ãã©ã£ã¡ãè¯ãã®ïŒ
åºåãSNSãYouTubeãããã°ãªã©ã®åœ±é¿ãããæªçµéšããWebå¶äœããªãŒã©ã³ã¹ã«èå³ããã€äººã幎ã
ãå¢ããŠããŸããã
ä»ã§ã¯Webå¶äœã®ããŒãããããå匷æ³ã«ã€ããŠã®æ
å ±ãããµããŠããŸãããã
Webå¶äœã«åœ¹ç«ã€æ å ±ã誰ããæã«å ¥ããããããã«ãªããŸãããäžæ¹ã§Webå¶äœã®ããšãå šãç¥ããªã人ã«ãšã£ãŠãæ å ±ã®åæšéžæãé£ãããªã£ãŠããŸã£ãã®ã§ã¯ãªãã§ããããã
æ±äº¬ããªãŒã©ã³ã¹ãéå¶ãããªã³ã©ã€ã³ã¹ã¯ãŒã«ããã€ãã©ãã§ã¯ãæªçµéšããã§ãå®èµ°ããã°Webå¶äœãä»äºã«ã§ããã ãã®å®åã身ã«ã€ããããã«ãªãã¥ã©ã ãæäŸããŠããŸããã
ãããŠå®éã«å€ãã®çšŒããWebå¶äœããªãŒã©ã³ã¹ããã€ãã©ããçãŸããŸããã
æ¬èšäºã§ã¯å®éã«Webå¶äœããªãŒã©ã³ã¹ã茩åºããŠããæ±äº¬ããªãŒã©ã³ã¹ãã2021幎çã®Webå¶äœåŠç¿æ¹æ³ã解説ããŸãã
ãã¡ãããä»ããç¡æã§åãåãâŒ
- 1. Webå¶äœïŒã³ãŒãã£ã³ã°ïŒã§ä»äºãããã®ã«å¿ èŠãªã¹ãã«ãšã¯ïŒ
- 2. Webå¶äœïŒã³ãŒãã£ã³ã°ïŒã®åŠç¿ããŒãããã
- 2.1. STEPïŒïŒHTML/CSSã®åºç€ãå匷ãã
- 2.2. STEPïŒïŒBootstrapã§ã¹ããŒããµã€ãå¶äœãåŠã¶
- 2.3. STEP3ïŒJavaScriptãšjQueryã§ãªãããªã¢ãã¡ãŒã·ã§ã³ãäœããããã«ãªããïŒ
- 2.4. STEP4ïŒSassã䜿ãããªããããã«ãªããïŒ
- 2.5. STEP:ïŒãã¶ã€ã³ã«ã³ãããã®ã³ãŒãã£ã³ã°
- 2.6. STEPïŒïŒPHPã®åºç€
- 2.7. STEPïŒïŒMySQLã®åºç€
- 2.8. STEPïŒïŒWordPressã®ãªãªãžãã«ããŒãå¶äœ
- 3. ãPRãåŠç¿ããŒãããããããªã³ã©ã€ã³ã¹ã¯ãŒã«åãããã€ãã©ã®åŒ·ã¿
- 4. ãã€ãã©Webå¶äœã³ãŒã¹ãåè¬ããïŒã€ã®ã¡ãªãã
- 4.1. ã¡ãªããïŒïŒã³ã¹ãæçŸ€ã®äŸ¡æ Œèšå®
- 4.2. ã¡ãªããïŒïŒæªçµéšããã§ãå®èµ°ããã°ä»äºãã§ããç¡é§ã®ãªãã«ãªãã¥ã©ã
- 4.3. ã¡ãªããïŒïŒçŸåœ¹ã§æŽ»èºäžã®ãšã³ãžãã¢ãããªãŒã©ã³ã¹ãåç»è¬çŸ©ãåŠç¿ã³ã³ãã³ãå¶äœãæ åœ
- 4.4. ã¡ãªããïŒïŒç¡æéã§èŠèŽã§ãã¢ããããŒããããã«ãªãã¥ã©ã
- 4.5. ã¡ãªããïŒïŒæ«æãããªãã¡ã³ã¿ãŒé£
- 4.6. ã¡ãªããïŒïŒãã€ãã©ä¿®äºçã®è±å¯ãªå®çžŸãããããå®å¿ããŠåŠã¹ã
- 4.7. ã¡ãªããïŒïŒåæ¥çåãã®ç¬ç«ã»è»¢è·ãµããŒããµãŒãã¹ããã
- 5. ãŸãšã
Webå¶äœïŒã³ãŒãã£ã³ã°ïŒã§ä»äºãããã®ã«å¿ èŠãªã¹ãã«ãšã¯ïŒ
Webå¶äœã§ä»äºãããã®ã«å¿ èŠãªã¹ãã«ãã玹ä»ããŸãã
HTML/CSS
Bootstrap
ãµãŒããŒãšãã¡ã€ã³ã®åºç€
JavaScript
jQuery
Sass(Scss)
PHP
SQLã®åºç€
WordPress

ãšããããããã®ïŒã€ã®ã¹ãã«ãããã°Webå¶äœã®ä»äºãã¯ããããããšæããŸãã

ãããªã«å¿ èŠãªã®ïŒãšæãæ¹ããããããããŸãããã
ã§ãé ã远ã£ãŠåŠç¿ãé²ããŠããã°å€§å€ã§ãããå®å šæªçµéšããã§ãååãç¿åŸã§ããŸãã
Webå¶äœïŒã³ãŒãã£ã³ã°ïŒã®åŠç¿ããŒãããã
Webå¶äœïŒã³ãŒãã£ã³ã°ã®åŠç¿ããŒããããïŒãã玹ä»ããŸãã
åžè²©ã®æžç±ãããã°ã©ãã³ã°åŠç¿ãµãŒãã¹ãæå¿ã®ã€ãã£ãŠãããåŠç¿çŽ æãçµã¿åãããããšã§åŠç¿ã¯å¯èœã§ãã
ã»Progateã»ã»ã»äººæ°ã®ããã°ã©ãã³ã°åŠç¿ãµãŒãã¹(çšå¥æ980åïŒ
ã»Webå¶äœè
åãã®åŠç¿æžç±
ã»Udemyã»ã»ã»ãªã³ã©ã€ã³åŠç¿ãã©ãããã©ãŒã ïŒè²·ãåãã®åç»ææã販売ãããŠããŸããã»ãŒã«ã®æã«è²·ããšãåŸïŒïŒ
ã»æå¿ã®æ¹ã®çºä¿¡ããŠãããã¶ã€ã³ã«ã³ãïŒåŸã»ã©ç޹ä»ïŒ
Webå¶äœãåŠç¿ããŠä»äºã«ã§ããããã«ãªããŸã§ã®ã¹ã¿ãŒãã©ã€ã³ã«ã¯ååã«ããŠãŸãã
STEPïŒïŒHTML/CSSã®åºç€ãå匷ãã
ãŸãHTML/CSSã®åºç€ãåŠç¿ããŸããHTMLã¯Webãµã€ãã®éªšçµã¿ãäœããCSSã¯è£
食ããããã«äœ¿ããŸãã
ãã©ãŠã¶ãŒã§ããã°ã©ãã³ã°ã®åŠç¿ãã§ããProgateã®HTMLïŒCSSã³ãŒã¹ãäžéããã£ãŠã¿ãŸãããã
åŠç¿ã³ãŒã¹ã»éå Žã³ãŒã¹ã»ã³ã©ã ãŸã§äžéããã£ãŠã¿ãŸãããã
ã¡ãªã¿ã«Progateã¯ïŒåšãããã°ååã§ãã
ãã ãProgateã¯ãã©ãŠã¶ãŒã§åŠç¿ã§ããŠããŸããããããŒã«ã«ã§ã®ç°å¢éçºã®åã身ã«ã€ããŸããã

Progateã®éå Žç·šã¯åããŠã ãšå°ãé£ããæãããšããæèŠãå€ãã®ã§ãæåã¯ã§ããªããŠãèªä¿¡ããªãããªãã§å€§äžå€«ã§ãïŒ
Progateãçµãã£ããæžç±ã§å匷ããŸããããããã®æ¬ã¯ãã¡ãã
Webå¶äœã«å¿
èŠãªHTMLãCSSã®ç¥èãäœç³»çã«åŠã¹ãäžåã
å
·äœçã«ã¯HTMLãšCSSã®åºæ¬ããã¬ã¹ãã³ã·ããFlexboxãCSSã°ãªãããªã©ãå®éã«æãåãããŠWebãµã€ããäœããªããåŠã¹ãŸãã
ã¡ãªã¿ã«ãšãã£ã¿ãŒã¯è²ã
ãããŸããç¹ã«æãããªããã°
Visual Studio Code
STEPïŒïŒBootstrapã§ã¹ããŒããµã€ãå¶äœãåŠã¶
次ã«Bootstrapãç°¡åã«åŠç¿ããŸãã(*çŸåšBootstrapã®ææ°ããŒãžã§ã³ã¯ïŒïŒ
Bootstrapã¯ããã³ããšã³ãã©ã€ãã©ãªãŒã§äœ¿ãããªãããšã¢ãã€ã«ãã¡ãŒã¹ããªã¬ã¹ãã³ã·ãWebãã¶ã€ã³ãçŽ æ©ãã«ã¹ã¿ãã€ãºã§ããããã«ãªããŸãã
ïŒBootstrapãå匷ã§ããåç»ã®äžäŸïŒ
äŸãã°YouTubeãUdemyã«BootstrapãåŠç¿ã§ããåç»ã³ã³ãã³ãããããŸãã
æ°ã«ãªãåç»ãèŠãªããæãåãããŠBootstrapã䜿ã£ãŠã¿ãŠãã ãã!!
äœç³»çã«Bootstrapã®ç¥èãåŠã¶ãªãå ¬åŒãµã€ããæžç±ãããããã§ãã

Bootstrapã§äœããããµã€ããæ¹ä¿®ããããéšåçã«äœ¿ã£ããããããšããããã ã£ãŠïŒ
STEP3ïŒJavaScriptãšjQueryã§ãªãããªã¢ãã¡ãŒã·ã§ã³ãäœããããã«ãªããïŒ
JavaScriptãšjQueryã¯Webãµã€ãã«ã¢ãã¡ãŒã·ã§ã³ãã€ããããã«äœ¿ããŸãã
jQueryã¯JavaScriptã®ã©ã€ãã©ãªã§ãç°¡åãªèšè¿°ã§JavaScriptã®åããåçŸã§ããŸãã
Progateã§JavaScriptãšjQueryã®ã³ãŒã¹ãããã®ã§ããã¡ããäžéããã£ãŠã¿ãŸãããã
ãããŠãç©è¶³ããªããªãšæãããæžç±ã§
ãããã«åãçµãã§ã¿ãŸãããã

æ°ããçºå£²ããããåãWebãã¶ã€ã³ã¢ã€ãã£ã¢åž³ãããã䜿ãããã¢ãã¡ãŒã·ã§ã³ã«å¿ èŠãªã³ãŒããå®äŸã§ãŸãšãŸã£ãŠããããšãŠãããããã§ãã
STEP4ïŒSassã䜿ãããªããããã«ãªããïŒ
Sassã¯CSSãæ¡åŒµããŠæ±ããããããã¹ã¿ã€ã«ã·ãŒãã§ãã
Sassã䜿ãããšã§èšè¿°ãç°¡ç¥åããããæŒç®ãã§ãããããã¡ãªããããããŸãã
Progateã®Sassã³ãŒã¹ããã£ãŠã¿ãŸãããã
ãããŠãç©è¶³ããªããªãšæããã
Sassã®æžç±ãèªãã§ã¿ãŸãããã
SassãåŠã¹ã°å¹çããä¿å®æ§ã®é«ãã³ãŒãã£ã³ã°ãã§ããããã«ãªããŸãã
STEP:ïŒãã¶ã€ã³ã«ã³ãããã®ã³ãŒãã£ã³ã°
ãã¶ã€ã³ã«ã³ãããã®ã³ãŒãã£ã³ã°ãããŠã¿ãŸãããã
Webå¶äœäŒç€ŸãšããŒãããŒãçµãã§ä»äºããããšããWebãã¶ã€ããŒãšçµãã§ä»äºãããéã«ã¯
ãã¶ã€ã³ã«ã³ããæž¡ãããŠã³ãŒãã£ã³ã°ãããããšã«ãªããŸãã

ããWebãµã€ãã®å匷ãããéã¯å®åšããWebãµã€ããèŠãªããåçŸããŠã¿ããïŒã£ãŠèããã ãã©ã

çŸåšã¯æå¿ãã³ãŒãã£ã³ã°ãç·Žç¿ã§ãããã¶ã€ã³ã«ã³ããæäŸããŠãããŠããŸãã
ã¯ãªã¹ã¿ããïŒç¡æã»ã«ã³ãã®ã¿ïŒ
ãããŒãããïŒææã»JSãæš¡ç¯è§£çããïŒ

STEPïŒïŒPHPã®åºç€
Progateã§PHPã®åºç€ãåŠç¿ããŸããããæåŸã«åŠç¿ããWordPressãPHPã§äž»ã«æ§æãããŠãããããPHPã®åºæ¬ãåºããŸãããã
ãŸãã¯Progateã®PHPã³ãŒã¹ã«åãçµãã§ã¿ãŸãããã
æžç±ã§å匷ãããªã
ãæ°ã¥ãã°ãã䞊ã¿PHP æ¹èšç–ãŒãããäœãã人ã«ãªã!ããããããã§ãã
ãPHPã§ã·ã§ããã³ã°ã«ãŒãã·ã¹ãã ãäœãããšããå 容ãã¡ã€ã³ã§ãã·ã§ããã³ã°ã«ãŒãã®éçºããã«ã¹ã¯ã©ããã§ããŠãããããããã°ã©ãã³ã°ãPHPã®åºç€åãéããããŸãã
ãŸãWebå¶äœã®åŠç¿ã§ã¯PHPã¯WordPressãã«ã¹ã¿ãã€ãºããããã«äœ¿ãããšãã»ãšãã©ãªã®ã§ã
ãã¡ãã®æžç±ãããããã§ãã

STEPïŒïŒMySQLã®åºç€
WordPressã«å¿ èŠãªããŒã¿ããŒã¹ã®MySQLã®åºç€ãåŠã³ãŸãã
WordPressã¯
ã»MySQLïŒããŒã¿ããŒã¹ïŒ
ã§æ§æãããŠããŸããWordPressã¯ãµã€ãã衚瀺ãããéã«PHPããã°ã©ã ã§MySQLã®ããŒã¿ããŒã¹ããæ å ±ãååŸããŠããŸããMySQLã®åºç€ã ãã§ãåŠãã§ãããšWordPresså¶äœã®çè§£ã«åœ¹ç«ã¡ãŸãã
Progateã®MySQLã§ããŒã¿ããŒã¹ãäœæããã
ã§äžéãã®åºç€ãå匷ããŸãããã
STEPïŒïŒWordPressã®ãªãªãžãã«ããŒãå¶äœ
WordPressã§ãªãªãžãã«ããŒããå¶äœããç·Žç¿ãããŸãã
WordPressã®å¶äœæ¡ä»¶ã¯æ°ãå€ãå¶äœå䟡ãé«ãããšãããããªãŒã©ã³ã¹ ãç®æããªããã²åãçµã¿ããåéã§ããã
æžç±æŽŸãªã
åç»æŽŸãªã
Udemyã®WordPresséçºãã¹ã¿ãŒè¬åº§ãããããã§ãã
ãªãªãžãã«ã®WordPressããŒãã®äœæãéãããµã€ãå¶äœã®å šäœåãææ¡ããªããåºç€ããå¿çšãŸã§å šãŠåŠç¿ã§ããã§ãããã
Progateãæžç±ãYouTubeãUdemyãªã©ã®åç»ã³ãŒã¹ãçµã¿åãããã°å®å šã«ç¡æãšã¯ãããŸããããWebå¶äœã®åŠç¿ã«å¿ èŠãªç¥èã»æè¡ã¯ååã«èº«ã«ã€ããŸããïŒããã§ãè²ã ãæãããš1äžå以äžããã£ãŠããŸããããããŸããã…ïŒ
ãPRãåŠç¿ããŒãããããããªã³ã©ã€ã³ã¹ã¯ãŒã«åãããã€ãã©ã®åŒ·ã¿
ãã€ãã©ã¯ããšããšãTwitterã®äŒç»ã§ã·ã§ãŒãžãŒãããWebå¶äœã®åŠç¿ããŒããããã®å 容ã30æ¥ã«åããŠçºä¿¡ããããšãããã£ããã§ã¯ããŸããŸããã
ãããŠåŠç¿ããŒããããã ã£ãé ã®ãã€ãã©ã®äŒç»ã«å€ãã®æ¹ãåå ããŠãã ãããçæ§ã®å¿æŽããã£ãŠçŸåšãã¹ã¯ãŒã«åããããšãã§ããŸããã
玹ä»ããåŠç¿ã¹ãããã¯2021幎çŸåšããã€ãã©ãã¹ã¯ãŒã«åããã«åŠç¿ããŒããããã®ãŸãŸã ã£ããïŒãšããä»®å®ã§èããããŒããããäžäŸã§ãã
ãããç¡æã®åŠç¿ããŒããããã ã£ãé ã®ãã€ãã©ã«ã¯èª²é¡ããããŸããã
ãã€ãã©ãåŠç¿ããŒããããã ã£ãé ã®èª²é¡
ã»å®èµ°ããã°åã«ã¯ãªããæåŸãŸã§å®èµ°ã§ãã人ã¯å°ãªã
ã»æš¡ç¯è§£çããªããè§£çäŸããã£ãŠãééã£ãŠãããšããããã£ãŠæ··ä¹±ããŠããŸã
ã»è©°ãŸã£ããšãã«çžè«ã§ãã人ãããªã
ã»å®èµ°ããåŸã®æ¡ä»¶ç²åŸã§æ«æããŠããŸã
ã»æžç±ãåŠç¿ã¢ããªã®çµã¿åãããªã®ã§å
容ãäžè²«ããªããç¡é§ãªãšãããåºãŠããŠããŸãã
ãªã³ã©ã€ã³ã¹ã¯ãŒã«ã«ããã«ããã£ãŠãã€ãã©ã¯ããããã®èª²é¡ãå
æã§ããã³ã³ãã³ãã¥ããã«ãã ãããŸããã
ã€ãŸãç¡æã ã£ãåŠç¿ããŒããããæä»£ããããã¯ãŒã¢ããããã®ãçŸåšã®ãã€ãã©Webå¶äœã³ãŒã¹ã§ãã
ãããŠãã€ãã©ã¯Twitterçºã®äŒç»ã§åºãç¥ãããŠãããããåºåè²»ãæãæ¢åã®Webã¹ã¯ãŒã«ã«æ¯ã¹ãŠã³ã¹ãæçŸ€ã®äŸ¡æ Œã§æäŸããããšãã§ããŸããã
ãã€ãã©Webå¶äœã³ãŒã¹ãåè¬ããïŒã€ã®ã¡ãªãã
ãã€ãã©ã®Webå¶äœã³ãŒã¹ã§ã¯ãã玹ä»ããåŠç¿ããŒããããã§åŠã¶å
容ãç¡çãªãç¡é§ãªãåŠã¹ãããã«å
šãŠãªãªãžãã«ã®ã³ã³ãã³ãã§äœããŸããã
ãããåžè²©ã®æžç±ãåç»ã«ã¯ãªãWebå¶äœã®çŸå Žã®ç¥æµãæè¡ãŸã§çãããã§ããŸãã
ãããŠããªã³ã©ã€ã³ã¹ã¯ãŒã«åã«ããã
ã»åŠç¿ããŒããããã ã£ãé ã®èª²é¡ãå
æ
ã»æ¢åã®Webã¹ã¯ãŒã«ã®äŸ¡æ Œããã³ã¹ãããåŠã¹ã
ã»å匷ããåŸã«ããªãŒã©ã³ã¹ãšããŠçšŒããã転è·ã§ããã坿¥ã§ããå
容
ãã®ïŒã€ã«ãã ããã«ãªãã¥ã©ã ãå¶äœããŸããã
ãã€ãã©ã®Webå¶äœã³ãŒã¹ã®ã¡ãªãããã玹ä»ããŸãã
ã¡ãªããïŒïŒã³ã¹ãæçŸ€ã®äŸ¡æ Œèšå®
ãã€ãã©ã¯åè¬çãè² æ ãªãWebå¶äœãåŠã¹ãããã«ã³ã¹ãã«ãã ãããŸããã
Webå¶äœãWebãã¶ã€ã³ãåŠã¹ãã¹ã¯ãŒã«ã¯é«ããšããã§50äžåååŸãæ¯èŒçãåè¬ãããããªã³ã©ã€ã³ã¹ã¯ãŒã«ã§ã15äžåååŸã¯ããŸãã
ãšãªã£ããããéããã£ãããªãã§ããã…
ããã§ãã€ãã©ã®Webå¶äœã³ãŒã¹ã¯ãã«ãªãã¥ã©ã ã®è³ªã«ãã ãããªãããåºåè²»ãæã10äžåãåãäŸ¡æ Œèšå®ãå®çŸããŸããã
ã¡ãªããïŒïŒæªçµéšããã§ãå®èµ°ããã°ä»äºãã§ããç¡é§ã®ãªãã«ãªãã¥ã©ã

ãã®ããä¿®äºããåŸã«æºè¶³ããŠããããåãã€ãã«ãªãã¥ã©ã ã¥ããã«ãã ãããŸããã
ãããããããäžè¬çãªWebã¹ã¯ãŒã«ã®ã«ãªãã¥ã©ã ã§å匷ãã人ã§ãé£ããæããäœãããããŸããã
ã»ããå°ãåªãã課é¡ã«ããŠã»ãã
ã»çããããã«æããŠã»ãã
ã»ãã³ããŒãã³ã§ãã£ãšäžå¯§ã«æããŠã»ãã
ãã®ãããªãªã¯ãšã¹ãããããŸãã
ãããããã€ãã©ã§ã¯ã«ãªãã¥ã©ã ãä¿®äºããŠããWebå¶äœãä»äºã«ã§ããããšãç®æšã«ããŠããŸãã
ã«ãªãã¥ã©ã ãåªããç°¡åãªèª²é¡ã«ããã°ãåè¬äžã¯ã¹ãã¬ã¹ãªã楜ããå匷ã§ããŸãã
ããããä¿®äºããŠãå šç¶ãä»äºã§éçšããªãã£ããšãªã£ããåŸæããŠããŸããŸãããããã€ãã©ã§ã¯åè¬çã®æºè¶³åºŠã§ã¯ãªããä¿®äºçã®æºè¶³åºŠãäžçªã倧åã«ããŠããŸãããã ããã¹ã¯ãŒã«åããããšã§ç¡é§ãªå 容ãçãå¹ççã«åŠç¿ã§ããããã«ãªããŸããã
ã¡ãªããïŒïŒçŸåœ¹ã§æŽ»èºäžã®ãšã³ãžãã¢ãããªãŒã©ã³ã¹ãåç»è¬çŸ©ãåŠç¿ã³ã³ãã³ãå¶äœãæ åœ

ãã€ãã©ã®Webå¶äœã³ãŒã¹ã®åç»ã³ã³ãã³ãã§ã¯ãçŸåœ¹ã§æŽ»èºäžã®ãšã³ãžãã¢ãããªãŒã©ã³ã¹ãè¬çŸ©ãåŠç¿ã³ã³ãã³ãå¶äœãæ åœããŠããŸãã

倧æã§å¶æ¥è·âããã°ã©ããŒã«è»¢è·âããªãŒã©ã³ã¹ã§2幎海å€âåž°åœåŸã«èµ·æ¥ããŠæ±äº¬ããªãŒã©ã³ã¹CMOã
çŸåšã¯èªåã®çµéšãããšã«äœã£ããªã³ã©ã€ã³ã¹ã¯ãŒã«ããã€ãã©ããéå¶äžã

æ±äº¬ããªãŒã©ã³ã¹éå¶ã¡ã³ããŒã
å¶æ¥ãã転è·ãã6ã¶æã§ãªãŒããšã³ãžãã¢ã«ãªã£ããã«ã¹ã¿ãã¯ãšã³ãžãã¢ã
ãã®åŸå幎ã§ããªãŒã©ã³ã¹ãšããŠç¬ç«ãããããã¯ãã§ãŒã³ã»æ©æ¢°åŠç¿ã®æ¡ä»¶ã«æºããã
çŸåšã¯ããªãŒã©ã³ã¹ãšã³ãžãã¢ã®çµéšã掻ãããŠããã²ã¹ãšã³ãžãã¢ããšããååã§SNSã»ããã°ã»YouTubeã«ãŠæ å ±çºä¿¡ãããŠããã

ã·ã¹ãã ãšã³ãžãã¢ãã¢ãã£ãªãšã€ã¿ãŒãšããŠãã£ãªã¢ãç©ãã åŸãWebå¶äœãäžå¿ã«ããªãŒã©ã³ã¹ãšããŠæŽ»åã
ããªãŒã©ã³ã¹ã®ã³ãŒããŒãšããŠãããŸã§çŽ300ä»¶ã®WordPressæ¡ä»¶ã«å¯Ÿå¿ããå®çžŸãæã€ã

WEBå¶äœã»æ åå¶äœããªãŒã©ã³ã¹ã
äŒç€Ÿå¡ãå°åŠæ ¡æåž«ãçµãŠããªãŒã©ã³ã¹ã«ãªããšããç°è²ã®çµæŽãæã€ã
çŸåšã¯ããªãŒã©ã³ã¹ãšããŠæŽ»åããªãããããªãŒã©ã³ã¹åãã®è¬åž«æ¥ãè¡ã£ãŠããã

2020幎1æããããªãŒã©ã³ã¹ã®Webãã£ã¬ã¯ã¿ãŒã»ã³ãŒããŒãšããŠç¬ç«ã
SESã§Webã¢ããªã®ããã³ããæ åœããã®ã¡ãå¶äœäŒç€Ÿã«ãŠåèšæ¡ä»¶ããŒã ã«æå±ãLPå¶äœã»WordPressãçšããã³ãŒãã¬ãŒããµã€ããã¢ãã¬ã«ãªã©ã®ãã©ã³ããµã€ãå¶äœãäž»ã«æŽ»åããŠããã

åç»ã®äžã§ã¯Webå¶äœã®çŸå Žã§äœ¿ãããŠãããã¯ããã¯ãèãæ¹ãåŠã¹ãããã«ããŸããã
åç»ãèŠãªããäžç·ã«æãåãããªããã³ãŒãã£ã³ã°ãåŠã¹ãããã«ãªã£ãŠããŸãã
ã¡ãªããïŒïŒç¡æéã§èŠèŽã§ãã¢ããããŒããããã«ãªãã¥ã©ã
å€ãã®ã¹ã¯ãŒã«ã§ã¯ãåŠç¿æéãçµãããšæç§æžãåç»ã³ã³ãã³ããèŠããªããªããŸãã
ããã§ã¯èŠè¿ããããšãã«åŸ©ç¿ã§ããŸããã
ãããããã€ãã©ã¯
ã»äžåºŠãè²·ã£ããææã¯ãã£ãšèŠãããšãã§ãã
ã»å
容ãé©å®ã¢ããããŒãããã
ãã®ãããªç¹åŸŽããããŸãã
ãããªã埩ç¿ããããšãã«ãã€ã§ããæ¯ãè¿ãããšãã§ããŸããã
ãŸããã³ãŒã¹ã®å 容ãã¢ããããŒããããŠãããŸãã
ãã€ãã©ã¯éå¶è
ãå®éã«ã³ãŒã¹ã®å¶äœãšç£ä¿®ãããŠãããããã³ãŒã¹ã®æ¹åãšã¢ããããŒããç©æ¥µçã«è¡ããäœå¶ã«ãªã£ãŠããŸãã
èŠæš¡ã倧ããããã¹ã¯ãŒã«ã§ã¯ã«ãªãã¥ã©ã ãäœæããå®éã«åè¬è
ã®æ¹ã«ãå±ããããŸã§ã«æéãããããããŠããŸããšããããããŸãã
ããããã€ãã©ã¯å°æ°ç²Ÿéã§éå¶ããŠãããããããåè¬è ã®å£°ãWebæ¥çã®ãã¬ã³ããèžãŸããææ°ã®ã«ãªãã¥ã©ã ãã§ããéãæ©ãå±ããŠããŸãã
ãïŒããšäžçŽç·šã®åæ¥å¶äœã®èª²é¡ãå¢ãããŸãâïž
â ã·ã§ãŒããŒ@ãã€ãã©éå¶ (@showheyohtaki) February 5, 2021
ããŸã¯ãããŒãã©ã¿ïŒãã¿ãŒã³ã ãã§ãããããšïŒãã¿ãŒã³ã»ã©å¢ãããŠã宿¡ä»¶ã¬ãã«ã®4ã€ã®èª²é¡ãã奜ããªãã®ãéžãã§å¶äœã§ãããããã«ããããšæããŸãð
ãã²ããŒããã©ãªãªã«å©çšããŠãã ããðšâð»

ããããã£ãšèŠããã®ã¯åŸ©ç¿ãã§ããŠå¬ãã…!!
ã¡ãªããïŒïŒæ«æãããªãã¡ã³ã¿ãŒé£
ç¬åŠã§æ«æãã倧ããªçç±ã¯ããèãã人ãããªããŸãŸè©°ãŸã£ãŠããŸããã¢ããã倱ã£ãŠããŸããããšã§ãã
ã©ããªã«ããæ°ã®ãã人ã§ããã²ãšãã§åŠç¿ããŠãããšã©ãããŠãããããªãããšãåºãŠããŸãã
ããã§ããã€ãã©ã§ã¯Slackã«ããå ¬åŒãµããŒãã®è³ªåéšå±ãçšæãå®åãçµéšããŠããã¡ã³ã¿ãŒé£ãããªãã®çåã«åçããŠãããŸãã
ãã£ããã¯ã«ãžã¥ã¢ã«ãªé°å²æ°ã§æ°è»œã«è³ªåã§ããåè¬çãšã¡ã³ã¿ãŒã®éã§æŽ»çºãªãããšãããããŠããŸãããšãã«ã¯åªããããšãã«ã¯èªåã§èããåã身ã«ã€ããããããã¡ã³ã¿ãŒé£ããµããŒãããŠãããŸãã
ã¡ãªããïŒïŒãã€ãã©ä¿®äºçã®è±å¯ãªå®çžŸãããããå®å¿ããŠåŠã¹ã
ãã€ãã©ãä¿®äºããŠçŸåšãWebå¶äœãä»äºã«ããŠãã人ã¯å°ãªããããŸããã
Twitterã§ãã#ãã€ãã©ãã§æ€çŽ¢ãããšãå®éã«ç¬ç«ã転è·ã«æåããäºäŸã沢山ã§ãŠããŸãã
ãã€ãã©ã®ã«ãªãã¥ã©ã ã¯æå³çã«èªåã§èª¿ã¹ãªããã°ããããªããšããã倧å€ãªãšããããããŸãã
ãã®ä»£ããå®èµ°ã§ããã°å®æ¡ä»¶ã§ä»äºãã§ããã¬ãã«ã®ã³ãŒãã£ã³ã°åã身ã«ã€ããŸãã
ã¡ãªããïŒïŒåæ¥çåãã®ç¬ç«ã»è»¢è·ãµããŒããµãŒãã¹ããã

Webå¶äœäŒç€Ÿã«å°±è·ããããã©å°±è·æŽ»åã§äœãã¢ããŒã«ããã°ãããåãããªãã
ãããªäžå®ãããã®ã§ã¯ãªãã§ããããã
ã¹ã¯ãŒã«ã¯ä¿®äºããåŸã倧åã§ãããã
ãã€ãã©ã§ã¯ããããªäººã®ç¬ç«ã転è·ãæ¯æŽãããµããŒããµãŒãã¹ãçšæããŠããŸãã
äŸãã°ç¬ç«ãµããŒããªãã°ãçŸåœ¹ããªãŒã©ã³ã¹ã®ã¡ã³ã¿ãŒãã€ããŠæ¡ä»¶ç²åŸã®ã¢ããã€ã¹ããä»äºã§è©°ãŸã£ããšãã®æè¡çãªçžè«ãªã©ãå¯èœã§ãããŸãã宿çãªããŒãã£ã³ã°ã§Webå¶äœããªãŒã©ã³ã¹æåç·ã®æ å ±ã亀æããããåãç¬ç«ãç®æãåè¬çãšåºæ¿ããã£ãããã§ããŸãã

ãŸãšã
2021幎çã®Webå¶äœïŒã³ãŒãã£ã³ã°ïŒã®åŠç¿ããŒãããããã玹ä»ããŸããããã¡ããããã®ããŒããããã ããããªãŒã©ã³ã¹ã®Webå¶äœã«ãªãæ¹æ³ã§ã¯ãããŸãããããããªã³ã©ã€ã³ã¹ã¯ãŒã«åããåãããã€ãã©ã§ã¯å€ãã®Webå¶äœã®ããªãŒã©ã³ã¹ã茩åºããŠããå®çžŸããããŸããããŒããããã§åŠç¿ããå 容ãå šãŠèº«ã«ã€ããã°ãæªçµéšããã§ãååãWebå¶äœãä»äºã«ããåå°ã身ã«ã€ããŸãã
ãŸããããŒããããã§ç޹ä»ããææã¯ã²ãšã€ãã²ãšã€æ¬åœã«ãããããªã®ã§ãã€ãã©ã®Webå¶äœã³ãŒã¹ã®åè¬çã«ãåèæžããã£ãšç·Žç¿ããããšãã®èª²é¡ãšããŠããããã§ããŸãã
Webå¶äœããªãŒã©ã³ã¹ã«ãªãããã«å¿ èŠãªç¥èã»æè¡ã¯å®è£ ã®ããã®ã³ãŒãã£ã³ã°ã ãã§ãå€å²ã«æž¡ããŸãã
HTML/CSS
Bootstrap
ãµãŒããŒãšãã¡ã€ã³ã®åºç€
JavaScript
jQuery
Sass(Scss)
PHP
SQLã®åºç€
WordPress
沢山ãã£ãŠå€§å€ã§ãããã
ã²ãšã€ã²ãšã€ã®å
容ãåŠã¶ææã¯ãããŸãããå
šãŠãäžè²«ããŠåŠã¹ãææã¯ãããŸããã
ã ããããããã€ãã©ã®Webå¶äœã³ãŒã¹ã§ã¯ããªãŒã©ã³ã¹ãšããŠç¬ç«ããããã«å¿
èŠãªå
容ããç¡çãªãç¡é§ãªãåŠã¹ãããã«äœããŸããã
ãã€ãã©Webå¶äœã³ãŒã¹ã¯åæ¥ããŠããããªãŒã©ã³ã¹ãšããŠæŽ»èºã§ããããã«ãèªåã§èª¿ã¹ããèãããããªããã°ãããªãå 容ããããŸãã
ãããå®èµ°ããã°æªçµéšããã§ãä»äºãã§ããã¬ãã«ã«åŒããããããå
容ã«ãªã£ãŠããŸãã
æ¬æ°ã§Webå¶äœãå匷ããŠããªãŒã©ã³ã¹ã«ãªãããæ¹ã¯ããã€ãã©ã®Webå¶äœã³ãŒã¹ãæ€èšããŠã¿ãŠã¯ãããã§ããããã