ãðªã¡ã³ã¿ãªã³ã°å®çžŸ.12ã30代ã»å·¥å Žå€å&å®å šæªçµéšããNuxt.jsãæ±ãåèšéçºäŒæ¥ïŒããã³ããšã³ãïŒã«è»¢è·æ±ºå®ïŒð¥
ãã®åºŠã¡ã³ãã£ãŒã®æ¹ãããæªçµéšã»30代ã§åèšéçºäŒæ¥ã«å°±è·ã決å®ãããæ¹ãåºãŸããïŒ
ããã§ãæ¬ãã©ã³ãåè¬ããŠã©ãã ã£ãã®ãççŽãªãæ°æã¡ãã€ã³ã¿ãã¥ãŒããŸããã
åè¬ãæ€èšãããŠããæ¹ã¯ãã²ã芧ãã ããïŒ
ç¥æŽ
- ååïŒããã¯ããŒã ïŒ
- Tãã
- 幎霢
- 31æ³
- æ§å¥
- ç·æ§
- å±
äœå°
- é¢æ±
- ãããŸã§ã®è·æŽ
- èªåè»è£œé æ¥åïŒ4幎
- èªåè»ç©æµé¢ä¿ïŒ7幎
- é«å以éã®åŠæŽ
- å°éåŠæ ¡ïŒæ©æ¢°èªåè»å·¥åŠïŒåæ¥
- æ¬ãã©ã³ãå¥çŽãããŸã§ã®ããã°ã©ãã³ã°åŠç¿çµéš
- 2ã¶æéïŒHTML, CSS, JavaScriptã®åŠç¿ïŒProgateããããã€ã³ã¹ããŒã«ïŒ
- 1ã¶æéïŒæš¡åïŒWebå¶äœïŒ
- æ¬ãã©ã³ã®åè¬æé
- 2020幎5æïŒåè¬éå§ïŒåããªããã®åè¬ïŒ
- 2020幎10æïŒããŒããã©ãªãªã¢ããªå®æ
- 2020幎11æãïŒçŽå幎éããªãŒã©ã³ã¹ïŒããã³ããšã³ãè·ïŒãšããŠå€å
- 2021幎6æïŒå°±æŽ»éå§
- 2021幎7æäžæ¬ïŒå°±è·å ã®å å®ç²åŸ
- 2021幎9æïŒå€åéå§
ãªããšã³ãžãã¢ãç®æããŸãããïŒ
ãšã³ãžãã¢ãç®æããçç±ã¯2ã€ãããŸãã
1ã€ç®ã¯ãåè·ãèªåè»å·¥å Žã§ã®åçŽåŽåã ã£ãããããã®ç°å¢ããè±åŽããããšæã£ãããã§ããå°æ¥çã«ã¯èªååãããŠããããšãäºæ³ã§ãããä»çµã¿ãäœãåŽã«åããªããã°ãããªãããšããå±æ©æãèœçããããšããã£ããã®äžã€ã«ãããŸãã
2ã€ç®ã¯ãä»åŸã®èªåè»æ¥çã¯é»æ°èªåè»ã«ã·ããããŠããããã§ããä»ããæè¡ããããæå
端ãªæè¡ãã©ãã©ãå
¥ã£ãŠããŸããå°æ¥çãªæ¥çã®è¡°éãäºæ³ã§ãããããåŸã
ã«ããã°ã©ãã³ã°ã«é¢å¿ã移ã£ãŠãããŸããã
åè·ã¯å®å®ããŠã¯ããŸãããã幎霢ã®ããšããããä»ãã£ã¬ã³ãžããªããã°åŸæãããšæã£ãŠåŠç¿ãã¹ã¿ãŒããããŸããã
æ°ãããµãŒãã¹ã®äžã§ããªãæ¬ãã©ã³ãåè¬ããŸãããïŒ
æåã¯ã¹ã¯ãŒã«ãæ€èšããŸããããããè²»çšãé«ãããšãšãã¹ã¯ãŒã«ã«éã£ãæ¹ãšã®å·®å¥åãå³ããããšæãããã«ãªã£ãããä»åã¯èŠéããŸããã
äŒè€ããã®ãã©ã³ãéžãã çç±ã¯ãZoomçžè«ãã©ã³ã§è©±ããéãããŒãããããã¯ã£ãããšç€ºããŠãããããã§ãã30代ã§ã倧äžå€«ãã©ããçã®æ©ã¿ã話ããã®ã§ãããååã«å¯èœæ§ããããšèäžãæŒããŠããããããè¿·ããåè¬ã決ããŸããã
å®éã«ãµããŒããåããŠã¿ãŠã©ãã§ãããïŒ
é±1åã®ã¡ã³ã¿ãªã³ã°ã§ã¯ãé²æç¶æ³ã®ææ¡ãä»åŸã®é²ãæ¹ãã¢ããã·ã§ãŒã³ç®¡çãããŠé ããŸãããæ©ã¿ãäžå®ã®çžè«ããã解æ¶ããŠãããããæ«æããªãæ¹åã«å°ããŠããããšæã£ãŠããŸãã
Slackã§è³ªåãããéã¯ãè¿ä¿¡ãããªãæ©ãã£ãã§ããäŒè€ããã¯çãã«èŸ¿ãçãããã®ãã³ããæããŠãããã¹ã¿ã³ã¹ãªããã就掻ã§è©äŸ¡ãããèªèµ°åãã€ããããšã«åœ¹ç«ã¡ãŸããã
ãŸããæ©ã段éã§Vue.jsã玹ä»ããŠãããã®ãè¯ãã£ãã§ãããVue.jsã®åŠç¿ãå§ããŠããããã°ã©ãã³ã°ããšãŠã楜ãããªã£ãŠãããã¢ãããŒã·ã§ã³ç¶æã«ã€ãªãããŸããã
ããŒããã©ãªãªã¢ããªå®æãŸã§ãã«ãªãã¥ã©ã ã¯ã©ããããã®æéã§çµããããŸãããïŒèšèªã»ã¹ãã«æ¯ïŒïŒ
- JavaScriptïŒ2é±éïŒ
- Vue.js, Nuxt.jsïŒ2ã¶æïŒ
- FirebaceïŒ1ã¶æïŒ
- VuetifyïŒ1ã¶æïŒïŒããŒããã©ãªãªãäœæããªããåŠç¿
ããŒããã©ãªãªã¢ããªã®æŠèŠ
ã©ã®ãããªã¢ããªãäœæããã
åè·ã§å®æœããŠããQCãµãŒã¯ã«ïŒåãè·å Žã®äžã§ãå質管ç掻åãèªäž»çã«é²ããïŒçšã®é²æ管çãã§ããã¢ããªãäœæããŸããã
äœæèæ¯
äžã€ã®åé¡ãçããå Žåãæ¹åãããŸã§ã®ã¹ããŒãªãŒãç«ãŠãå¿ èŠããããŸããã¹ããŒãªãŒã«ã¯
- çŸç¶ææ¡
- 解æ
- 察çç«æ¡
- 察çå®æœ
- åç
çããããããŒã ã®äžã§æ
åœã決ããŠè¡ãå¿
èŠããããŸããã
誰ãäœããããã©ããŸã§ãã£ãŠããã®ããææ¡ããã¢ããªããããšäŸ¿å©ã ãšæããäœæã«èžã¿åããŸããã
æè¡æ§æïŒäœ¿çšèšèªã»ã¹ãã«ïŒ
- Vue.js, Nuxt.js
- Vuetify
- Firebace
äž»ãªæ©èœ
- ãã°ã€ã³èªèšŒæ©èœ
- æçš¿ã»æŽæ°ã»ç·šéã»åé€æ©èœ
- æ€çŽ¢ãœãŒãæ©èœ
- ããŒãžããŒã·ã§ã³æ©èœ
- ã¿ã¹ã¯ã®ç¶æ 管çæ©èœïŒãã§ãã¯ããã¯ã¹ïŒ
- ã³ã¡ã³ãæ©èœ
äœææé
3ã¶æ
ã¢ããªãäœã£ãææ³
-
工倫ããç¹
- ã·ã³ãã«ã§ãæäœéå¿ èŠãªæ©èœãäžå¿ã«äœæããŸããããŠãŒã¶ãŒã«äœ¿ããããããã«æèããã¿ã¹ã¯ã®ç¶æ ãèŠããåïŒæªå®äºãå®äºïŒããŠããããããããŸããã
-
ã¢ããªãäœæããŠã¿ãŠè¯ãã£ãããš
- ä»ãŸã§ã¯å·¥å Žå€åãšããããšããããååçã«åãããšãã»ãšãã©ã§ãããä»åããŒããã©ãªãªã¢ããªãäœæããèªåã§èããã¢ã€ãã£ã¢ã圢ã«ãªã£ãã®ã§æ°é®®ã§ããããèœåçã«äœããäœãå·¥çšãäœéšã§ããŠè¯ãã£ãã§ãïŒ
-
倧å€ã ã£ãããš
- Firebaceã§ã®éåæéä¿¡ãæå³äžæã§ããïŒç¬ïŒãäŒè€ããã«çžè«ãã段éãèžãã§ãªããšã解決ããŠãããŸããã
å°±è·ãããŸã§ã«ããªãŒã©ã³ã¹ãšããŠå幎ã»ã©åãããŠãããšãèãããŸãããããªãŒã©ã³ã¹ãšããŠåãããã«å€§äºã ãšæãããšã¯äœã ãšæããŸãããïŒ
ãšã«ããã責任ãæã£ãŠæåŸãŸã§ããéããããšã ãšæããŸãããã®ããã«ã³ãã¥ãã±ãŒã·ã§ã³ããšãŠãéèŠã§ãããã«ãªã¢ãŒãã ã£ãã®ã§ããã質åããåã«ã¡ã¢ã§ç®æ¡æžããããã¡ããšèšèªåããŠããçžæã«äŒããããšãæèããŠããŸããã
ãŸããã¡ãªããªã€ããããšã倧äºã ãšæããŸããèªåã®å Žåã¯äœãåããããšã趣å³ãªã®ã§ããžã ã«è¡ã£ãŠäœåããããšã§ãªãã¬ãã·ã¥ããŠããŸããã
ããªãŒã©ã³ã¹ãšããŠåããŠã¿ãŠã®ççŽãªææ³ãæããŠãã ãã
1çªè¯ãã£ãããšã¯ãã¹ãã«ã¢ããã«ã€ãªãã£ãããšã§ãããŸããæåã®å®åçµéšãšããŠã¢ããŒã«ããããšãã§ããã®ã§è¯ãã£ããšæããŸãã
倧å€ã ã£ãããšã¯ãæªçµéšã ã£ãããã1人ã§è§£æ±ºã§ããªãããšãå€ãã£ãããšã§ããåé¡ãçºçããéã¯ãæ©ãã«å ±åããŠè§£æ±ºããããæèããŠããŸããã
察å¿ããå 容
Webãšã³ãžãã¢å°±è·ãã©ã³ïŒé±1ã¡ã³ã¿ãªã³ã°ïŒ
æçµçµæ
Nuxt.jsãæ±ãåèšéçºäŒæ¥ïŒããã³ããšã³ãïŒã«è»¢è·æ±ºå®ããŸããïŒ
転è·æŽ»åã®è©³çŽ°ã»ææ³
-
ã¡ã€ã³ã§æŽ»çšããæ±äººãµã€ãããµãŒãã¹
- Wantedly
-
ãšã³ããªãŒæ°
- çŽ30瀟ã«ãšã³ããªãŒ
-
ãšã³ããªãŒã®åºæº
- åèšéçºäŒæ¥ã®ããã³ããšã³ãè·ïŒNuxt.jsïŒäžå¿ã§å¿åããŸããã
åèšéçºäŒæ¥ã«ãã ãã£ãçç±ã¯2ç¹ãããŸãã
1ç¹ç®ã¯ãèªåè»æ¥çã§ããåããããšããªãã£ãã®ã§ãããããªæ¥çã®æ¡ä»¶ã«æºããããã£ãããã§ãã
2ç¹ç®ã¯ãå¹ åºãå®åçµéšãç©ãã§ã¹ãã«ã¢ããããããšæã£ãŠãããããåèšéçºäŒæ¥ã1çªèªåã«åããŠãããšæããããã§ãã
- åèšéçºäŒæ¥ã®ããã³ããšã³ãè·ïŒNuxt.jsïŒäžå¿ã§å¿åããŸããã
-
æ¡çšåŽã«è©äŸ¡ãããç¹
- ã¹ã¯ãŒã«ã䜿ããã«ãç¬åŠã§åŠç¿ããŠããããšã§ãããŸããããªãŒã©ã³ã¹ã§å®åçµéšãç©ãã§ããå°±è·æŽ»åã«ç§»ã£ãããšãé«è©äŸ¡ãåããŸããã
-
転è·æŽ»åãçµããççŽãªææ³
- ã³ããã®åœ±é¿ã¯æããªãã£ãã§ãããç§ã®å Žåããªã³ã©ã€ã³é¢æ¥ã®æ¹ãç·åŒµããŸããã§ãããæ¯èŒçã¹ã ãŒãºã«çµãããããšæããŸãã
-
å°±è·æŽ»åã®æé
- 1ã¶æå
-
å å®æ°
- 3瀟(åèšéçºäŒæ¥ïŒ2瀟, SESïŒ1瀟)
-
å ¥ç€Ÿã決å®ããäŒæ¥ã®è©³çŽ°
- ãã³ãã£ãŒã®åèšéçºäŒæ¥ïŒåŸæ¥å¡ïŒ20åïŒ
- ããã³ããšã³ãæ¡çšâå°æ¥çã«ãã«ã¹ã¿ãã¯ãšã³ãžãã¢
- äž»ãªæè¡ïŒNuxt.js, Rails, AWS
ã¡ãã»ãŒãž
æåã«äŒãããäºã¯ãæ©ã¿ãäžã€ã§ãããã°Zoomçžè«ãã©ã³ãåè¬ããŠã¿ãŠãã ããïŒæ¬¡ã«äœãããã¹ããåãããªãæ¹ã«ã¯ç¹ã«ããããã§ãã
ããããäŒãããŒã éçºãçãã«è¡ãããŠããŸããã暪ã®ã€ãªãããã§ããããç°å¢ã§ããããŸããçŸåœ¹ãšã³ãžãã¢ã®æ¹ãå€æ°åšç±ããŠããã®ã§ãè¯ãåŠç¿ç°å¢ã ãšæããŸãïŒ
30æ³ããã§ãååãã£ã³ã¹ããããšæãã®ã§ããŸãã¯Zoomçžè«ãããããŠã¿ãŠã¯ãããã§ããããïŒ
ã€ã³ã¿ãã¥ãŒã¯ä»¥äžã«ãªããŸããTãããããããšãããããŸããïŒ
æ¬ãã©ã³ã«é¢å¿ãããæ¹ã¯ãæåã®ã¹ããããšããŠZoomçžè«ãã©ã³ã®åè¬ããªã¹ã¹ã¡ããŠããŸãã
- ããäŒæ¥ã«è¡ãããããã©ãã©ã®æè¡ãã©ã®ãããåŠç¿ããã°ãããåãããªã
- æªçµéšããWebãšã³ãžãã¢ã«è»¢è·ãããããã©ãã©ãããã°ãããã€ã¡ãŒãžã§ããªã
- ãªãªãžãã«ããŒããã©ãªãªãµã€ã/ã¢ããªãäœæãããïŒ
ãªã©ãªã©ããäžäººãã²ãšãã®ãæ©ã¿ã«åãããŠãã¢ãªã³ã°ããå
·äœçãªã¢ã¯ã·ã§ã³ãã©ã³ãæ瀺ãããŠããã ããŸãããŸããç¶ç¶ãã©ã³éžæã®çžè«ãåãä»ããŠãããŸãã
çŸåšåé¡ã»ãŒã«ãè¡ã£ãŠããããããèå³ãããæ¹ã¯ãæ°è»œã«ãç³ã蟌ã¿ãã ããïŒ
ðZoomçžè«ãã©ã³ã¯ãã¡ã
â»ãZoomçžè«ãã©ã³å¥çŽè
éå®ç¹å
žãZoomçžè«ãã©ã³å¥çŽè
ã«ã¯ãç¶ç¶ãã©ã³å¥çŽåŸã«å©çšã§ããã¹ãã«ãã§ãã¯ãå匷æ³Tipsçãããã¯ã¢ããããŠãæäŸããããŸãïŒè©³çŽ°ã¯Zoomçžè«å¥çŽåŸã«å
±æããããŸãã
ç¶ç¶ãã©ã³ã®ã玹ä»
- ãç¬åŠæ¯æŽãã©ã³ãæå®ã§èªèµ°ãã©ããŒð¥çéã§ã¢ããªãäœããããã«ãªãç¬åŠã«ãªãã¥ã©ã ïŒãã£ããã§è³ªåãæŸé¡ãã³ãã¥ããã£æåŸ ã 19,800åïŒæ
- ãWebå¶äœãã©ã³ãæ¡ä»¶ç²åŸãã©ããŒðæªçµéšããæè¡æå°ãæ¡ä»¶çŽåãŸã§å®å šãµããŒãïŒæ¡ä»¶ç²åŸåŸãç¶ç¶ãµããŒããããªãã®åžå ŽäŸ¡å€ãé«ããŸãã転è·ãçžè«å¯ðã 24980åïŒæ
- ãã¢ããªãªãªãŒã¹ãã©ã³ããªãªãžãã«ã¢ããªéçºã«ç¹åð±äŒç»ã»ä»æ§èšèšã»æè¡éžå®ããæè¡åŠç¿ãéçºãŸã§äžæ°é貫ãµããŒãããŸããé§ãåºãå人éçºè åãð»ã 29,800åïŒæ
- ãWebãšã³ãžãã¢å°±è·ãã©ã³ãã³ã¹ãæ匷ð¥ãªãªãžãã«ã¢ããªéçºã§ããŸãïŒå°çšã«ãªãã¥ã©ã ãå人ã¢ããªéçºã転è·ãŸã§ãµããŒãããŸããæ1ã¡ã³ã¿ãªã³ã°ã 29,800åïŒæ
- ãçéïŒWebãšã³ãžãã¢å°±è·ãã©ã³ãð¥1çªäººæ°ïŒð¥æªçµéšãããªãªãžãã«ã¢ããªéçºïŒè»¢è·ïŒæçã§ãã«ã¹ã¿ãã¯ãšã³ãžãã¢ç®æããŸãðãé±1ã¡ã³ã¿ãªã³ã°ã 49,800åïŒæ