Nuxt.js vue-go-topを使用して画像にエフェクトかける
- 2020.02.10
- nuxt.js, vue-go-top
ライブラリ「vue-go-top」をインストールすると、ページトップへ戻るボタンが簡単に作成することができます。ここでは、nuxt.jsで vue-go-top を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 […]
nuxt.js
Nuxt.js WebApiをaxiosと@nuxtjs/proxyを使って取得する
nuxt.jsで、クロスオリジンリソース( Cross-Origin Resource )を共有するための解決策である@nuxtjs/proxyの簡単な利用手順 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js&nb […]
Nuxt.js UI framework Buefyを使ってみる
Nuxtインストール時にUI frameworkにBuefyを選択して、簡単な使い方を記述 環境 OS Ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 Nuxt.jsインストール test-proje […]
Nuxt.js サーバーのIPアドレス(V4)一覧を表示するサンプル
Nuxt.jsでサーバーのIPを確認するためのサンプルコードです。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 Nuxt.js環境構築 ip-getという名前でプロジェクトを作成 UI […]
Nuxt.js This dependency was not found:発生時の対応
- 2020.01.24
- nuxt.js
新しいライブラリをインストールした後に、yarn devしたら突然 pluginsに設定していたｊsに対して「This dependency was not found」が複数発生したので、対応した手順を記載 環境 OS Ubuntu19.10 node v12.13.0 np […]
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 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. […]