åŽååžå Žã§ã¯åªãã JS ããã°ã©ããŒã®ããŒãºãåžžã«é«ãŸã£ãŠãããããJavaScript éçºè
ã«ãªãããšã¯çŽ æŽãããããšã§ãã ä»æ¥ã§ã¯ãä»äºã§äœ¿çšã§ãããã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªããã®ä»ã®ãã®ããããããããŸãããããŠããã®ç¹ã§ç§ãã¡ã¯ãªãŒãã³ãœãŒã¹ã«å€§ãã«æè¬ããå¿
èŠããããŸãã ããããããæç¹ãããéçºè
ã¯ä»ã®ãã¹ãŠã®ã¿ã¹ã¯ã«æ¯ã¹ãŠãJS ãããžã§ã¯ãã«å€ãã®æéãè²»ããå§ããŸãã
ãããå°æ¥ããªãã®ãã£ãªã¢ã«æ²æšãªçµæãããããå¯èœæ§ãéåžžã«é«ãã§ãããããªãã¯ãŸã ããã«æ°ã¥ããŠããŸããã ç§èªèº«ãéå»ã«ä»¥äžã«èª¬æããããã€ãã®ééããç¯ããããšããããŸãããä»ã¯ãããã®ééãããããªããå®ããããšæã£ãŠããŸãã ããã§ã¯ãããªãã®æªæ¥ãæãããªãããå¯èœæ§ã®ãã JS éçºè
ã® XNUMX ã€ã®ééãã玹ä»ããŸãã
ãªãã€ã³ããŒïŒ ãHabrãã®ãã¹ãŠã®èªè ã察象 - ãHabrãããã¢ãŒã·ã§ã³ ã³ãŒãã䜿çšããŠã¹ãã«ããã¯ã¹ ã³ãŒã¹ã«ç»é²ãããš 10 ã«ãŒãã«ã®å²åŒã
ã¹ãã«ããã¯ã¹ã¯æ¬¡ã®ããšãæšå¥šããŸãã æè²ãªã³ã©ã€ã³ã³ãŒã¹ãJavaéçºè ã .
jQueryã®äœ¿çš
jQuery ã¯ãJavaScript ãšã³ã·ã¹ãã å šäœã®éçºã«ãããŠå€§ããªåœ¹å²ãæãããŠããŸããã åœåãJS ã¯ã¹ã©ã€ãã·ã§ãŒãããŸããŸãªçš®é¡ã®ãŠã£ãžã§ãããWeb ãµã€ãã®ç»åã®ã£ã©ãªãŒã®äœæã«äœ¿çšãããŠããŸããã jQuery ã«ãããç°ãªããã©ãŠã¶éã®ã³ãŒãã®äºææ§ã®åé¡ãå¿ããããšãã§ããæœè±¡åã¬ãã«ã®äœ¿çšãæšæºåãããDOM ãšé£æºã§ããããã«ãªããŸããã ããã«ãããAJAX ãç°¡çŽ åããããã©ãŠã¶éã®éãã®åé¡ã軜æžãããŸããã
ããããä»æ¥ã§ã¯ããããã®åé¡ã¯ä»¥åã»ã©éèŠã§ã¯ãªããªããŸããã ãããã®ã»ãšãã©ã¯æšæºåã«ãã£ãŠè§£æ±ºãããŸãããããšãã°ãããã¯ãã§ããã API ã»ã¬ã¯ã¿ãŒã«é¢ãããã®ã§ãã
æ®ãã®åé¡ã¯ãReact ãªã©ã®ä»ã®ã©ã€ãã©ãªã«ãã£ãŠè§£æ±ºãããŸãã ã©ã€ãã©ãªã¯ãjQuery ã«ã¯ãªãä»ã®å€ãã®æ©èœãæäŸããŸãã
jQuery ã䜿ã£ãŠäœæ¥ããŠãããšãããæç¹ã§ DOM èŠçŽ ãçŸåšã®ç¶æ ãŸãã¯ããŒã¿ãšããŠäœ¿çšããããDOM ã®ä»¥åãçŸåšãå°æ¥ã®ç¶æ ã§äœãåé¡ã«ãªã£ãŠããã®ããææ¡ããããã ãã«éåžžã«è€éãªã³ãŒããèšè¿°ããããããªã©ãå¥åŠãªããšããå§ããããšããããŸããä»åŸã®ç¶æ ãžã®é©åãªç§»è¡ã確å®ã«ããããã§ãã
jQuery ã䜿çšããããšã«å察ããããã§ã¯ãããŸããããããçŸä»£çãªä»£æ¿æ段ã§ãã ReactãVueãAngular ãšãã®å©ç¹ã«ã€ããŠæéããããŠåŠãã§ãã ããã
åäœãã¹ãã®åé¿
Web ã¢ããªã±ãŒã·ã§ã³ã®åäœãã¹ããç¡èŠããŠãã人ãããèŠãããŸãã ã¢ããªã±ãŒã·ã§ã³ããäºæããªããšã©ãŒãã§ã¯ã©ãã·ã¥ãããŸã§ã¯ããã¹ãŠãé 調ã«é²ãã§ããŸãã ãããŠçŸæç¹ã§ã¯ãæéãšãéã倱ã£ãŠãããšãã倧ããªåé¡ã«çŽé¢ããŠããŸãã
ã¯ããã¢ããªã±ãŒã·ã§ã³ããšã©ãŒãçæããã«æ£åžžã«ã³ã³ãã€ã«ãããã³ã³ãã€ã«ãå®äºãããšæ©èœããå Žåã¯ãããã䜿çšã§ããç¶æ ã«ãªã£ãããšãæå³ããããã§ã¯ãããŸããã
å°èŠæš¡ãªã¢ããªã±ãŒã·ã§ã³ã§ã¯ããã¹ãã®æ¬ åŠã¯å€ããå°ãªãã蚱容ãããŸãã ããããããã°ã©ã ã倧èŠæš¡ã§è€éãªå Žåãã¡ã³ããã³ã¹ã¯å°é£ã«ãªããŸãã ãããã£ãŠããã¹ãã¯éçºã«ãããŠéåžžã«éèŠãªèŠçŽ ã«ãªããŸãã ããããããšã§ãXNUMX ã€ã®ã¢ããªã±ãŒã·ã§ã³ ã³ã³ããŒãã³ããå€æŽããŠããå¥ã®ã³ã³ããŒãã³ããå£ããããšã¯ãããŸããã
䜿ãå§ãã
JavaScript 以åã®åŠç¿ãã¬ãŒã ã¯ãŒã¯
Web ã¢ããªã±ãŒã·ã§ã³ã®éçºãå§ãããšãããã« ReactãVueãAngular ãªã©ã®äººæ°ã®ããã©ã€ãã©ãªããã¬ãŒã ã¯ãŒã¯ã䜿ãå§ãã人ãã¡ã®ããšã¯ããããããŸãã
ç§ã¯ä»¥åãæåã« JavaScript ãåŠã³ã次ã«ãã¬ãŒã ã¯ãŒã¯ãåŠã¶å¿ èŠããããšèšã£ãŠããŸããããä»ã§ã¯ãã¹ãŠãåæã«è¡ãå¿ èŠããããšç¢ºä¿¡ããŠããŸãã JS ã¯éåžžã«æ¥éã«å€åãããããJavaScript ã®åŠç¿ãšåæã« ReactãVueããŸã㯠Angular ã®äœ¿çšçµéšãç©ãå¿ èŠããããŸãã
ããã¯ãéçºè ã®ããžã·ã§ã³ã®åè£è ã«èª²ãããèŠä»¶ã«åœ±é¿ãåãŒãå§ããŠããŸãã ããšãã°ãIndeed ã§ãJavaScriptããæ€çŽ¢ãããšã次ã®ãããªçµæãèŠã€ãããŸããã
è·åå
容ã«ã¯ãjQuery ãš JavaScript ã®ç¥èãå¿
èŠã§ãããšèšèŒãããŠããŸãã ãããã®ã ãã®äŒç€Ÿã«ãšã£ãŠãã©ã¡ãã®ã³ã³ããŒãã³ããåæ§ã«éèŠã§ãã
ãåºæ¬çãªãèŠä»¶ã®ã¿ãåæããå¥ã®èª¬æã次ã«ç€ºããŸãã
ãããŠãããã¯ç§ã調ã¹ãæ±äººã®çŽåæ°ã§èµ·ãã£ãŠããŸãã ãã ããJS ãšãã¬ãŒã ã¯ãŒã¯ãåŠç¿ããæéã®å²åã¯ã65 察 35 ã§ã¯ãªãã50% 察 50% çšåºŠãæ£ãããšèããŠããŸãã
ãã¯ãªãŒã³ã³ãŒããã®æŠå¿µã«æ £ããããšã«æµæããã
ããã«ãªãããã®ã§ããã°ãæ欲çãªéçºè ã¯çãããããªã³ãŒããäœæããæ¹æ³ãåŠã°ãªããã°ãªããŸããã ãã£ãªã¢ã®åãã«ãã¯ãªãŒã³ã³ãŒããã®æŠå¿µãç解ããŠããããšã¯äŸ¡å€ããããŸãã ãã®æŠå¿µã«åŸãå§ããã®ãæ©ããã°æ©ãã»ã©ãåŸã§ä¿å®ããããããããªã³ãŒãã®äœæã«æ©ãæ £ããããšãã§ããŸãã
ã¡ãªã¿ã«ãåªããã¯ãªãŒã³ãªã³ãŒãã®å©ç¹ãç解ããããã«ãèªåã§æªãã³ãŒããæžããŠã¿ãå¿ èŠã¯ãããŸããã ããªãã®ã¹ãã«ã¯ãåŸã§ä»äºäžãä»äººã®æªãã³ãŒããèŠãŠæç¶ãšãããšãã«åœ¹ç«ã¡ãŸãã
倧èŠæš¡ãããžã§ã¯ãã®äœæ¥éå§ãæ©ããã
ãã£ãªã¢ã®åæã«ãç§ã¯å€§ããªééããç¯ããŸããããŸã æºåãã§ããŠããªãã®ã«å€§èŠæš¡ãªãããžã§ã¯ããåŒãåããããšããã®ã§ãã
ããã§äœãåé¡ãªã®ããšå°ãããããããŸããã çãã¯ãããŸãã å®éã®ãšãããããªããäžçŽè ãäžçŽè ã§ãªããã°ãããããã倧ããªãããžã§ã¯ãããå®äºããããšã¯ã§ããªãã§ãããã èæ ®ãã¹ãèŠçŽ ãäºæãå€ãããã§ãããã ãããŠããã£ãªã¢ã®æåã®æ®µéã§ããã¹ããã¹ã±ãŒã©ãã«ãªã¢ãŒããã¯ãã£ãªã©ã䜿çšããŠãã¯ãªãŒã³ãªã³ãŒãããæžãç¿æ £ã身ã«ã€ããŠããªããã°ã察åŠããããšã¯ã§ããŸããã
ãã®ãããžã§ã¯ãã«å€ãã®æéãè²»ãããŸããããå®äºã§ãããçŸåšã¯äžã¬ãã«ã«ç§»è¡ããããšããŠãããšããŸãã ãããŠçªç¶ããã®ã³ãŒãã¯ããŸãè¯ããªãããªãã¡ã¯ã¿ãªã³ã°ãå¿ èŠãªããã誰ã«ãèŠããããªãããšã«æ°ã¥ããŸããã ããããããªãã¯ãã®ãäžçŽã®ãããžã§ã¯ããã«å€ãã®æéãè²»ãããŸããããä»ã§ã¯ããŒããã©ãªãªã«å ããã¹ãè¯ãäœåã®äŸããããŸããã ãããŠãããšãããã»ã©å€ãã¯ãªããŠããããŒããã©ãªãªã§èªåã®ä»äºã瀺ãããšãã§ããåè£è ãšã®é¢æ¥ã§ã¯ã次ã ãšè² ããŠããŸããŸãã
ãããã«ãããã³ãŒããããŸãè¯ããªãã䜿çšãããã¯ãããžããŸãã«å¿ èŠãªãã®ã§ã¯ãªããããå°æ¥çã«ã¯ãªãã¡ã¯ã¿ãªã³ã°ãå¿ èŠã«ãªããŸãã ãã®çµæãä¿®æ£ããããããã¹ãŠãæåããæžãçŽãæ¹ãç°¡åã§ããããšãããããŸãã
ãã¡ãããããããã¹ãŠãããªãã®ããŒããã©ãªãªã«è¿œå ããããšã¯ã§ããŸãããæœåšçãªéçšäž»ã¯ããã«å€ãã®æ¬ ç¹ãèŠåºããããªãã«ãšã£ãŠæ®å¿µãªçµè«ã«éããã§ãããã
ããŒã¿æ§é ãšã¢ã«ãŽãªãºã ãåŠã¶ããšã«æµæããã
ããŒã¿æ§é ãšã¢ã«ãŽãªãºã ã®åŠç¿ããã€éå§ãã¹ããã«ã€ããŠã¯ãé·ãéè°è«ããããšãã§ããŸãã JavaScript ãç¿åŸããåã«ãããè¡ãããšãæšå¥šãã人ãããã°ããã®åŸã«ãããè¡ãããšãæšå¥šãã人ãããŸãã
æåãã詳ããåŠã¶å¿ èŠã¯ãªããšæããŸãããã³ã³ãã¥ãŒã¿ãŒããã°ã©ã ãšèšç®ã®ä»çµã¿ãåºæ¬çã«ç解ã§ããããã«ãªããããã¢ã«ãŽãªãºã ãç解ããããšã¯äŸ¡å€ããããŸãã
ã¢ã«ãŽãªãºã ã¯ããããèšç®ãããã°ã©ã ã«äžå¯æ¬ ãªéšåã§ãã å®éã«ã¯ãã³ã³ãã¥ãŒã¿ãŒ ããã°ã©ã èªäœã¯ãäžé£ã®ã¢ã«ãŽãªãºã ãšãç¹å®ã®æ¹æ³ã§æ§é åãããããŒã¿ã®çµã¿åãããããã ãã§ãã
身äœæŽ»åã®æåŠ
éçºè
ã«ãšã£ãŠã¹ããŒããããããšã¯éåžžã«éèŠã§ãã ç§ã¯ãã¬ãŒããŒã§ã¯ãããŸããããæ¯å¹Žèªåã®äœã®å€åãèŠãŠããŸããã ãããã£ãŠãéåäžè¶³ãã©ã®ãããªçµæããããããã説æã§ããŸãã
ç§ã®æåã®ä»äºã¯ãããŸããŸãªçç±ããããªãåé¡ããããŸãããåé¡ã® XNUMX ã€ã¯ãããã XNUMX 幎ã§äœéã XNUMX ããè¿ãå¢å ããããšã§ããã ããããJavaScriptãç©æ¥µçã«å匷ããŸããã
éåãããªããšäœéãå¢å ãããªã¹ã¯ããããè¥æºãçé çïŒæ ¢æ§çãªãã®ãå«ãïŒãé«è¡å§ãªã©ãå€ãã®æªåœ±é¿ãåãŒããŸãã åé¡ã®ãªã¹ãã¯æ¬åœã«ç¡éã«ãããŸãã
瀟äŒçèªå·±éé¢
家æãæãã人ã¯å€§åã§ãã JavaScript ã®åŠç¿ã«æ²¡é ãã粟ç¥çããã³ææ
çãªç掻ã®éèŠæ§ãéå°è©äŸ¡ãããšããã€ç
ã«ãªã£ãããã€ã©ã€ã©ããããããç ããªããªã£ããããå±éºããããŸãã
æèŠ
ãã®å 容ã®äžéšãã圹ã«ç«ãŠã°å¹žãã§ãã ä»æ¥èªåã«æ°ãã€ããŠããã°ãåŸã§ééããä¿®æ£ããå¿ èŠã¯ãããŸããã
ã¹ãã«ããã¯ã¹ã¯æ¬¡ã®ããšãæšå¥šããŸãã
- å®è·µã³ãŒã¹
ãã¢ãã€ã«ããããããŒPROã .- ãªã³ã©ã€ã³ã³ãŒã¹ã®ç³ã蟌ã¿
ãPythonã§åŠã¶ããŒã¿ã¢ããªã¹ãã .- XNUMX幎éã®å®è·µã³ãŒã¹
ãç§ã¯ããã®ãŠã§ãéçºè ã§ãã .
åºæïŒ habr.com