Nuxt.js nuxt.jsのバージョン確認方法
たまにしか使用しないのですが、nuxt.jsのバージョンはコマンドで確認できます。 環境 OS ubuntu19.10 node v12.13.0 npm 6.13.7 Nuxt.js v2.11.0 バージョン確認方法 下記のコマンドで確認できます
nuxt.js
Nuxt.js vue-closableを使用してボタンクリックでポップアップを表示する
- 2020.02.12
- nuxt.js
ライブラリ「vue-closable」をインストールすると、ボタンをクリックでポップアップさせることができます。ここでは、nuxt.jsでvue-closableを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 […]
Nuxt.js vue-long-clickを使用して長押ししてカウンターが変動するボタンを実装する
- 2020.02.12
- nuxt.js, vue-long-click
ライブラリ「vue-long-click」をインストールすると、長押しするとカウンターが増減するボタンを実装することができます。ここでは、nuxt.jsでvue-long-clickを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node […]
Nuxt.js vue-rocker-switchを使用してスイッチ側のボタンを実装する
- 2020.02.11
- nuxt.js, vue-rocker-switch
ライブラリ「vue-rocker-switch」をインストールすると、ちょっとおもしろいスイッチ側のボタンを実装することができます。ここでは、スイッチのonとoffで電球のつけたり消したりするサンプルコードを記述してます。 環境 OS ubuntu19.10 node v12. […]
Nuxt.js day.jsを使って日付処理を行う手順
- 2020.02.11
- nuxt.js
nuxt.jsで 日付処理の軽量ライブラリであり、かつ「Moment.js」との互換性もある 「day.js」を利用して、日付処理を行うまでの簡単な手順とサンプルコードです。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nux […]
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 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 […]