Nuxt.jsã§ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚’作ã£ã¦ã¿ã¾ã—ãŸï½œé«˜æ©‹æ‚ 太 / Yuta Takahashi｜note
共通アセットSCSS：/assets/scss/ ã«é…ç½® ç”»åƒï¼š/assets/img/ ã«é…ç½® // /nuxt.config.jsã§èªã¿è¾¼ã¿ css: [ { src: '~/assets/scss/common.scss', lang: 'scss' }, ], faviconã€OGPç”»åƒï¼š/static/img/ã«é…ç½® // /nuxt.config.jsã§èªã¿è¾¼ã¿ meta: [ { hid: 'og:image', property: 'og:image', content: config.baseurl + '/img/ogp.png' }, ], link: [ // faviconèªã¿è¾¼ã¿ { rel: 'icon', type: 'image/x-icon', href: config.baseurl + '/img/favicon.ico' }, // Google
AWS Lambdaã¨Nuxt.jsã§Server Side Renderingã™ã‚‹ï¼ˆ2020年版） - Sweet Escape
サーãƒãƒ¼ãƒ¬ã‚¹ã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSR）ã®å¾Œç·¨ã§ã™ã€‚å‰ç·¨ã¯ã“ã¡ã‚‰ã€‚ www.keisuke69.net ãªãŠã€åŒå†…容をã“ã¡ã‚‰ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã‚‚話ã™äºˆå®šã§ã™ã®ã§èˆˆå‘³ã‚ã‚‹ã‹ãŸã¯ãœã²ã“ã¡ã‚‰ã‚‚。 serverless-newworld.connpass.com ã¯ã˜ã‚㫠サンプルアプリ serverless.yaml 最後㫠ã¯ã˜ã‚ã« å‰å›žã€SSRã¨ã¯ã£ã¦è©±ã‚’ç°¡å˜ã«ã—ã¾ã—ãŸã€‚今回ã¯SSRã‚’AWSã®ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã€ã¤ã¾ã‚ŠAWS Lambdaã§ã‚„ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯Vue.jsã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚ã‚‹Nuxt.jsã§ä½œã£ãŸã‚µãƒ³ãƒ—ルアプリã®SSRã‚’Lambdaã§è©¦ã—ã¦ã¿ã¾ã™ã€‚ å‰å›žã®ãƒ–ãƒã‚°ã§Nuxt.jsã§ã®ä¾‹ã¨ã„ã†èª¬æ˜Žã‚’ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ãã“を実際ã«ã‚„ã£ã¦ã„ãæ„Ÿã˜ã§ã™ã€‚ ãªãŠã€Nuxt.jsã‚’Lambdaã§å‹•ã‹ã™å ´åˆã®è©±ã£ã¦å®Ÿã¯ã‚°ã‚°ã£ã¦ã‚‚ã‚ã¾ã‚Šå‡ºã¦ãã¾ã›ã‚“。ã„ãã¤ã‹ã®è¨˜äº‹ãŒå‡ºã¦ãã‚‹ã ã‘ã§ã™
Nuxt.js + AWS Amplify ã§ã‚¢ãƒ—リ開発を始ã‚る｜ã¹ã‚Šã‚ã‚
AWS Amplifyã¨ã¯ï¼ŸAWSãŒæä¾›ã—ã¦ã„ã‚‹Web・モãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ https://aws.amazon.com/jp/amplify/ ã–ã£ãり言ã†ã¨ã€ç°¡å˜ãƒ»æœ€é€Ÿãƒ»ã‚¹ã‚±ãƒ¼ãƒ«ã™ã‚‹ã‚¢ãƒ—リケーションを構築ã§ãるフレームワークã§ã™ã€‚ è¿‘ã—ã„サービスã§è¨€ã†ã¨FirebaseãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ サーãƒãƒ¬ã‚¹ãªã®ã§ã‚ªãƒ³ãƒ‡ãƒžãƒ³ãƒ‰ã§æ–™é‡‘ãŒã‹ã‹ã‚Šã¾ã™ã€‚個人開発ã§ä½¿ã†åˆ†ã«ã¯ã»ã¨ã‚“ã©æ–™é‡‘ãŒæŽ›ã‹ã‚‰ãªã„ã®ã§ãŠã™ã™ã‚ã§ã™ã€‚ 今回ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«Nuxt.jsを使ã£ã¦Amplifyを始ã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ゴールNuxt.js + AWS Amplifyã®é–‹ç™ºç’°å¢ƒæ§‹ç¯‰ å‰æAWSアカウントã¯ä½œæˆæ¸ˆã¿ã®å‰æã§é€²ã‚ã¦ã„ãã¾ã™ æ‰‹é †Nuxtプãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆ rendering modeã¯SPAã«ã—ã¾ã™ã€‚UIã¯ã„ã¤ã‚‚よã使ã£ã¦ã„ã‚‹Vuetify.jsã«ã—ã¾ã—ãŸã€‚ $ yarn creat
ã€v2対応】Nuxt.jsã¨Firebaseを組ã¿åˆã‚ã›ã¦çˆ†é€Ÿã§Webアプリケーションを構築ã™ã‚‹ - Qiita
Firebase Advent Calendar 2017 21日目ã®è¨˜äº‹ã§ã™ã€‚ フリーランスã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ä¸å¿ƒã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹potato4dã§ã™ã€‚ 普段ã¯Vue.jsã‚’ä¸å¿ƒã«ã€æ¡ˆä»¶ã‚’進ã‚ãŸã‚Šã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«é–¢ã‚ã£ãŸã‚Šã—ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã‚“ãªVue界隈ã§ä»Šã‚¢ãƒ„ã„フレームワークã§ã‚ã‚‹Nuxt.jsã¨Firebaseを組ã¿åˆã‚ã›ã¦ã€SPA + SSRã«Auth㨠Firestore を組ã¿åˆã‚ã›ãŸã‚¢ãƒ—リケーションを高速ã§ä½œã‚‹æ–¹æ³•ã‚’ã€ã‚µãƒ³ãƒ—ルã¨ã‚ã‚ã›ã¦ã”紹介ã—ã¾ã™ã€‚ 2019/10/16 追記 ã“ã®ã‚µãƒ³ãƒ—ル㯠Firestore ãŒå˜åœ¨ã—ãªã„ Nuxt v1.x + RTDB 時代ã®ã‚³ãƒ¼ãƒ‰ã‚’æ„šç›´ã«ç§»è¡Œã—ã¦ã„ã‚‹ ã®ã§å…¨ä½“çš„ã«è³‡æ–™ãŒå¤ããªã£ã¦ã„ã¾ã™ã€‚ インフラ構æˆã«ã¤ã„ã¦ã¯é †æ¬¡æ›´æ–°ã—ã¦ã„ã¾ã™ãŒã€ç‰¹ã«ãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢æ“作周りã«ã¤ã„ã¦ã¯ ã§ãã‚‹ã ã‘å‚考ã«ã—ãªã„ã§ãã ã•ã„。 2019/07/02
Nuxt.js + Firebase Authentication + FireStoreã§webアプリケーションãƒãƒ³ã‚ºã‚ªãƒ³ - Qiita
Nuxt.js + Firebase Authentication + FireStoreã§webアプリケーションãƒãƒ³ã‚ºã‚ªãƒ³ãƒãƒ³ã‚ºã‚ªãƒ³FirebaseAuthFirestoreNuxt 本記事ã¯ä»¥ä¸‹ã«å¼•ã£è¶Šã—ã¾ã—ãŸã€‚ 今後Qiita上ã§ã®æ›´æ–°ã¯ã‚ã‚Šã¾ã›ã‚“。 ã“ã®è¨˜äº‹ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ Nuxt.js + Firebaseã§ä½•ã‹ä½œã‚ŠãŸã„ Firebase Authenticationã¨Cloud FireStore使ã„ãŸã„ Chapter1 firebaseã®æº–å‚™ ã¾ãšã¯firebaseå´ã‚’準備ã—ã¾ã™ã€‚ 今回用æ„ã™ã‚‹ã®ã¯ - プãƒã‚¸ã‚§ã‚¯ãƒˆ - Authentication - FireStore ã®ä¸‰ã¤ã€‚ firebase consoleã«ãƒã‚°ã‚¤ãƒ³ 1.https://firebase.google.com/?hl=ja ã¸ã‚¢ã‚¯ã‚»ã‚¹ 2.å³ä¸Šã®ã€Œãƒã‚°ã‚¤ãƒ³ã€ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒã‚°ã‚¤ãƒ³ã€‚ 3.ãƒã‚°ã‚¤ãƒ³ã§ããŸã‚‰
Nuxt.js(Vue.js)SSRã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã‚’完全ã«ç†è§£ã—ãŸã„(wip) | miyazaki develop log
最近ã€Nuxt.jsã§é–‹ç™ºã‚’ã™ã‚‹æ©Ÿä¼šã‚’ã„ãŸã ã„ãŸã‚‚ã®ã®nuxtã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã«ãªã‹ãªã‹ã¤ã¾ãšã„ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ fetchã‚„mountedã€createdãªã©ã¯ãªã‚“ã¨ãªãã‚ã‹ã£ãŸã‚‚ã®ã®ã€middrewareã‚„pluginsãŒæ··ã–ã‚‹ã¨æœ¬å½“ã«ã‚ˆãã‚ã‹ã‚‰ãªããªã‚‹ã€‚。 ã¾ã ã¾ã nuxt.js2ヶ月ã¨è¶…絶åˆå¿ƒè€…ã§ç¶²ç¾…ã§ãã¦ãªã„ライフサイクル + é–“é•ã„ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€éšæ™‚更新予定ã§ã™ã€‚ 検証ã™ã‚‹ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ« SSR(サーãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°)ã¨CSR(クライアントサイドレンダリング)ã§é ãŒã”ã¡ã‚ƒã”ã¡ã‚ƒã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã®ã§ 別々ã§æ›¸ã„ã¦ã„ãã¾ã™ã€‚ SSRã¯ã€URLã§ç›´æŽ¥ã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸéš›ã«ã€å‹•ãã‚‚ã®ã€‚ CSRã¯ã€nuxt.js上ã®ã‚¢ãƒ—リケーション上ã§ãƒªãƒ³ã‚¯ã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸéš›ã«ã«å‹•ãã‚‚ã®ã€‚ ã¨ã—ã¦è€ƒãˆã¦ã„ã¾ã™ã€‚ 検証コードã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ 念ã®ãŸã‚ã€å…¨éƒ¨ã« process.server
Nuxt/Vuexã§Firebase Authenticationを使ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼èªè¨¼æ©Ÿèƒ½ã‚’作る - フリーランãƒé£Ÿã¹ãŸã„
Nuxt/Vuexã§Firebase Authenticationを使ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼èªè¨¼æ©Ÿèƒ½ã‚’作るã«ã‚ãŸã£ã¦ã€åŸºæœ¬çš„ãªã‚„ã‚Šæ–¹ã¯Firebaseドã‚ュメントã«æ›¸ã„ã¦ã‚ã‚‹ã®ã§ã™ãŒã€ã€Œã©ã“ã«ä½•ã‚’書ã‘ã°ã„ã„ã®ã‹ã€ãŒã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ãªãŒã‚‰ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 完æˆå½¢ ã“ã‚“ãªæ„Ÿã˜ã§ç”¨æ„ã•ã‚ŒãŸUIを使ã£ã¦ãƒã‚°ã‚¤ãƒ³æ©Ÿèƒ½ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ å‰ææ¡ä»¶ Firebase Projectã®ä½œæˆ/Firebase SDKã®ä½œæˆã¯Nuxt/Vuexã«ã¯é–¢ä¿‚ã—ãªã„部分ãªã®ã§æ¬¡ã®è¨˜äº‹ã‚’å‚考ã«è¡Œã£ã¦ãã ã•ã„。ã“ã®è¨˜äº‹ã¯Firebase SDKã‚’Nuxt/Vuexã«ã©ã†çµ„ã¿è¾¼ã‚€ã‹ã€ã‚’ä¸å¿ƒã«æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ firebase.google.com 環境 nux[email protected] vue@2.6.10 vue[email protected] [email protected] firebaseui@3.5.2 FirebaseUIインストール＆CS
Nuxt.jsã®Storeã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿ä¿å˜ [vuex-persistedstate][js-cookie]
Nuxt.jsã«ãŠã„ã¦Store（ストア）を利用ã™ã‚‹ã¨ã€ãƒ‡ãƒ¼ã‚¿ã®çŠ¶æ…‹ç®¡ç†ã‚’ãŠã“ãªã†Vuexã«ã‚ˆã£ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–“ã®ãƒ‡ãƒ¼ã‚¿ã®å—ã‘渡ã—を一元化ã§ãã¾ã™ã€‚本記事ã§ã¯ãã®Storeã¨vuex-persistedstateモジュールを利用ã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’Local Storage（もã—ãã¯Session Storage）ã«ä¿å˜ã—ã¦ã¿ã¾ã™ã€‚ Storeã«ã¯ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãƒ¢ãƒ¼ãƒ‰ã¨ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ¢ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ãŒã€æœ¬è¨˜äº‹ã§ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ¢ãƒ¼ãƒ‰ã«ã‚ˆã‚‹è¨˜è¿°ã§èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ï¼’ã¤ã®ãƒ¢ãƒ¼ãƒ‰ã®é•ã„ã«ã¤ã„ã¦ã¯å…¬å¼ã‚µã‚¤ãƒˆã‚’å‚ç…§ã—ã¦ä¸‹ã•ã„。 Nuxt.jsã«ã‚ˆã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆã¯ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã‚’ã”覧下ã•ã„。 Nuxt.js入門 [$route.params][layouts] プãƒã‚¸ã‚§ã‚¯ãƒˆå†…ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’確èªã—ã¾ã™ã€‚Storeã«ã‚ˆã‚‹æ©Ÿèƒ½ã¯ã€ä¸»ã«ã€Œstoreã€ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå†…ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¿½åŠ ã—ã¦ã„ãã“ã¨ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ $ tree
Nuxtã§redirectã™ã‚‹æ–¹æ³• - Qiita
https://github.com/nuxt/nuxt.js/issues/1843 ã«ã‚ˆã‚‹ã¨ã€è¨å®šãƒ™ãƒ¼ã‚¹ã§ã‚„る方法ã¯ãªã„。 A. 空ã®ãƒšãƒ¼ã‚¸ã‚’é…ç½®ã—ã¦ã€fetchã§programmaticallyã«recirectã•ã›ã‚‹ B. middlewareã§ä¼¼ãŸã‚ˆã†ãªã“ã¨ã™ã‚‹ A. 空ã®ãƒšãƒ¼ã‚¸ã‚’é…ç½®ã—ã¦ã€fetchã§programmaticallyã«recirectã•ã›ã‚‹ 例: /ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨/postsã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã›ãŸã„å ´åˆ pages/ index.vue posts/ index.vue <script lang="ts"> import Vue from 'Vue' export default Vue.extend({ fetch({ redirect }) { redirect(301, '/posts') } }) </script>
Nuxt.js + Tailwind CSS ã§çˆ†é€Ÿã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆä½œæˆ
ã“ã‚Œã‹ã‚‰æ³¨ç›®ã•ã‚Œã‚‹ã“ã¨é–“é•ã„ãªã—ã® CSS フレームワークã§ã™ã€‚ Tailwind CSS ã§ã¯ã€UI コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã™ã‚‹ã®ã§ã¯ãªãã€CSS ã® class ã‚’æä¾›ã™ã‚‹ã ã‘ãªã®ã§ã€ç”¨æ„ã•ã‚ŒãŸ class を指定ã™ã‚‹ã ã‘ãªã®ã§ç°¡å˜ã«è¤‡é›‘㪠UI を作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å…¬å¼ãƒ‰ã‚ュメントを元㫠Flex ã®ä¾‹ã‚’見ã¦ã¿ã¾ã—ょã†ã€‚ class を見るã ã‘ã§å¤§ä½“ãªã«ã‚’ã—ã¦ã„ã‚‹ã‹ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Tailwind CSS を採用ã—ãŸç†ç”±åƒ•ã¯ã€å‰²ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã¯è‡ªä¿¡ãŒã‚ã‚Šã¾ã™ã€‚デザインもã‹ã˜ã£ã¦ã‚‹ç³»ã§ã™ã€‚ UI フレームワークã ã¨ã¡ã‚‡ã£ã¨ã„ã˜ã‚ã†ã¨æ€ã†ã¨é€†ã«ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šãã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆä½œæˆã‚„見ãŸç›®ã¯ã“ã£ã¡ã§ã‚„ã‚‹ã‹ã‚‰ class ã ã‘æä¾›ã—ã¦ãã‚Œã¨ãšã£ã¨è€ƒãˆã¦ãŠã‚Šã€ãã‚“ãªä¸ Tailwind CSS ã¨å‡ºä¼šã£ãŸã®ã§æŽ¡ç”¨ã—ã¾ã—ãŸã€‚ 英語もã§ããªã„ã®ã§æ£ç›´ class åを考ãˆã‚‹
Nuxt + firebaseã§ã‚µãƒ¼ãƒãƒ¬ã‚¹ãªå›³æ›¸ç®¡ç†ãƒ‡ãƒ¢ã‚¢ãƒ—リを3æ—¥ã§ä½œæˆãƒ»ãƒ‡ãƒ—ãƒã‚¤ã—㟠- Qiita
時間ã§ã„ã†ã¨25hã§è¨è¨ˆãƒ»å®Ÿè£…・デプãƒã‚¤ã¾ã§ã§ããŸã®ã§ãƒ¡ãƒ¢ã¨ã—ã¦æ®‹ã—ã¾ã™ 完æˆgif ã“ã‚“ãªæ„Ÿã˜ã§å›³æ›¸ã‚’管ç†ã™ã‚‹ä¸Šã§å¿…è¦ã¨ãªã‚‹ã§ã‚ã‚ã†å„機能を実装ã—ã¾ã—ãŸã€‚ URL載ã›ã¦ã„ãŸã®ã§ã™ãŒã‚¢ã‚¯ã‚»ã‚¹å¢—ãˆã¦æ€–ããªã£ãŸã®ã§URLã¯æ¶ˆã—ã¾ã—ãŸã€‚。 執ç†ã™ã‚‹ä¸ã§ãƒã‚°ã‚’ãƒãƒ©ãƒ›ãƒ©è¦‹ã¤ã‘ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ä¸€æ—¦æ›¸ã切りã¾ã™ãƒ»ãƒ»ãƒ» モãƒã‚¤ãƒ«ã‚‚ホラ（レイアウトã¯è€ƒæ…®ãŒå¿…è¦ï¼‰ 経緯（動機） 弊社ã§ã¯æ¥å‹™ã§ä½¿ç”¨ã™ã‚‹å›³æ›¸ã‚’経費購入ã§ãる制度ãŒã‚ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€ç¤¾å†…図書ãŒã‹ãªã‚Šæºœã¾ã£ã¦ãã¦ã„ã¾ã—ãŸã€‚ 図書ã®ç®¡ç†ã¯ã€ç¾çŠ¶ã‚¹ãƒ—レッドシートã§ç®¡ç†ã—ã¦ãŠã‚Šã€ã“ã‚ŒãŒç‰¹ã«ç ´ç¶»ã—ã¦ã„ã‚‹ã¨è¨€ã†ã“ã¨ã¯ãªã‹ã£ãŸã®ã§ã™ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰è§¦ã‚ŠãŸã„ãªãã¨ã„ã†å€‹äººçš„ãªéƒ½åˆãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ç°¡å˜ãªå›³æ›¸ç®¡ç†ã‚¢ãƒ—リケーションã®ãƒ‡ãƒ¢ã‚’作ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ç«‹ã¡ã¾ã—ãŸã€‚ ã§ã€è‡ªåˆ†çš„ã«æ‰‹å¿œãˆãŒã‚ã£ãŸã‚‰ã“ã‚Œã§ã„ãã¾ã›ã‚“ã‹ã¨æ案ã—ã¦ã¿ã‚ˆã†ãƒ»ãƒ»ãƒ» 技術é¸å®š モãƒã‚¤ãƒ«ã‹ã‚‰è§¦ã‚Š
Nuxt.jsã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®å¤–出ã—＆国際化対応 - Qiita
vue-i18nã¨nuxt-i18nãŒã‚ã‚‹ã‘ã©... nuxt-i18n を使用ã—ã¾ã™ nuxt-i18nã®æ–¹ãŒæ›´æ–°ãŒæ´»ç™ºãªã®ã§ã“ã¡ã‚‰ã‚’使ã£ã¦ã„ã“ã†ã¨ã„ã†å˜ç´”ãªç†ç”±ã§ã™ã€‚ ã‚‚ã†1ã¤ã€nuxt-community/nuxt-i18nã®READMEã®é€šã‚Šã«ã‚„ã£ã¦ã‚‚ã„ã„ã®ã§ã™ãŒãƒ¡ãƒ³ãƒ†ãŒã—ã«ãã„ã¨æ€ã„ã€ãƒ—ラグインã¨ã—ã¦ç™»éŒ²ã—ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’定義ã—ãŸjsonファイルをèªã¿è¾¼ã‚€ã‚ˆã†ã«ã—ã¾ã™ã€‚（+ 言語ã¨ã—ã¦æ—¥æœ¬èªžã‚’è¨å®šï¼‰ インストール 2019å¹´11月23æ—¥ç¾åœ¨ã®æœ€æ–°6.4.0をインストール
Nuxt.jsã¨Firebaseã§SPA×SSR×PWA×サーãƒãƒ¼ãƒ¬ã‚¹ã‚’実ç¾ã™ã‚‹ - DMM inside
ã¯ã˜ã‚ã¾ã—ã¦ã€‚DMM.comラボ エンターテインメント本部イベント開発部ã®ä¸Šäº•ï¼ˆã‚¦ãƒ¯ã‚¤ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ インフラã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¾ã§å¹…広ã担当ã—ã¦ãŠã‚Šã¾ã™ã€‚ 今回ã¯ã€æ¥å‹™ã§åˆ©ç”¨ã—ã¦ã„ã‚‹Nuxt.jsã¨Firebaseを使ã£ã¦ã€SPA×SSR×PWA×サーãƒãƒ¼ãƒ¬ã‚¹ã®Webアプリケーションを構築ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã„ãŸã—ã¾ã™ã€‚
windows10 Electron-Nuxt.jsをインストールã™ã‚‹
Nuxt.js ライブラリ「@ssthouse/vue-tree-chartã€ã‚’使用ã—ã¦ãƒ„リーãƒãƒ£ãƒ¼ãƒˆã‚’実装ã™ã‚‹ 2021.03.09 ライブラリ「@ssthouse/vue-tree-chartã€ã‚’インストールã™ã‚‹ã¨ã€ãƒ„リーãƒãƒ£ãƒ¼ãƒˆã‚’実装ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ã“ã“ã§ã¯ã€nuxt.jsã§[…] Nuxt.js ライブラリ「vue-horizontal-listã€ã‚’インストールã—ã¦ã‚¿ãƒƒãƒå¯¾å¿œãªæ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã‚’実装ã™ã‚‹ 2020.07.08 ライブラリ「vue-horizontal-listã€ã‚’インストールã™ã‚‹ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®ã‚¿ãƒƒãƒæ“作ãŒå¯èƒ½ãªæ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å®Ÿè£…ãŒå¯èƒ½ã§ã™ã€‚ã“ã“ã§ã¯[…] Nuxt.js 404エラーページを作æˆã™ã‚‹ 2020.01.16 Nuxt.jsã§å˜åœ¨ã—ãªã„URLã«ã‚¢ã‚¯ã‚»ã‚¹ãŒä¼šã£ãŸå ´åˆã«ã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ 目次 1. 環境 2. エラーページ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Firebaseã®Storageを使ã£ã¦ã¿ã‚‹ï½œsumi｜note
Nuxt.js+VuexFire+Firebaseを使ã£ã¦æŽ²ç¤ºæ¿ã‚’作ã£ã¦ã¿ã¾ã—ãŸï½œé«˜æ©‹æ‚ 太 / Yuta Takahashi｜note
middleware プãƒãƒ‘ティ
『Nuxt + Firebase Hostingã€ã§è¶…速deploy - Qiita
Nuxt.js｜å˜åœ¨ã—ãªã„URLã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒã‚ã£ãŸæ™‚ã®å‡¦ç†ï½œãŸã®ã—ã„Web
ã€NuxtJS】Vuex 㧠mapGetters 引数ã‚ã‚Šã®æ›¸ãæ–¹ - tomatoaiu ã® Tech Blog
{{#tags}}- {{label}}
{{/tags}}