Nuxt.jsã®asyncData関数をラップã—ã¦ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã‚’共通化ã™ã‚‹ - Mobile Factory Tech Blogã“ã®è¨˜äº‹ã¯ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ã‚¯ãƒˆãƒªãƒ¼ Advent Calendar 2020 9日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€ãƒ–ãƒãƒƒã‚¯ãƒã‚§ãƒ¼ãƒ³ãƒãƒ¼ãƒ ã®æ–°å’エンジニアid:charinesã§ã™ã€‚ Nuxt.jsã«ãŠã‘ã‚‹asyncDataã®å½¹å‰² ブãƒãƒƒã‚¯ãƒã‚§ãƒ¼ãƒ³ãƒãƒ¼ãƒ ã§ã¯ã€Nuxt.jsã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ©Ÿèƒ½ã‚’用ã„ãŸé–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚asyncDataã¯ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿æ™‚ã«ã€è¿”ã•ã‚ŒãŸPromiseã®å€¤ã‚’コンãƒãƒ¼ãƒãƒ³ãƒˆã®dataã«ãƒžãƒ¼ã‚¸ã™ã‚‹ãŸã‚ã®ãƒ•ãƒƒã‚¯ã§ã€ãƒšãƒ¼ã‚¸ã®ç§»å‹•ã‚„エラーページã®è¡¨ç¤ºã¯Promiseã®è§£æ±ºã‚’å¾…ã£ã¦è¡Œã‚ã‚Œã¾ã™ã€‚ å•é¡Œ asyncDataã¯ãƒšãƒ¼ã‚¸ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæ¯Žã«å®šç¾©ã•ã‚Œã‚‹ãŸã‚ã€èªã¿è¾¼ã¿æ™‚ã®ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ãªã©ã®å‡¦ç†ãŒå…¨ãƒšãƒ¼ã‚¸ã§å…±é€šã§ã‚ã£ãŸã¨ã—ã¦ã‚‚ã€å„ページコンãƒãƒ¼ãƒãƒ³ãƒˆã«ãã®å‡¦ç†ã‚’記述ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 具体例ã¨ã—ã¦ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§å®Ÿè¡Œã•ã‚ŒãŸasyncData内ã§ä¾‹å¤–ãŒç™ºç”Ÿã—ãŸ
CTOã®é ã®ä¸ï¼šæŠ€è¡“投資を最é©åŒ–ã™ã‚‹ï½œShin Takeuchi
{{#tags}}- {{label}}
{{/tags}}