[B! ssr] ishideoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ishideo id:ishideo

ssrã«é–¢ã™ã‚‹ishideoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Nuxt.jsã§ã¯ã˜ã‚ã‚‹ã¨ãã®ã‚„ã‚‹ã“ã¨ãƒªã‚¹ãƒˆ(SSRã‚‚å›½éš›åŒ–ã‚‚è‡ªå‹•ãƒ‡ãƒ—ãƒã‚¤ã‚‚) - ãã‚‰ã’ã«ãªã‚ŠãŸã„ã€‚
Nuxt.jsã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã¯ã˜ã‚ã‚‹ã¨ãã«ã„ã¤ã‚‚ã‚„ã‚‹ã“ã¨ãŒæ•´ç†ã—ã¦ã¿ãŸã€‚ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒå¤šã„ã®ã§ã€ã„ã‚ã„ã‚è¨å®šãŒå¿…è¦ã ã‘ã©ã€ãƒŒã‚±ãƒ¢ãƒ¬ã‚ã£ãŸã‚Šã™ã‚‹ã®ã§ã€‚ã€‚ Nuxt.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã€2.5.1ã§ã™ã€‚ ã„ã¤ã‚‚ã‚„ã‚‹ã“ã¨ã®æ¦‚è¦ ä½œæˆã—ãŸã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯ä»¥ä¸‹ãªæ„Ÿã˜ TypeScript/Sassã‚’ä½¿ã†ã€UIã¯Buefy/Bulma Firebase Hosting / Cloud Functionsã‚’ä½¿ã£ã¦SSR è‹±èªžç‰ˆ/æ—¥æœ¬èªžç‰ˆã¨å›½éš›åŒ–ã—ãŸã„ã®ã§ã€nuxt-i18nã‚‚å…¥ã‚Œã‚‹ SEOã‚‚æ°—ã«ã™ã‚‹ã®ã§ã€å„ç¨®è¨å®š&å„ãƒšãƒ¼ã‚¸ã§å€‹åˆ¥ã«ã‚¿ã‚¤ãƒˆãƒ«ã¨ã‹ã‚’è¨å®š Google Analyticsã‚„sit emapãªã©ã‚‚ã‚‚ã¡ã‚ã‚“ Firebaseã¸ã®ãƒ‡ãƒ—ãƒã‚¤ã¯ã€CircleCIã§è‡ªå‹•åŒ–ã—ãŸã„ æœ€çµ‚çš„ãªä¾‹ã¯ã€GitHubã«ãŠã„ã¦ã„ã¾ã™ã€‚ Nuxt.js Template using TypeScript, Sass an
ishideo 2019/04/25
nuxt.js

vue.js

firebase

circleci

i18n

seo

ssr

typescript

nuxt-i18n

mixin
ãƒªãƒ³ã‚¯
ã‚¹ãƒ¢ãƒ¼ãƒ«ã‚¹ã‚¿ãƒ¼ãƒˆã§ã¯ã˜ã‚ã‚‹SSR - dely Tech Blog
ã“ã‚“ã«ã¡ã¯ã€‚delyã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ‹…å½“ã—ã¦ã„ã‚‹@all__userã§ã™ã€‚ ä»Šå›žã¯kurashiruã§SSRï¼ˆServer Side Renderingï¼‰ã‚’å°Žå…¥ã—ãŸäº‹ä¾‹ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç›®æ¬¡ ç›®æ¬¡ è¦ç´„ çµŒç·¯ãƒ»èƒŒæ™¯ SSRã®å°Žå…¥ SPAã®SEOå¯¾ç– SSRã®ã‚³ã‚¹ãƒˆ Rendertronã®æŽ¡ç”¨ã¯è¦‹é€ã‚Š kurashiruã®SSRæ§‹æˆ ãƒ«ãƒ¼ãƒˆãƒ¡ã‚¿ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’åˆ©ç”¨ã—ãŸãƒ‡ãƒ¼ã‚¿å–å¾—ã®ä»•çµ„ã¿ æ¶ˆæ¥µçš„SSRã‹ã‚‰ç©æ¥µçš„SSRã¸ ã¾ã¨ã‚ è¦ç´„ SPAã«ã—ãŸã„ã€‚SEOã®ã“ã¨ã‚’è€ƒãˆã‚‹ã¨SSRã¯ã—ã¦ãŠããŸã„ ã§ã‚‚å…¨ç„¶ãƒªã‚½ãƒ¼ã‚¹è¶³ã‚Šãªã„ Railsã‚’æ¸©å˜ã—ã¤ã¤ã‚¹ãƒ¢ãƒ¼ãƒ«ã‚¹ã‚¿ãƒ¼ãƒˆã§SSRã§ãã‚‹ã‚ˆã†ã«ã—ãŸ ã¨ã„ã†å†…å®¹ã§ã™ã€‚ çµŒç·¯ãƒ»èƒŒæ™¯ kurashiruã¯ã‚‚ã¨ã‚‚ã¨Railså˜ä½“ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã—ãŸãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«Vue.jsã‚’æŽ¡ç”¨ã—ã€ç¾åœ¨ã§ã¯å¤šãã®ãƒšãƒ¼ã‚¸ãŒSPAã¸ã¨ç§»è¡Œã—ã¾ã—ãŸã€‚ SPAã§ã¯SEO
ishideo 2019/04/03
ssr

nuxt.js

vue.js
ãƒªãƒ³ã‚¯
Nuxt.jsã¨Firebaseã§SPAÃ—SSRÃ—PWAÃ—ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã‚’å®Ÿç¾ã™ã‚‹ - DMM inside
ã¯ã˜ã‚ã¾ã—ã¦ã€‚DMM.comãƒ©ãƒœ ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆæœ¬éƒ¨ã‚¤ãƒ™ãƒ³ãƒˆé–‹ç™ºéƒ¨ã®ä¸Šäº•ï¼ˆã‚¦ãƒ¯ã‚¤ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ ã‚¤ãƒ³ãƒ•ãƒ©ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¾ã§å¹…åºƒãæ‹…å½“ã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€æ¥å‹™ã§åˆ©ç”¨ã—ã¦ã„ã‚‹Nuxt.jsã¨Firebaseã‚’ä½¿ã£ã¦ã€SPAÃ—SSRÃ—PWAÃ—ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚
ishideo 2019/03/28
nuxt.js

firebase

spa

ssr

pwa

serverless

dmm
ãƒªãƒ³ã‚¯
https://tamanyan.me/typescript-nuxtjs-firebase/
ishideo 2019/03/27
firebase

ssr

typescript

nuxt.js

javascript
ãƒªãƒ³ã‚¯
youj.work
ishideo 2019/03/25
vue-lazyload

vue.js

nuxt.js

javascript

lazyload

no-ssr

ssr
ãƒªãƒ³ã‚¯
Vue.jsã§SSRï¼ˆã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼‰ã™ã‚‹ - Qiita
Vue.jsã§SSRï¼ˆã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼‰ã™ã‚‹ ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ãªã«ã‹ã® Advent Calendar 2016ã®23æ—¥ç›®ã®è¨˜äº‹ã§ã™. Vue.jsã¯ï¼’ç³»ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ãã“ãã“ãŸã¡ã¾ã—ãŸ. æ—¥æœ¬èªžãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚ãã‚ã£ã¦ã„ã¾ã™. ãƒ•ãƒãƒ³ãƒˆã®å–ã‚Šã‹ã‹ã‚Šã¨ã—ã¦ç°¡å˜ã§ã‚¹ã‚±ãƒ¼ãƒ«ã‚‚ã—ã‚„ã™ãè‰¯ã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹. ãã“ã§ä»Šå›žã¯Vue.jsï¼’ç³»ã®å¤§ããªç‰¹å¾´ã§ã‚ã‚‹ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’è¡Œã£ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®åˆ¶ä½œã‚’ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™. æœ€çµ‚çš„ã« APIã‚³ãƒ¼ãƒ«ã‚’ã—ã¦å‹•çš„ãƒšãƒ¼ã‚¸ã®SSRã‚’è¡Œã† åˆæœŸè¡¨ç¤ºä»¥å¾Œã¯SPAã¨ã—ã¦å‹•ã ã“ã‚“ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç›®æŒ‡ã—ã¾ã™. å®Œæˆç‰ˆã¯ä»¥ä¸‹ã§ã™ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ Github ä½¿ã†ç‰© vuejs vue-router vuex ã“ã®ã‚ãŸã‚Šã‚’ä½¿ã„ã¾ã™. è©³ã—ãã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®package.jsonã‚’... Step1ã€€é™çš„ãƒšãƒ¼ã‚¸ã®SSR ã•ãä½œæˆã—ã¦ã„ãã¾ã™
ishideo 2019/03/15
vue.js

ssr

serverside

rendering

qiita

javascript

vuex

webpack

vue-router
ãƒªãƒ³ã‚¯
1