ðæ¬åœã«åãã¹ãã ã£ãã®ã¯ jQuery ã§ã¯ãªããã³ãã¬ãŒããšã³ãžã³ã ã£ã
https://scrapbox.io/fsubal
ããã¯ã£ããèšã£ãã»ããè¯ãã£ããããèšããªããŠãäŒããçŸå Žã¯è¯ãã£ããã ãã©ãäŒãããªããŸãŸããäžéšã ããã³ã³ããŒãã³ãã«ç§»è¡ããã以å€ã¯ãã ç DOM API ã«å€ããŠçµããïŒãããã¯ä»ã¯ jQuery ã®ãŸãŸïŒã¿ãããªãã¢ãã³åãã§æžãŸãäœå°ãäžããã®ã¯çºä¿¡ã®å€±æã ã£ãâŠâŠãšãã10幎代ã®æ¯ãè¿ãã
ãã³ãã¬ãŒããšã³ãžã³ã¯ãªãåãããæ¹ãïŒâŠãšãã£ãŠæªããã°ãå€ãã£ãã»ããïŒè¯ãã®ãã¯ç«¯çã«ææã§ããŠãããã¯ååã¬ã³ããªã³ã°ããèæ
®ããŠãªãããã ãšããããšã«ãªãã
Web ã® UI ã«ã¯ç¶æ
å€åãã€ããã®ïŒã«ãªã£ãã®ã¯å®ã¯æè¿ã®è©±ïŒã ãããã³ãã¬ãŒããšã³ãžã³ã¯1åç®ã®ã¬ã³ããªã³ã°ã ããæ
åœããå€åããåŸã®2åç®ä»¥éã®èŠãæ¹ã¯ JavaScript ãæ
åœãããšãããã©ãã€ã ãæ§æããã
ããã¯ã1åç®ã®ã¬ã³ããªã³ã°ãš2åç®ä»¥éã®ã¬ã³ããªã³ã°ã«æè¡çå¢çãèšãããšããããšã§ããã
åãäžã€ã®ç»é¢ãã1åç®ã®æç»ã¯ PHP ã Ruby ã Java ãæ
åœãã2åç®ä»¥é㯠JavaScript ãæ
åœããããšã«äœã®åçæ§ãããã ããïŒïŒé¢å¿ã®åé¢ããžã£ãããããªãã§ã¯ãªããã
ããããŠãåãäžã€ã®ç»é¢ã¯ä»»æã® n åç®ã®ã¬ã³ããªã³ã°ã«ã€ã㊠JavaScript ãæ
åœãããšãããã©ãã€ã ã«ç§»è¡ãããããã React ã Vue ã®ããšãèšã£ãŠããã®ã¯çãããå¯ãã®éãã
äžæ¹ãçŸå Žã®äººã
ããã React ãå°å
¥ãããšãã話ã«ãªã£ããšãããªãããã³ãã¬ãŒããšã³ãžã³ããã®ç§»è¡ã§ã¯ãªããjQuery ããã®ç§»è¡ãšããèªãå£ãæ¡çšããŠããŸã£ããããã¯äžå¹žã®å§ãŸãã ã£ãã
ãããjQuery ãš React ã¯å¯Ÿç«ããŠãªãããšããïŒããåœããåã®ïŒææããªããããããããæ¬åœã«å¯Ÿç«ããŠããŠåãã¹ãã ã£ãã®ã¯äœãã¯ããŸãèšãããªãã£ãã
æ¬åœã«åãã¹ãã ã£ãã®ã¯ Slim ã ERB ã Twig ã Blade ã ã£ãã®ã ãããã¯ã£ããèšã£ãã»ããïŒããè«äºã«ã¯ãªã£ãã ãããïŒãããããµãŒããŒãµã€ãã®ã¡ã³ããŒãå·»ã蟌ãã æ¹åãã§ããã ããã«ãjQuery ã察ç«åè£ã«ããŠããŸã£ãããã§ãJavaScript ã®äººã®å
茪ã®åé¡ãã«ãªã£ããããŽãŒã«ã®äžæçãªãã¢ãã³åããç®æãããã¡ã«ãªã£ãŠããŸã£ããã¢ããªåãAPIããªããããªãããã¯ãã§ã¯ç¹ã«ããµãŒããŒãµã€ãã®äººã«ãšã£ãŠä»äººäºæãäžããŠããŸã£ãŠãããšæããæ®å¿µã
ãšããã§çŸç¶ä»»æã® n åç®ã®ã¬ã³ããªã³ã°ãæ
åœã§ããèšèªã¯ JavaScript ããããããªããã¿ããªèŠ³å¿µããŠãã¥ãŒã¯åžžã« Node.js ã䜿ã£ãã»ããè¯ããšããäºã«ãªã£ãŠãã£ãããããã«å€åã®æ¥ã¯æ¥ãã ãããïŒ C# ã® Blazor ãšãäžå¿ãããã© ïŒããã£ã¡ã¯ãã£ã¡ã§æ¥ãŠã»ããæ°ããããããããŸãæªæ¥ãèŠããªããªãŒã
2025-02-06 Next.jsãããããããæãã®é²åãããŠããçŸç¶ã¯ã©ããªãã§ãããïŒ