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 […]
2020年
Vue.js vue-particle-effect-buttonsを使ってアニメーションのかかったbuttonを実装する
- 2020.02.11
- vue-particle-effect-buttons, Vue.js
vue.jsのライブラリである 「vue-particle-effect-buttons」をインストールすると、アニメーション付きのボタンを作成することができます。ここでは、vue-particle-effect-buttonsを利用するための手順と簡単な使い方を記述してます。 環境 OS […]
Vue.js computed(算出プロパティ)の使い方
- 2020.02.11
- Vue.js
Vueのcomputedの使い方の簡単なサンプルコードです。methodsとは違い実行結果がキャッシュされるのが特徴です。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1. […]
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 […]
Django Webページの作成手順
pythonのWebアプリケーションフレームワーク「Django」でアプリケーションを作成して、URLの構成設定までの手順です。 環境 OS CentOS Linux release 8.0.1905 (Core) Python 3.6.8 pip 9.0.3 django 3.0 プロ […]
CentOs8 Python DjangoでWebアプリ開発環境の構築手順
pythonのWebアプリケーションフレームワークであるDjangoでの開発環境の構築手順です。途中、ちょこちょこエラーが発生しました。 環境 OS CentOS Linux release 8.0.1905 (Core) Python 3.6.8 pip 9.0.3 django 3. […]
Vue.jsのライブラリvue-particlejsをインストールしてパーティクルアニメーションを実装する手順
- 2020.02.10
- vue-particlejs, Vue.js
vue.jsのライブラリで、パーティクルアニメーションが比較的簡単に実装できる「vue-particlejs」の導入手順と簡単な使い方 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vu […]
Node.js expressを使ってMysqlに接続してデータを表示する
node.jsのフレームワークExpressを利用して、Mysqlに接続するためのサンプルコードです。 環境 OS CentOS Linux release 8.0.1905 (Core) node V10.16.3 npm 6.9.0 express 4.17.1 […]
vue.jsライブラリ「vue-swatches」の簡単な使い方
- 2020.02.10
- vue-swatches, Vue.js
vue.jsのライブラリである「vue-swatches」を使用すれば、color pickerを手軽に実装することができます。 ここでは、 vue-swatchesを利用するまでの手順と簡単な使い方を記述してます。 環境 OS CentOS 8.0.1905 (Core) node&n […]
Vue.js error: Duplicate key ‘components’ (no-dupe-keys)が発生した場合の対処法
- 2020.02.10
- Vue.js
vue.jsで eslint利用時に「error: Duplicate key ‘components’」が発生した場合の対応方法。今回は、ただcomponentsが重複していただけ 環境 OS CentOS 8.0.1905 (Core) node v […]