ãðªã¡ã³ã¿ãªã³ã°å®çžŸ.07ã 30代åŸå/ã¬ã¬ã·ãŒãªçŸå Ž(Webå¶äœ)ããReactãæ±ãWebç³»èªç€ŸéçºäŒç€Ÿã«è»¢è·æ±ºå®ïŒð
ãã®åºŠã¡ã³ãã£ãŒã®æ¹ããå å®è ãåºãŸããïŒ
ããã§ãæ¬ãã©ã³ãåè¬ããŠã©ãã ã£ãã®ãççŽãªãæ°æã¡ãã€ã³ã¿ãã¥ãŒããŸããã
åè¬ãæ€èšãããŠããæ¹ã¯ãã²ã芧ãã ããïŒ
ç¥æŽ
- ååïŒããã¯ããŒã ïŒ
- Hãã
- 幎霢
- 37æ³
- æ§å¥
- ç·æ§
- å±
äœå°
- çŠå²¡ç
- ãããŸã§ã®è·æŽ
- æ°åããéãšã³ãžãã¢è·ïŒ4幎ïŒ
- Webå¶äœã³ãŒããŒïŒ9~10幎ïŒ
- é«å以éã®åŠæŽ
- å°éåïŒITé¢ä¿ã»ããžã¿ã«ã°ã©ãã£ãã¯äžå¿ïŒ
- æ¬ãã©ã³ãå¥çŽãããŸã§ã®ããã°ã©ãã³ã°åŠç¿çµéš
- å®åã§HTML,CSS,PHP,WordPress(9~10幎)
- æ¬ãã©ã³ã®åè¬æé
- åããªãã3ã¶æéåè¬
転è·ãããããšæã£ãçç±ã¯äœã§ããïŒ
çŸåšã®ã¹ã¿ã³ããŒããªããã³ããšã³ãã®ã¹ãã«ãåŠãã§ãã¹ãããã¢ãããããã£ãããã§ããåè·ã®Webå¶äœäŒç€Ÿã§ã¯ãHTML5ãScssãªã©ã䜿ããªãã¬ã¬ã·ãŒãªéçºç°å¢ã§ãããä»ãšæã®ã®ã£ãããåããããšæã£ãããšããã£ããã§ããã
æ°ãããµãŒãã¹ã®äžã§ããªãæ¬ãã©ã³ãåè¬ããŸãããïŒ
MENTAã®äžã§æ¯èŒãããšãåŠã¹ãèšèªæ°ãå€ãã£ãããã§ãã
åžæããå°±è·å
ãReactçµéšè
ãåªéãããŠããããšããããReactçã®ã¢ãã³ãªã¹ãã«ãåŠã¹ãäŒè€ããã®ãã©ã³ãäžçªãããããŠããŸããã
ãŸããäºåã«Zoomçžè«ãã©ã³ãåè¬ããŸãããçŸåšã®äž»èŠãªããã³ãæè¡ã«ã€ããŠè©³ãã説æããŠãã ããããã¡ããšåŠç¿ããªããã°ãããªããšæããŸãããã
ãã®æãåŠç¿ã«ãªãã¥ã©ã ãäºåã«èŠããŠããããŸãããå匷ã®æµããã€ã¡ãŒãžãã§ããŠãå®å¿ããŠåè¬ããããšæããŸãããã¹ãã«ã¬ãã«ã®ãã§ãã¯ãªã¹ãããã£ãã®ã§ãéç®ããŠã©ããŸã§ã¹ãã«ã¢ããããã°ãããããã£ãããšã奜å°è±¡ã§ããã
å®éã«ãµããŒããåããŠã¿ãŠã©ãã§ãããïŒ
ã¡ã³ã¿ãªã³ã°ã§ã¯ãäž»ã«å°±æŽ»ã®ãµããŒããããŠããããŸããã
話ãå
容ã»è©äŸ¡ãããããŒããã©ãªãªã«ã€ããŠãªã©ã现ããéšåãŸã§çžè«ã«ä¹ã£ãŠããã ããŸãããMENTAåè¬è
ãµãŒãã¹ãšããŠã就掻æ
å ±ã·ãŒããé²èŠ§ããããšãã§ããã®ã§äºåæºåãã¹ã ãŒãºã«é²ããããšãã§ããŸããã
1次é¢æ¥â2次é¢æ¥ã«åããæã®å¯Ÿå¿ã«ã€ããŠãäŒè€ããã«ã¢ããã€ã¹ãããããŸãããäŸãã°å
æ¹ãæå®ããŠããã¹ãã«ã®å匷ãã©ããŸã§ãã£ãããããçãäŒè€ããã«èããŠå¯Ÿå¿ããããšãã§ããŸãããå
å®å
ã®äŒç€Ÿã«ã¯ãã®ãããªå§¿å¢ãè©äŸ¡ããããšæã£ãŠããŸãã
åŠç¿äžã¯ãã©ã®ããã«ã«ãªãã¥ã©ã ãé²ããŠããŸãããïŒ
HTMLâCSSâJSâScssãã¡ã€ã³ã«åŠç¿ãé²ãã1ã¶æåãããã§ã«ãªãã¥ã©ã ã®å
容ãçµããããšãã§ããŸããã
ããŒããã©ãªãªã¯å®åã§äœæããããŒãžãæåºããããšã«ããã®ã§ãã«ãªãã¥ã©ã ãçµãã£ããããã«å°±æŽ»ã«å
¥ããŸããã就掻äžã¯ç©ºããæéã«Vue,React,Node.jsãªã©ããåŠã³ãå
å®ãé ããŠããã¯å°±è·å
ã§æ±ãWebpackãHTMLãã¡ã€ã«ã®Canvasçã«ã€ããŠåŠãã§ããŸããã
察å¿ããå 容
Webãšã³ãžãã¢å°±è·ãã©ã³ïŒæ1ã¡ã³ã¿ãªã³ã°ïŒ
æçµçµæ
Reactãæ±ãWebç³»èªç€ŸéçºäŒç€Ÿã«è»¢è·æ±ºå®ããŸããïŒ
転è·æŽ»åã®è©³çŽ°ã»ææ³
ãªã¯ã«ãŒããšãŒãžã§ã³ãã®ã¿ãå©çšããŸããïŒãšã³ããªãŒã¯10~15瀟ïŒã
ãšãŒãžã§ã³ãã䜿ãã¡ãªãããšããŠã
- 玹ä»ãããæ±äººãåžæå 容ã«æ²¿ã£ãŠãããããçãçµãããããš
- å±¥æŽæžãè·åçµæŽæžã®æ·»åãµããŒããç¡æã§åããããããš
- æ åœè ãä»ããŠããããããã¹ã ãŒãºã«å°±æŽ»ãé²ãããã
ãããã®ããšãæããããŸããèªåãšçžæ§ã®è¯ãæ±äººãµã€ãã»ãµãŒãã¹ãå©çšããããšãéèŠã ãšæããŸãã
ãŸããç§ãä»åå
å®ãããã ããäŒç€Ÿã¯Reactçµéšè
ãåéããŠããŸãããç§ã¯Reactã«ã€ããŠããŸãèŠèããããŸããã§ããããã¡ã³ã¿ãŒïŒäŒè€ããïŒãšå¥çŽããŠåŠç¿ãããŠããæšãæ£çŽã«äŒãããšéžèã«éãããšãã§ããŸãããã¹ãã«ãããããšãéèŠã§ãããèªèµ°ã§ããæ ¹æ ãäŒããããšã就掻ã«ãããŠååãªã¢ããŒã«ãã€ã³ãã«ãªããšæããŸãã
- å°±è·æŽ»åã®æé
- 1ã¶æé
- å
å®æ°
- 1瀟(èªç€ŸéçºäŒæ¥1瀟)
- å
¥ç€Ÿã決å®ããäŒæ¥ã®è©³çŽ°
- èªç€ŸWebãµãŒãã¹ïŒããã³ããšã³ããšã³ãžãã¢æ¡çš
ã¡ãã»ãŒãž
ãŸãã¯ã¡ã³ã¿ãŒå¥çŽãããããªãå¥ã«ããŠãZoomçžè«ãã©ã³ãåè¬ããããšã倧äºã ãšæããŸãããèªåã®ç®æšã«ã€ããŠçžè«ããŠæ¹åæ§ã決ãããšããç¹ã§ã掻çšã§ãããšæããŸããçŸæç¹ã§ç®æšãã¢ããŠãã®æ¹ã«å¯ŸããŠããªã¹ã¹ã¡ã§ãã
çŸç¶ã®ã¹ãããã¢ãããèããäžã§å¹æçãªãã©ã³ã ãšæãã®ã§ãé¢å¿ãããæ¹ã¯ãã²ãªã¯ãšã¹ããéã£ãŠã¿ãŠãã ããïŒ
ã€ã³ã¿ãã¥ãŒã¯ä»¥äžã«ãªããŸããHãããããããšãããããŸããïŒ
æ¬ãã©ã³ã«é¢å¿ãããæ¹ã¯ãæåã®ã¹ããããšããŠZoomçžè«ãã©ã³ã®åè¬ããªã¹ã¹ã¡ããŠããŸãã
- ããäŒæ¥ã«è¡ãããããã©ãã©ã®æè¡ãã©ã®ãããåŠç¿ããã°ãããåãããªã
- æªçµéšããWebãšã³ãžãã¢ã«è»¢è·ãããããã©ãã©ãããã°ãããã€ã¡ãŒãžã§ããªã
- ãªãªãžãã«ããŒããã©ãªãªãµã€ã/ã¢ããªãäœæãããïŒ
ãªã©ãªã©ããäžäººãã²ãšãã®ãæ©ã¿ã«åãããŠãã¢ãªã³ã°ããå
·äœçãªã¢ã¯ã·ã§ã³ãã©ã³ãæ瀺ãããŠããã ããŸãããŸããç¶ç¶ãã©ã³éžæã®çžè«ãåãä»ããŠãããŸãã
çŸåšåé¡ã»ãŒã«ãè¡ã£ãŠããããããèå³ãããæ¹ã¯ãæ°è»œã«ãç³ã蟌ã¿ãã ããïŒ
ðZoomçžè«ãã©ã³ã¯ãã¡ã
â»ãZoomçžè«ãã©ã³å¥çŽè
éå®ç¹å
žãZoomçžè«ãã©ã³å¥çŽè
ã«ã¯ãç¶ç¶ãã©ã³å¥çŽåŸã«å©çšã§ããã¹ãã«ãã§ãã¯ãå匷æ³Tipsçãããã¯ã¢ããããŠãæäŸããããŸãïŒè©³çŽ°ã¯Zoomçžè«å¥çŽåŸã«å
±æããããŸãã
ç¶ç¶ãã©ã³ã®ã玹ä»
- ãç¬åŠæ¯æŽãã©ã³ãæå®ã§èªèµ°ãã©ããŒð¥çéã§ã¢ããªãäœããããã«ãªãç¬åŠã«ãªãã¥ã©ã ïŒãã£ããã§è³ªåãæŸé¡ãã³ãã¥ããã£æåŸ ã 19,800åïŒæ
- ãWebå¶äœãã©ã³ãæ¡ä»¶ç²åŸãã©ããŒðæªçµéšããæè¡æå°ãæ¡ä»¶çŽåãŸã§å®å šãµããŒãïŒæ¡ä»¶ç²åŸåŸãç¶ç¶ãµããŒããããªãã®åžå ŽäŸ¡å€ãé«ããŸãã転è·ãçžè«å¯ðã 24980åïŒæ
- ãã¢ããªãªãªãŒã¹ãã©ã³ããªãªãžãã«ã¢ããªéçºã«ç¹åð±äŒç»ã»ä»æ§èšèšã»æè¡éžå®ããæè¡åŠç¿ãéçºãŸã§äžæ°é貫ãµããŒãããŸããé§ãåºãå人éçºè åãð»ã 29,800åïŒæ
- ãWebãšã³ãžãã¢å°±è·ãã©ã³ãã³ã¹ãæ匷ð¥ãªãªãžãã«ã¢ããªéçºã§ããŸãïŒå°çšã«ãªãã¥ã©ã ãå人ã¢ããªéçºã転è·ãŸã§ãµããŒãããŸããæ1ã¡ã³ã¿ãªã³ã°ã 29,800åïŒæ
- ãçéïŒWebãšã³ãžãã¢å°±è·ãã©ã³ãð¥1çªäººæ°ïŒð¥æªçµéšãããªãªãžãã«ã¢ããªéçºïŒè»¢è·ïŒæçã§ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ç®æããŸãðãé±1ã¡ã³ã¿ãªã³ã°ã 49,800åïŒæ