rails6 vue.jsのUIライブラリ「vuetify」を利用する
rails6で、vue.jsでUIライブラリ「vuetify」を利用までの手順を記述してます。railsのバージョンは6.1.0です。 環境 OS ubuntu20.10 ruby 2.7.2 rails 6.1.0 Postgresql 13.1 (dockerで構築) docker compos […]
Vuetify
VueCLIからelectron-vue.jsをインストールしてVuetifyを利用する
VueCLIを利用しないとVuetifyをelectron-vueで利用できないので、VueCLI をから electron-vue の環境を構築する 環境 OS windows10 pro node V10.16.3 npm 6.9.0 @vue/cli 4.1.1 […]
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 axiosを使用してAPI接続しJSONデータを取得する
Nuxt.jsでaxiosを使ってAPIデータを取得する手順とサンプルコードです。デザイン部は vuetify を利用しています。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 Nuxt […]
Vue.js Vuetifyの無料テンプレートを利用してみる
Vuetifyの無料テンプレートの1つParallaxを利用してみる 環境 OS ubuntu19.10 テンプレートのダウンロード こちらのページにアクセスし「DOWNLOAD NOW」をクリック クリックするとgithubにアクセスするので、こちらからダウンロードする ダウ […]
Vue.js Vuetifyを利用してみる
- 2019.11.16
- ubuntu19.10, Vue.js, Vuetify
Vue.jsのフレームワークで、マテリアルデザインを容易に利用できるVuetifyの利用手順と、ちょっとしたサンプルコードを記載 環境 OS Ubuntu19.10 Vue.js @vue/cli 4.0.5 vue/cli のインストール Vue/cliがインストールされてない場合はイ […]