Vanilla JSã§SPAã‚„ã£ãŸã‚‹ã§TL;DR JSå²ä¸Šæœ€è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨å高ã„Vanilla JSã§SPAã—ã¦ã¿ã¾ã—ãŸã€‚ 今回目指ã™SPAã®ä»•æ§˜ URLã«å¯¾å¿œã™ã‚‹ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚アンカーリンクをクリックã™ã‚‹ã¨URLãŒå¤‰æ›´ã•ã‚Œã€ãƒšãƒ¼ã‚¸ãŒé·ç§»ã™ã‚‹ã€‚ãã®éš›ã€ç”»é¢ã®ãƒªãƒãƒ¼ãƒ‰ã¯ç™ºç”Ÿã—ãªã„。 ブラウザãƒãƒƒã‚¯ã‚’押下ã™ã‚‹ã¨ã€ç”»é¢ã®ãƒªãƒãƒ¼ãƒ‰ã‚’ã›ãšã«å‰è¡¨ç¤ºã—ã¦ã„ãŸãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã€‚ URLã‹ã‚‰å¤‰æ•°ã‚’å—ã‘å–ã‚Šã€ç”»é¢ã«åæ˜ ã•ã›ã‚‹ã€‚ ç”»é¢ã‚’ç”¨æ„ ä»¥ä¸‹ã®ã‚ˆã†ãªindex.htmlを用æ„ã—ã¾ã—ãŸã€‚ ヘッダー内ã«ã«ã‚¢ãƒ³ã‚«ãƒ¼ãƒªãƒ³ã‚¯ã¨ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«SPAã®æ画先ã¨ã—ã¦id="app"ã®divã‚¿ã‚°ã‚’é…ç½®ã—ã¦ã„ã¾ã™ã€‚ <html> <head> <title>ãƒãƒ‹ãƒ©ã§SPA</title> <meta charset="UTF-8" /> </head> <body> <header> <a href="/">TOP</a> <a href="/home">
{{#tags}}- {{label}}
{{/tags}}