Next.js 13.5 ã¯èµ·åæéã®ççž®ãšããã±ãŒãžã®ã€ã³ããŒãå¹çã®åäžããããããŸã
Vercel ã®ææ°ãªãªãŒã¹ã§ãã Next.js 13.5 ã§ã¯ããµãŒããŒã®èµ·åã® 22% ã®é«éåãã¡ã¢ãªäœ¿çšéã® 40% ã®åæžãããã©ãŒãã³ã¹ã®åäžãšæäœã®æé©åãç®çãšããããã±ãŒãžã®ã€ã³ããŒãã®åçåãªã©ãå€§å¹ ãªæ©èœåŒ·åãè¡ãããŠããŸããæ°ããããŒãžã§ã³ã§ã¯ããnext/imageãã®é²æ©ãšãããŸããŸãªåéã®ãŸã£ããæ°ããããã¥ã¡ã³ããæäŸãããŠããŸãã

ç»æçãªçºè¡šãšããŠãVercel ã¯å€æ°ã®é©æ°çãªæ©èœåŒ·åãèªã Next.js ããŒãžã§ã³ 13.5 ããªãªãŒã¹ããŸãããããã«ã¯ãããŒã«ã« ãµãŒããŒã®èµ·åé床㮠22% ã®åäžãã¡ã¢ãªäœ¿çšéã® 40% ã®åæžãããã±ãŒãžã®ã€ã³ããŒãæ¹æ³ã®åçåãªã©ãå«ãŸããŸããæ°æ©èœã¯ãããã©ãŒãã³ã¹ãæå€§åããäž»èŠãªæäœãæé©åããããã®å調çãªåãçµã¿ãåæ ããŠããŸãã
é ãæäœãšãã£ãã·ã¥ãæå°éã«æããã³ã¹ãã®ããããã¡ã€ã« ã·ã¹ãã æäœãæ¹è¯ããã³ã³ãã€ã«äžã®ããªãŒ ãã©ããŒãµã«ã®ããã»ã¹ãæ¹åããéèŠã§ã¯ãªãããããã³ã°åæåŒã³åºããé å»¶ã¢ãŒãã«ç§»è¡ããããšã«éç¹ã眮ãããšã§ãããã©ãŒãã³ã¹ã®åäžãéæãããŸããããã 1 ã€ã®æ³šç®ãã¹ãæ©èœã¯ã倧ããªã¢ã€ã³ã³ ã©ã€ãã©ãªã®èªåæ§æã§ãã
Next.js ããŒã ã¯ã驿°çãªéæãªã€ã³ããŒãæé©åææ³ãå°å ¥ããæåä»å ¥ã®å¿ èŠæ§ãæé€ããŸããããã®ææ³ã¯ãæé©åããšåŒã°ãããããŸã§æåã§æé©åãè¡ã£ãŠããæ¹æ³ã«ä»£ãããã®ã§ããå€ãã®ã©ã€ãã©ãªã¯ããŠãŒã¶ãŒã®ã³ãŒãã䜿çšããã¢ãžã¥ãŒã« ã³ã³ããŒãã³ãã®ã¿ãããŒãããããã«ãã§ã«æ¹è¯ãããŠããŸãã
ãnext/imageãæ©èœãžã®è峿·±ã远å ã¯ãå®éšçãªé¢æ°ãunstable_getImgProps()ãã§ãããã®æ°æ©èœã¯ããã£ã³ãã¹äžã®ãbackground-imageããŸãã¯ãnew Image()ãããimage-setãããcontext.drawImage()ããªã©ã®åŽé¢ã®æäœãã ããã³ã³ããŒãã³ãã䜿çšããå¿
èŠããããŸããã
ãããã®é²æ©ã«äŒŽãããã©ãŒã ãšãã¥ãŒããŒã·ã§ã³ããµãŒããŒãšã¯ã©ã€ã¢ã³ãã®ã³ã³ããŒãã³ããã³ã³ãã³ã ã»ãã¥ãªã㣠ããªã·ãŒãšãã³ã¹ããã£ãã·ã¥ãšåæ€èšŒãå«ãå¹ åºãåéãã«ããŒããããã¥ã¡ã³ããæŽæ°ãããŸããã
åè¿°ã®æ©èœãšã¯å¥ã«ãæ°ããŒãžã§ã³ã®ãªãªãŒã¹ã§ã¯ãIPv6 ãã¹ãåã®ãµããŒããããã«ãŠã§ã¢ãšãšããž ã©ã³ã¿ã€ã ã®ãã©ãã ã¢ãŒããããã³ Playwright ã®å®éšçãã¹ã ã¢ãŒãã远å ãããŸããã
Next.js ã¯ãããã©ãŒãã³ã¹ã®åäžãéçšã®æé©åãã¢ããªã±ãŒã·ã§ã³éçºã®ã·ãŒã ã¬ã¹ãªãªãŒã±ã¹ãã¬ãŒã·ã§ã³ã«éç¹ã眮ããŠãããããã¯ãšã³ããWebãããã³ã¢ãã€ã« ã¢ããªã±ãŒã·ã§ã³ã®äœæãå éããããã«èšèšãããå ç¢ãªno-codeãã©ãããã©ãŒã ã§ããAppMaster.io ã®å²åŠãåæ ããŠããŸãã AppMaster.io ã¯ãã€ãããŒã·ã§ã³ãã¹ã±ãŒã©ããªãã£ãè²»çšå¯Ÿå¹æã«å¯ŸããŠåæ§ã®åãçµã¿ãæ¡çšããããšã§ãå æ¬çãã€è¿ éãªã¢ããªã±ãŒã·ã§ã³éçºã®ããã®æå 端ã®ãã©ãããã©ãŒã ã® 1 ã€ãšããŠã®å°äœã確ç«ããŸããã


