Nuxt.js ライブラリ「vue-chartjs」使用してグラフを作成する
- 2020.01.21
- nuxt.js
Nuxt.jsにChart.jsを導入できるライブラリvue-chartjsをインストールして、利用するための手順。ここでは、デザインフレームワークである「vuetify」も利用しています。 環境 OS ubuntu19.10 node v12.13.0 npm 6. […]
nuxt.js
Nuxt.js 404エラーページを作成する
- 2020.01.16
- nuxt.js
Nuxt.jsで存在しないURLにアクセスが会った場合に、エラーメッセージを表示する方法です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 エラーページ作成 layouts配下に下記の […]
Nuxt.js nuxt-childを利用して共通ヘッダーを作成する
- 2020.01.16
- nuxt.js
nuxt-childコンポーネントを利用すると簡単に共通化が可能です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 @nuxtjs/vuetify 1.9.0 Nuxt.jsは「 np […]
Nuxt.js error Elements in iteration expect to have ‘v-bind:key’ directives vue/require-v-for-keyが発生時の対処法
Nuxt.js(Vue.jsのフレームワーク)を v-forディレクティブを利用時にエラーが発生したので対処手順を記載。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 エラー内容 key […]
Nuxt.js エラー「Enable vuex store by creating store/index.js.」発生時の対応方法
- 2020.01.13
- nuxt.js
npm run dev実行時にNuxt Fatal Error「Enable vuex store by creating store/index.js.」が発生したときの対処法です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12. […]
Nuxt.js エラー「error Delete `␍` prettier/prettier」が発生した場合の対処法
- 2020.01.09
- nuxt.js
nuxt.js作成時にlinting toolsにprettierを選択し、原因がよくわからないエラーが発生したので、その対処法を記載 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 エラーメッセー […]
Nuxt.js titleタグを各ページごとに「サイト名 + 任意の文字列」に設定
共通のタイトルを設定して、 各ページごとに動的にタイトル設定したかったので、手順を記載します。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 nuxt.config.js編集 nuxt. […]
Nuxt.jsで実装したWebサイトをNetlifyにデプロイする手順
Nuxt.jsを利用して作成した静的なコンテンツをNetlify( ネットリファイ )にデプロイする手順。githubのアカウントと Netlifyのアカウントを取得していることが前提です。 環境 OS ubuntu19.10 node v12.13.0 npm 6. […]
Nuxt.js vuex-persistedstateを使ってLocal Storageにデータを保存する
- 2019.12.25
- Local Storage, nuxt.js, vuex-persistedstate
vuex-persistedstateの簡単な使い方のサンプルコードです。入力したテキストとカウンターにより増加させた数値をLocal Storageに保存します。 環境 OS Ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js& […]
Nuxt.js mavon-editorを利用してマークダウンエディタを構築する
- 2019.12.16
- mavon-editor, nuxt.js
mavon-editorをインストールして、マークダウンエディタの構築手順となります。簡単に構築でき、使いやすいので非常に便利です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 Nux […]