next/imageã§ã‚µã‚¤ã‚ºæŒ‡å®šã›ãšã«ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ä¿ã£ã¦è¡¨ç¤ºã™ã‚‹ | Tech Q Lab - æ ªå¼ä¼šç¤¾ã‚ューã®ãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°æ¦‚è¦next/imageã¯ç”»åƒã‚’自動ã§æœ€é©åŒ–ã—ã¦ãれる便利ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã™ã€‚ 使用ã«ã¯åŸºæœ¬çš„ã«ã‚µã‚¤ã‚ºï¼ˆwidth, height）を事å‰ã«æŒ‡å®šã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€APIã‹ã‚‰ç”»åƒã‚’å—ã‘å–ã£ã¦è¡¨ç¤ºã™ã‚‹å ´åˆãªã©ã€äº‹å‰ã«ã‚µã‚¤ã‚ºã‚’指定ã—ãŸããªã„ケースãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã®ã‚ˆã†ãªå ´åˆã§ã‚‚next/imageを使ã£ã¦ç”»åƒã‚’表示ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ 環境ã¨ã—ã¦ã¯ã€Next 12.1.2 を使用ã—ã¾ã™ã€‚ Next.js 13以上を使用ã™ã‚‹å ´åˆã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’ã”覧ãã ã•ã„。
# Next.jsã®ImageãŒä½¿ã„ã«ãã„ã¨ã„ã†äººã¸
{{#tags}}- {{label}}
{{/tags}}