Vue.jsã§SEO対ç–ã—ãŸç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ˆInfinite Scroll）を実ç¾ã™ã‚‹ – æ ªå¼ä¼šç¤¾ãƒ©ã‚¤ãƒˆã‚³ãƒ¼ãƒ‰ã€ŒVue.jsã€ã§ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³•ã¨ã¯ï¼Ÿ 「無é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ˆInfinite Scroll）ã€ã¯ã€ãƒšãƒ¼ã‚¸ã‚’切り替ãˆã‚‹ã“ã¨ãªãページãƒãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ ページã®ä¸€ç•ªä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒãªããªã‚‹ã¾ã§ã€ç¶šãを自動的ã«èªã¿è¾¼ã‚“ã§ãã‚Œã¾ã™ã€‚ スクãƒãƒ¼ãƒ«æ“作ãŒåŸºæœ¬ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã€ã€Œæœ€ã‚‚スマートãªãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€ã¨ã‚‚言ã‚ã‚Œã¦ã„ã¾ã™ã€‚ 今回ã¯ã€äººæ°—ã®ã€ŒVue.jsã€ã§ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’実装ã™ã‚‹æ–¹æ³•ã¨ã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿…è¦ãª SEO対ç–ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å®Ÿè£…パターン㨠SEO 対ç–ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã¯ã€2ã¤ã®å®Ÿè£…パターンãŒã‚ã‚Šã¾ã™ã€‚ åŒä¸€URLã§ã€ãƒšãƒ¼ã‚¸å†…ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªã¿è¾¼ã¾ã›ã‚‹æ–¹æ³•èªã¿è¾¼ã‚€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å˜ä½ã«URLを割り当ã¦ã¦ãƒšãƒ¼ã‚¸ã‚’分割ã™ã‚‹æ–¹æ³•ãã‚Œãžã‚Œã®å®Ÿè£…パターンをã€SEOã®è¦³ç‚¹ã§è¦‹ã‚‹ã¨æ¬¡ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ 1.åŒä¸€URLã§ã€ãƒšãƒ¼
モダン JavaScript ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
Reactã®æœ€å¼·ãƒ•ãƒ¬ãƒ¼ãƒ ワークGatsby.jsã®è‰¯ã•ã‚’ä¼ãˆãŸã„ï¼ï¼ - Qiita
[Video.js] JavaScriptã§å‹•ç”»ã‚’å†ç”Ÿã™ã‚‹ - Qiita![[Video.js] JavaScriptã§å‹•ç”»ã‚’å†ç”Ÿã™ã‚‹ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1abd48296270604aaf43d141537fe9b28f3e1d2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVmlkZW8uanMlNUQlMjBKYXZhU2NyaXB0JUUzJTgxJUE3JUU1JThCJTk1JUU3JTk0JUJCJUUzJTgyJTkyJUU1JTg2JThEJUU3JTk0JTlGJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1iZjljNDg5ZDk1MjY4N2QxYWUwYTk1YWY3OTliMjk5YQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5dW5fYm93JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xMzM0NTllNmY1OWJjMDQxODk1ZjE2MjRhZjZhNTk4Yw%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OR44O844Kv%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D8dc431c1110ed71208380122c0fc1b59)
webpackã¨Babelã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹(1) ―webpack編― - Qiita
入門者ã˜ã‚ƒãªã„人ã«ã“ãèªã‚“ã§æ¬²ã—ã„「Vue.js入門〠- ã˜ã¾ã‚ã
ファミコンエミュレータã®å‰µã‚Šæ–¹ã€€- Hello, World!ç·¨ - - Qiita
僕ãŒnpm installã«-gã‚’ã¤ã‘ãªã„ã‚ã‘ - Qiita
Reactã§å¦ã¶ï¼ã„ã¾ã©ãã®Web開発
{{#tags}}- {{label}}
{{/tags}}