ãðªã¡ã³ã¿ãªã³ã°å®çžŸ.11ãåŠçã«ãããããïŒã³ã¹ãããããã°ã©ãã³ã°ãåŠãã§åèšéçºäŒæ¥ã«æ°åæ¡çšã§å å®ð
ãã®åºŠå€§åŠçã®ã¡ã³ãã£ãŒã®æ¹ãããæ°åæ¡çšã§åèšéçºäŒæ¥ã«å°±è·æ±ºå®ãããæ¹ãåºãŸããïŒ
ããã§ãæ¬ãã©ã³ãåè¬ããŠã©ãã ã£ãã®ãççŽãªãæ°æã¡ãã€ã³ã¿ãã¥ãŒããŸããã
åè¬ãæ€èšãããŠããæ¹ã¯ãã²ã芧ãã ããïŒ
ç¥æŽ
- ååïŒããã¯ããŒã ïŒ
- ãããšã ã
- 幎霢
- 21æ³ïŒå€§åŠçïŒ
- æ§å¥
- ç·
- å±
äœå°
- é¢æ±
- ãããŸã§ã®è·æŽ
- ãªã
- é«å以éã®åŠæŽ
- æåŠéš4幎çã»å€§åŠåšåŠäžïŒããã°ã©ãã³ã°é¢ä¿ãªã
- æ¬ãã©ã³ãå¥çŽãããŸã§ã®ããã°ã©ãã³ã°åŠç¿çµéš
- Progate, ãããã€ã³ã¹ããŒã«ïŒçŽå幎éã就掻ãšäžŠè¡ãã€ã€åŠç¿ïŒ
- HTML, CSS, JS, Bootstrap
- æ¬ãã©ã³ã®åè¬æé
- 2021幎5æ~çŸåšãåŠç¿ç¶ç¶äžïŒVue.jsã«åãçµãã§ããïŒ
ãªããšã³ãžãã¢ãç®æããŸãããïŒ
ãšã³ãžãã¢ãç®æããã®ã¯ã倧åŠåšåŠäžã«ããªãšã¢ã³ã®æ¬ãèªã¿ãããã°ã©ãã³ã°ã¯èª°ã§ãã§ããã®ã§ã¯ãªãããšæã£ãããšããã£ããã§ãã
調ã¹ããšæç³»ã»çç³»é¢ä¿ãªããšã³ãžãã¢ã«ãªãæ¹ãå¢ããŠãããšãããã誰ã§ãææŠã§ãããšæããŸããããã®åŸãProgateã§HTML&CSSã«è§ŠããŠãèªåã§ãã§ãããïŒããšæããããšã倧ããã£ãã§ãããå®éã«Webãµã€ããªã©ãäœã£ãŠã¿ãŠé¢çœãã£ãã®ã§ããšã³ãžãã¢ã«ãªããããšæ確ã«æãããã«ãªããŸããã
ãŸããããã°ã©ãã³ã°ãç¿åŸããããšã§ãèªåã®åšãã®äººã«ãã圱é¿ãäžããããããã«ãªããããšãæã£ãŠããŸããåéãå§ãå人ã§ããžãã¹æŽ»åãããŠããããšããããç§ãããã°ã©ãã³ã°ãããŒã±ãã£ã³ã°ãåŠã¶ããšã§ãããã®ãµããŒããããããšããæ³ãããããŸãã
æ°ãããµãŒãã¹ã®äžã§ããªãæ¬ãã©ã³ãåè¬ããŸãããïŒ
äžåºŠããã°ã©ãã³ã°ã¹ã¯ãŒã«ã«å
¥ã£ãŠå匷ããŠããã®ã§ããããªããšãªãèªåã«åãããäžå®å
šççŒã§çµãã£ãŠããŸããŸããã
ãã®åŸãèªç¿ïŒProgate, ãããã€ã³ã¹ããŒã«ïŒãç¶ããŠããã®ã§ãããããã«çºå±ããŠå匷ããããšæãããã«ãªããŸãããããããäœãã©ã®ããã«å匷ããã°ããã®ãåãããªãã£ãããããã®ãããªãµããŒããããŠããããµãŒãã¹ãæ¢ããŠããŸããã
äŒè€ããã®MENTAã«æ±ºããçç±ã¯ãäž»ã«äžèš4ç¹ã§ãã
- ã¬ãã¥ãŒã奜è©ã ã£ããã
- ããŒã±ãã£ã³ã°ã«ã€ããŠãåŠã¶ããšãã§ãããã
- åŠã³ããèšèªïŒVue.js,React.jsãªã©ïŒãåŠã¶ããšãã§ãããã
- ãã©ã³ã®è©³çŽ°ãèŠãŠãèªåã®ç®æšã«æ²¿ã£ãŠãããšæãããã
ãããã®ç¹ã«æ¹ãããåè¬ã決ããŸããã
å®éã«ãµããŒããåããŠã¿ãŠã©ãã§ãããïŒ
ããã°ã©ãã³ã°ã§åãããªãããšãåºãŠããŠããSlackã®ãã£ããã§è³ªåãããšããã«åçããŠãããŸãã
ã¹ãã«ãã§ãã¯ã·ãŒãã®ååšãæãé£ãã§ãããã¡ãã¯èšèªæ¯ã«åããŠãç¿åŸãã¹ãé
ç®ãé£æ床é ã§åããããããŸãšããããŠããã®ã«ãªããŸããã©ããŸã§åŠã¶å¿
èŠããããäžç®ã§åãããããéå®ããŠããŸããã
æ1åããã¡ã³ã¿ãªã³ã°ã§ã¯ããä»æã¯ãããŸã§ãããããšãã颚ã«ç®æšãç«ãŠãŠãããŸããäœãã©ããŸã§å匷ããã°ãããæ確ã§ãããã¢ãããŒã·ã§ã³ç¶æã«ã圹ç«ã£ãŠããŸãã
æžå¿µç¹ãšããŠã¯ãå匷ã匷å¶ãããããã§ã¯ãªããšããç¹ã§ãã就掻ãéšæŽ»ãªã©ã®å¿ããææã«è¢«ããšãåŠç¿å¹çãã©ãããŠãäžãã£ãŠããŸããŸãããããçšåºŠåŠç¿æéã確ä¿ã§ãããªãåé¡ãªãããã§ãã
åŠç¿äžã¯ãã©ã®ããã«ã«ãªãã¥ã©ã ãé²ããŠããŸãããïŒ
åºæ¬çã«ã¯ãé ããã«ãªãã¥ã©ã ã®äžããé ã«é²ããŠããŸãã
就掻ã®å¿ããææãšè¢«ããŸããããHTML, CSS, JSã¯2ã¶æãããã§çµããããšãåºæ¥ãŸãããçŸåšã¯Vue.jsã®åŠç¿ãé²ããŠããŸãã
察å¿ããå 容
Webãšã³ãžãã¢å°±è·ãã©ã³ïŒæ1ã¡ã³ã¿ãªã³ã°ïŒ
æçµçµæ
æ°åæ¡çšã§åèšéçºäŒæ¥ïŒããã³ããšã³ãïŒã«å°±è·æ±ºå®ããŸããïŒ
å°±è·æŽ»åã®è©³çŽ°ã»ææ³
æ±äººãµã€ãã¯åºæ¬çã«ãã€ããã䜿ã£ãŠããŸããã
é¢æ¥ã¯ã³ãããšããããšããããã»ãšãã©ãªã³ã©ã€ã³ã§ãããã
æ°åã®å°±æŽ»ïŒããã³ã·ã£ã«æ¡çšïŒãšããããšããããWebç³»ãšã³ãžãã¢ã®æ±äººã¯ããŸããªãã£ãå°è±¡ã§ããã»ãšãã©SESãSIerç³»ã®æ±äººã°ããã§ããã
Webç³»ãšã³ãžãã¢ã®æ±äººã¯ãããŒããã©ãªãªãæ±ããããããšãå€ãã£ãã§ãããç§ã®å ŽåããŒããã©ãªãªç¡ãã§å
å®ãé ããã®ã§ãããè©äŸ¡ããããšæãç¹ã¯ä»¥äžã«ãªããŸãã
- ããšã³ãžãã¢ã«ãªãããçç±ããšãå¿æåæ©ãã«äžè²«æ§ãæãããããæèããã
- Progateããããã€ã³ã¹ããŒã«ã§èªç¿ããŠãã人ã¯ããããããã®ã§ãå·®å¥åãã€ã³ããçšæãããèªåã®å ŽåããçŸåœ¹ãšã³ãžãã¢ãããµããŒããåããŠåŠç¿ãé²ããŠããããšããèªèµ°åãã¢ããŒã«ããã
èªåãªãã®ã¹ããŒãªãŒãæã£ãŠè©±ãããšã説åŸåãå¢ããšæããŸãïŒ
- å
å®æ°
- 2瀟(SIer, åèšéçºäŒæ¥)
- å
¥ç€Ÿã決å®ããäŒæ¥ã®è©³çŽ°
- é¢æ±ã®åèšéçºäŒæ¥
- æåã¯ããã³ããšã³ã(HTML,CSS,JS)ããå ¥ããåŸã ã«ããã¯ãšã³ãæ¡ä»¶ã«ãå ¥ãäºå®
- æ¥çã¯WebããŒã±ãã£ã³ã°ç³»
ã¡ãã»ãŒãž
ç§ãšåãããã«ããšã³ãžãã¢ãç®æã就掻çã®æ¹ããããããå°±è·æŽ»åãè¿ããåŠçã®æ¹ãããã£ããããšæããŸããå ã»ã©ãè¿°ã¹ãŸããããProgateããããã€ã³ã¹ããŒã«ãå°ã觊ã£ããããã®çµéšã ãšå·®å¥åã§ããªãã£ãããéäžã§æ«æããªãããšäžå®ãæããããããŸãã
æ¬ãã©ã³ãåè¬ããããšã§ãProgateã ãåŠç¿ããæ¹ãããåŠç¿æ欲ããããšè©äŸ¡ãããã¯ãã§ãããããŠãäœããèªåã®ç¥èãæ·±ãŸãã®ã§ãããããã°ã©ãã³ã°ã奜ãã«ãªãããšæããŸãã
質åã«ããã察å¿ããŠãããŸãããåããå匷ã«å±ãã§ããã¡ã³ãã£ãŒéã®ã³ãã¥ããã£ã«åå ããããšãã§ããã®ã§ãã¢ãããŒã·ã§ã³ç¶æã«ãç¹ãããšæããŸããã
ã€ã³ã¿ãã¥ãŒã¯ä»¥äžã«ãªããŸãããããšã
ããããããããšãããããŸããïŒ
æ¬ãã©ã³ã«é¢å¿ãããæ¹ã¯ãæåã®ã¹ããããšããŠZoomçžè«ãã©ã³ã®åè¬ããªã¹ã¹ã¡ããŠããŸãã
- ããäŒæ¥ã«è¡ãããããã©ãã©ã®æè¡ãã©ã®ãããåŠç¿ããã°ãããåãããªã
- æªçµéšããWebãšã³ãžãã¢ã«è»¢è·ãããããã©ãã©ãããã°ãããã€ã¡ãŒãžã§ããªã
- ãªãªãžãã«ããŒããã©ãªãªãµã€ã/ã¢ããªãäœæãããïŒ
ãªã©ãªã©ããäžäººãã²ãšãã®ãæ©ã¿ã«åãããŠãã¢ãªã³ã°ããå
·äœçãªã¢ã¯ã·ã§ã³ãã©ã³ãæ瀺ãããŠããã ããŸãããŸããç¶ç¶ãã©ã³éžæã®çžè«ãåãä»ããŠãããŸãã
çŸåšåé¡ã»ãŒã«ãè¡ã£ãŠããããããèå³ãããæ¹ã¯ãæ°è»œã«ãç³ã蟌ã¿ãã ããïŒ
ðZoomçžè«ãã©ã³ã¯ãã¡ã
â»ãZoomçžè«ãã©ã³å¥çŽè
éå®ç¹å
žãZoomçžè«ãã©ã³å¥çŽè
ã«ã¯ãç¶ç¶ãã©ã³å¥çŽåŸã«å©çšã§ããã¹ãã«ãã§ãã¯ãå匷æ³Tipsçãããã¯ã¢ããããŠãæäŸããããŸãïŒè©³çŽ°ã¯Zoomçžè«å¥çŽåŸã«å
±æããããŸãã
ç¶ç¶ãã©ã³ã®ã玹ä»
- ãç¬åŠæ¯æŽãã©ã³ãæå®ã§èªèµ°ãã©ããŒð¥çéã§ã¢ããªãäœããããã«ãªãç¬åŠã«ãªãã¥ã©ã ïŒãã£ããã§è³ªåãæŸé¡ãã³ãã¥ããã£æåŸ ã 19,800åïŒæ
- ãWebå¶äœãã©ã³ãæ¡ä»¶ç²åŸãã©ããŒðæªçµéšããæè¡æå°ãæ¡ä»¶çŽåãŸã§å®å šãµããŒãïŒæ¡ä»¶ç²åŸåŸãç¶ç¶ãµããŒããããªãã®åžå ŽäŸ¡å€ãé«ããŸãã転è·ãçžè«å¯ðã 24980åïŒæ
- ãã¢ããªãªãªãŒã¹ãã©ã³ããªãªãžãã«ã¢ããªéçºã«ç¹åð±äŒç»ã»ä»æ§èšèšã»æè¡éžå®ããæè¡åŠç¿ãéçºãŸã§äžæ°é貫ãµããŒãããŸããé§ãåºãå人éçºè åãð»ã 29,800åïŒæ
- ãWebãšã³ãžãã¢å°±è·ãã©ã³ãã³ã¹ãæ匷ð¥ãªãªãžãã«ã¢ããªéçºã§ããŸãïŒå°çšã«ãªãã¥ã©ã ãå人ã¢ããªéçºã転è·ãŸã§ãµããŒãããŸããæ1ã¡ã³ã¿ãªã³ã°ã 29,800åïŒæ
- ãçéïŒWebãšã³ãžãã¢å°±è·ãã©ã³ãð¥1çªäººæ°ïŒð¥æªçµéšãããªãªãžãã«ã¢ããªéçºïŒè»¢è·ïŒæçã§ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ç®æããŸãðãé±1ã¡ã³ã¿ãªã³ã°ã 49,800åïŒæ