SPA, SSR, SSGã£ã¦çµå±€ãªã‚“ãªã‚“ã ã£ã‘？ã€2023/11/14追記】 SPA, SSRã®èª¬æ˜Žã‚’訂æ£ã€ãŠã‚ˆã³ä¸å¿…è¦ãªç®‡æ‰€ã®å‰Šé™¤ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã®è¨˜äº‹ã¯Next.jsç‰ã®ã€å…·ä½“çš„ã«ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹å„概念を説明ã™ã‚‹ã‚‚ã®ã§ã¯ãªã„ã®ã§ã€ã”ç•™æ„ãã ã•ã„。 æ¦‚è¦ SPA, SSR, SSGã¨ã„ã†æŠ€è¡“用語をã€æ¥å‹™ã®ä¸ã§ã‚‚ã€ãƒãƒƒãƒˆã®è¨˜äº‹ã®ä¸ã§ã‚‚よã耳ã«ã™ã‚‹ã®ã§ã™ãŒã€ã“ã†ã„ã†æ„Ÿã˜ã‹ãªï¼Ÿã¨ã„ã†ã†ã£ã™ã‚‰ã¨ã—ãŸç†è§£ã®ã¾ã¾ã ã£ãŸã®ã§ã€ä»Šå›žæ•´ç†ã—ã¾ã—ãŸã€‚ 内容ã«èª¤ã‚ŠãŒã‚ã£ãŸå ´åˆã¯ã”指摘ã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ (MPA) -> SPA -> SSR -> SSG ã¨ã„ã†é †ã«èª¬æ˜Žã‚’ã—ã¦ã„ãã¾ã™ã€‚ SPA SPAã®è¦æ—¨ã‚’è¿°ã¹ã‚‹ã¨ã€æœ€åˆã«ã€HTML, CSS, JSãªã©ã®å¿…è¦ãªassetsã‚’Webサーãƒãƒ¼ã‹ã‚‰å–å¾—ã—ã€ãã®å†…ã®JSã‚’ã‚‚ã¨ã«å…·ä½“çš„ãªUIã‚’æç”»ã—ã€ã¾ãŸãƒšãƒ¼ã‚¸é·ç§»ã®éš›ã®UIã®å¤‰åŒ–ã‚‚ã€JSã‚’ã‚‚ã¨ã«å†æ画を行ã†ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨ãªã‚Šã¾ã™ã€‚
SPAã«ãŠã‘る状態管ç†:関数型ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚å–り入れるフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç³»ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®å¤‰é· - エンジニアHub｜Webエンジニアã®ã‚ャリアを考ãˆã‚‹ï¼
{{#tags}}- {{label}}
{{/tags}}