ブラウザãƒãƒƒã‚¯ã—ãŸã¨ãã«çŠ¶æ…‹ã‚’復元ã™ã‚‹ï¼ˆVue3, Nuxt3 ãã—㦠Next.js） - Qiitaブラウザãƒãƒƒã‚¯ã¯ Web アプリã®é¬¼é–€ Vue ã«é™ã‚‰ãšã§ã™ãŒã€Web アプリã«ãŠã„ã¦ãƒ–ラウザã§ãƒãƒƒã‚¯ãƒœã‚¿ãƒ³ã‚„フォワードボタンã®å®Ÿè¡Œã«å¯¾å¿œã™ã‚‹ã®ã¯ãªã‹ãªã‹ã«é›£ã—ã„å•é¡Œã§ã™ã€‚ãã®ãŸã‚ã€POST Back åž‹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯ãƒ–ラウザãƒãƒƒã‚¯ã®ä½¿ç”¨è‡ªä½“ã‚’ç¦æ¢ã™ã‚‹ã“ã¨ã‚‚多ã‹ã£ãŸã¨æ€ã„ã¾ã™ã€‚ SPA全盛ã®ä»Šã€ã“ã®å•é¡Œã¯è§£æ±ºã•ã‚ŒãŸã®ã§ã—ょã†ã‹ã€‚ ã„ãˆã€çŠ¶æ³ã¯ã‚€ã—ã‚悪化ã—ã¦ã„ã¾ã™ã€‚テンプレートエンジンを使ã£ãŸ HTML 生æˆåž‹ã® Web サイトã§ã‚ã‚Œã°ã€ãƒ–ラウザãƒãƒƒã‚¯ã‚’è¡Œã†ã“ã¨ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã¯å¾©å…ƒã•ã‚Œã¾ã™ãŒã€JavaScript ベースã§æ§‹ç¯‰ã•ã‚ŒãŸç”»é¢ã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã¯ä¿å˜ã•ã‚Œã¾ã›ã‚“ã—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ãŒå¾©å…ƒã§ãã‚‹ã‹ã‚‚æ¡ä»¶æ¬¡ç¬¬ã§ã™ã€‚ 一般的ãªè§£æ±ºç– ã§ã¯ã€Twitter ã«ä»£è¡¨ã•ã‚Œã‚‹SPAアプリã§ã¯ã“ã®å•é¡Œã«ã©ã†ã‚„ã£ã¦å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ã€‚ç”ãˆã¯ã€Œå¯¾å¿œã—ãªã„（ã‚ã‚‹ã„ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®
Nuxtã§ã‚¹ãƒ—レッドシートをDB代ã‚ã‚Šã«ä½¿ã†ãžå¤§ä½œæˆ¦
SSRãªNuxt.jsã§ã€DOMè¦ç´ ã‚’å‚ç…§ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリをインãƒãƒ¼ãƒˆã™ã‚‹ - ãらã’ã«ãªã‚ŠãŸã„。
Nuxt.jsã§ã¯ã˜ã‚ã‚‹ã¨ãã®ã‚„ã‚‹ã“ã¨ãƒªã‚¹ãƒˆ(SSRも国際化も自動デプãƒã‚¤ã‚‚) - ãらã’ã«ãªã‚ŠãŸã„。
Nuxt.jsã§å‚考ã«ãªã‚Šãã†ãªäº‹ä¾‹ã‚„実装例を調ã¹ã¦ã¿ãŸ - ã‚Šã¾ã‚Šã¾ã ã‚“ã®æœ¬æ‹ 地
{{#tags}}- {{label}}
{{/tags}}