
Vue 3 ãå§ãã
captain
Vue.jsã®ææ°ããŒãžã§ã³Vue 3ãå§ããæ¹ã®ããã®è¬åº§ã§ããVue.jsã®åäœåçããå®åéçºãè¡ãéã«ç¥ã£ãŠããã¹ãåºæ¬æŠå¿µãåŠã³ãŸãããã
åçŽ
Vue.js, Vue 3, JavaScript
å®åã®ããããã³ããšã³ãéçºã®å®åè ã«ãªããããªãå¿ ãåããã¹ããã¹ãè¬çŸ©ããã¹ãã£ã³ã°å ¥éããå®è·µãŸã§äžæ°ã«çµãããã ð
åè¬ç 366å
é£æåºŠ åçŽ
åè¬æé ç¡å¶é


åŠç¿ããåè¬è ã®ã¬ãã¥ãŒ
5.0
ê¹ì§ì
äŒç€Ÿã§ãã¹ãã³ãŒããæžããŠã¿ãããšèšããããã以åã«æžããŠãããã³ãŒããããããã§ã¯ãªããäžäººã§å匷ããŠæžããªããã°ãªããªãç¶æ³ã ããã°ãŒã°ã«ã§å¹ãéããè»ã«ãã£ããã³æ¿ææ§ã®è¬çŸ©ã¯ã¿ã¹ããã¥ãŒãå匷ããªãããèããããæ°ããè¬çŸ©ãããŠããããåè¬ããŸããã ç°å¢èšå®ããšã©ãŒç§ã¯éšåã§ãã説æããŠãä»ã®è¬çŸ©ãããç¶ãéšåã§æéãæžãããŠäœæ¥ããããšãã§ããŸãã
5.0
mung5079
æ¯åãŠããããã¹ãã ãã§äžè¶³ããŠããéšåãæããŠåè¬ããŸãããçŸæ¥éçºè ã§ã¯ãããŸãããããã€ã»ããžã§ã¯ãããªããå©ããŠãããŸãããããããšãããããŸãïŒ
5.0
윩í¬ë
æ¯æ¥Jestã®ããã«åäœãã¹ãã ãã§ãä»åCypressã«è§ŠããªãããE2Eãã¹ãã¯åããŠè§ŠããŠã¿ãã®ã«å匷ããªããããšãŠãäžæè°ã§é¢çœãè¬çŸ©ãèããŸããïŒä»åãè¯ãè¬çŸ©ããããšãããããŸã:)
ããã³ããšã³ããã¹ãã£ã³ã°
ãã¹ãã£ã³ã°çè«
ãã¹ãã³ãŒãã®äœææ¹æ³
e2eãã¹ã
Cypress
ãã¹ãèªåå
æ©èœãçŽ æ©ãå®è£ ããèœåã«å£ãããå®è£ ããæ©èœã®å®å®æ§ãšå®æåºŠã確ä¿ããããšãéèŠã§ããèªåãäœæããã³ãŒããæ¢åã®æ©èœã«åœ±é¿ãäžããªãããæ¯å现ãã確èªããå¿ èŠããããŸãã
ç¹°ãè¿ãæ©èœã®åäœã確èªããäœæ¥ã¯é¢åã§ç ©ããããã®ã§ããç¹ã«ãç§ãã¡ã®é倿éãé ããããããçµ¶å¯Ÿã«æäœæ¥ã ãã§ãã¹ãããŠã¯ãããŸããã
ç§ãã¡ã®å€§åãªæéããã䟡å€ã®ãããšããã«äœ¿ããããã«ããŠãããã®ãããŸãã«ãã¹ãã³ãŒããšãã¹ãèªååã§ãããã®è¬çŸ©ã§ãã¹ãã«å¯Ÿããç解床ãé«ããŠãããè³¢ãåããèªããããããã³ããšã³ãéçºè ã«ãªããŸããã!
ð ãã¹ãã³ãŒãã ãã§6å¹Žãæ°å€ãã®QA(å質管çè )ãšããåãããªããç©ã¿äžããæ·±ãå åããã®ãŸãŸäŒããè¬çŸ©
ðãã¹ãã£ã³ã°ã®åºç€çè«ãããããããžã§ã¯ã1åã宿Šãããžã§ã¯ã1åã§åŠã¶å®ç¿äžå¿(90%)ã®è¬çŸ©
ð ãã¹ãã¯ãªãè¡ãã®ãããã¹ãã³ãŒãã¯ã©ãæžãã°ããã®ãåãããªãæ¹ãžãè¬çŸ©ã§æå¿«ã«èª¬æããŸãã
ðå®åã§ã¯ãã¹ãã³ãŒããã©ãèããã¹ãã?ã©ãæžãã°å¹æçãªã®ãããã¹ãŠãæãããŸãã
ðãã¹ãã·ããªãªããŠãŒã¶ãŒèŠç¹ã§èšèšããæ¹æ³ã玹ä»ããŸãã

ãã¹ãã«èå³ããããŸãã
åšãã§ãã¹ãã³ãŒããéèŠã ãšèšããããã©ãã©ãããå§ããã°ããã®ãåãããŸããã

ããã³ããšã³ãéçºãäžæããªãããã§ã
æ©èœå®è£
ã¯ããããã§ããã®ã§ãã
次ã®ã¬ãã«ã®éçºè
ã«ãªãã«ã¯
ã©ãããã°ããã§ãã?

ãããã€ãããã³ã«ç¢ºèªããã®ãé¢åã§ã
ãµãŒãã¹ããããã€ãããã³ã«æ©èœã®åäœããã¡ãã¡ç¢ºèªããã®ããšãŠãé¢åã§ããç°¡åã«ããæ¹æ³ã¯ãããŸããã?
ãã¹ãã³ãŒãããªãå¿ èŠãªã®ããäœããã¹ããã¹ããªã®ããé ã§ã¯ãªãæãçè§£ããããã«ãªããŸãã
ãã¹ãã³ãŒããç°¡æœãã€å¹æçã«äœæããæ¹æ³ãåãããŸãã
æã§äžã€äžã€ç¹°ãè¿ã確èªããŠããç¿æ £ãæšãŠãŠãæ©èœç¢ºèªãèªååã§ããŸãã
ãŠã§ãã¢ããªã±ãŒã·ã§ã³ã®ã³ãŒãå質ãšå®æåºŠãããã«äžæ®µéé«ããããšãã§ããããã«ãªããŸãã
Cypressãã¹ãããŒã«ãæ±ãã®ãç°¡åã«ãªããŸãã
ãã¹ãã®åºæ¬æŠå¿µãšå šè¬çãªãã¹ãã£ã³ã°çè«
Webéçºè ã®èгç¹ããå¿ ãç¥ã£ãŠããã¹ãå šè¬çãªãã¹ãã®çè«ãšåºæ¬æŠå¿µãææã§èª¬æããŸãã
ãã¹ãã£ã³ã°ããŒã«ã®åºæ¬çãªäœ¿ãæ¹ãããšã©ãŒè§£æãŸã§
ãã¹ãã£ã³ã°ããŒã«ã®åºæ¬çãªäœ¿ç𿹿³ãšåUIããšã«ç¥ã£ãŠãããšè¯ãç¹åŸŽãŸã§ãã¹ãŠãäŒãããŸããç¹ã«ãã©ã€ãã³ãŒãã£ã³ã°ã§äžç·ã«ãšã©ãŒãåºããŠã¿ãŠåæããä¿®æ£ããããšãã§ããŸãã
ãã¹ãã·ããªãªèšè𿹿³ã𿮵éçãªãã¡ã¯ã¿ãªã³ã°ãŸã§
é·å¹Žãã¹ãã·ããªãªãäœæããŠããããŠããŠããäŒãããŸããåŠç¿ããªããåŠãã ã³ãŒããäœç³»çã«æ§é åãããªãã¡ã¯ã¿ãªã³ã°ã§ãã¹ãã³ãŒãã®åè³ªãæ¹åããŠã¿ãŸãã
ãããããžã§ã¯ãã§å ¥éããå®è·µãããžã§ã¯ãã§ä»äžããã
ã·ã³ãã«ãªã«ãŠã³ã¿ãŒã¢ããªãšæ©èœãå å®ããã·ã§ããã³ã°ã¢ãŒã«ãµã€ãã«ãã¹ãã³ãŒããäœæããªãããåºæ¬æŠå¿µãšå¿çšæŠå¿µããã¹ãŠåŠç¿ããŸããå®åã§å¹ã£ãããŠããŠã倧æŸåº
13幎ç®ã®ããã³ããšã³ãéçºè
èæž
äŒæ¥ç ä¿®ïŒNAVERãSamsungãLGãSKãeBayãCJãªã©å®åè åãè¬çŸ©
ãã€ã³ãã©ã³ãåºäŒã£ã人ãã€ã³ã¿ãã¥ãŒ

ãªãã¬ãŒãã£ã³ã°ã·ã¹ãã ããã³ããŒãžã§ã³(OS): è¬çŸ©ã§ã¯Macã䜿çšããŸãããWindowsé¢é£ã®ã·ã§ãŒãã«ããããŒããã¹ãŠèª¬æããŸãã
䜿çšããŒã«: VSCode
GitHubã§å®æãããœãŒã¹ã³ãŒããæäŸãããŸãã
è¬çŸ©åç»ããšã«è¿œå ã§åŠç¿ã§ããæè²è³æãšæè²åç»ã倿°æäŸããŸãã
JavaScriptããã³ããã³ããšã³ããã¬ãŒã ã¯ãŒã¯ïŒReactãŸãã¯VueïŒã®åºæ¬æŠå¿µ
Next.jsãã¯ãããè¬åº§ãåè¬ããŠãããè¶ãããã ããšããè¯ãã§ã ^^ (åè¬ããã«ãè¶ãããã ããŠã倧äžå€«ã§ã â€) course first ^^ (but you can still take it without it â€)
åŠç¿å¯Ÿè±¡ã¯
誰ã§ãããïŒ
ãã¹ãã«é¢å¿ã®ããããã³ããšã³ãéçºè
ãžã¥ãã¢ããã³ããšã³ãéçºè
ããã³ããšã³ãéçºå ¥éè
宿éå€ãããå®åWebéçºè
ãããã€ãããã³ã«æ©èœç¢ºèªããã®ãé¢åãªWebéçºè
åæç¥èã
å¿
èŠã§ããããïŒ
JavaScript
49,845
åè¬ç
4,929
åè¬ã¬ãã¥ãŒ
3,818
åç
4.9
è¬åº§è©äŸ¡
19
è¬åº§
Inflearnã§8幎ç®ãç¥èãå ±æããŠããŸãã ð æè¡ããã°, ð£ Twitter, ð» GitHub
ð Do it! Vue.jså
¥éãç°¡åã«å§ããTypeScript ãªã© æžç±3åãå·ç
ð Cracking Vue.jsãTypeScriptãã³ãããã¯ãWebpackãã³ãããã¯ã ãªã³ã©ã€ã³ç¡æã¬ã€ãããã¯3åãå·ç
ðšâð» ãã£ããã³æ¿æ©ã®ããã³ããšã³ãéçºYouTubeãã£ã³ãã« éå¶ - 就掻çããžã¥ãã¢éçºè
ã®æ©ã¿ãèããå Žæ
𥀠ãã£ããã³æ¿æ©ã®ã«ã«ãªããŒã¯ãªãŒãã³ãã£ãã éå¶ - ããã³ããšã³ãéçºã®ææ°æ
å ±ãšæ¥çã®ä»²éã®èããæ©ã¿ãèããå Žæ
å šäœ
36ä»¶ â (3æé 32å)
å šäœ
29ä»¶
5.0
29ä»¶ã®åè¬ã¬ãã¥ãŒ
åè¬ã¬ãã¥ãŒ 17
â
å¹³åè©äŸ¡ 5.0
5
æ¯æ¥Jestã®ããã«åäœãã¹ãã ãã§ãä»åCypressã«è§ŠããªãããE2Eãã¹ãã¯åããŠè§ŠããŠã¿ãã®ã«å匷ããªããããšãŠãäžæè°ã§é¢çœãè¬çŸ©ãèããŸããïŒä»åãè¯ãè¬çŸ©ããããšãããããŸã:)
ãããã³ã³ãã³ããŒã¯ä¹ ãã¶ãã§ãã
åè¬ã¬ãã¥ãŒ 15
â
å¹³åè©äŸ¡ 5.0
åè¬ã¬ãã¥ãŒ 1
â
å¹³åè©äŸ¡ 5.0
åè¬ã¬ãã¥ãŒ 1
â
å¹³åè©äŸ¡ 5.0
5
äŒç€Ÿã§ãã¹ãã³ãŒããæžããŠã¿ãããšèšããããã以åã«æžããŠãããã³ãŒããããããã§ã¯ãªããäžäººã§å匷ããŠæžããªããã°ãªããªãç¶æ³ã ããã°ãŒã°ã«ã§å¹ãéããè»ã«ãã£ããã³æ¿ææ§ã®è¬çŸ©ã¯ã¿ã¹ããã¥ãŒãå匷ããªãããèããããæ°ããè¬çŸ©ãããŠããããåè¬ããŸããã ç°å¢èšå®ããšã©ãŒç§ã¯éšåã§ãã説æããŠãä»ã®è¬çŸ©ãããç¶ãéšåã§æéãæžãããŠäœæ¥ããããšãã§ããŸãã
æåã®åè¬è©ããããšãããããŸããèå³ãããã°åè¬ããŠä¿çšçšãããããšãããããŸãïŒ :) https://inf.run/RC452
ç¥èå ±æè ã®ä»ã®è¬åº§ãèŠãŠã¿ãŸãããïŒ
åãåéã®ä»ã®è¬åº§ãèŠãŠã¿ãŸãããïŒ