Nuxt.js ライブラリ「vue-pincode-input」を使用してピンコードを実装する
- 2020.04.16
- nuxt.js, vue-pincode-input, インストール, ライブラリ
ライブラリ「vue-pincode-input」をインストールすると、ピンコードの入力フォームの実装が可能です。ここでは、nuxt.jsで vue-pincode-input を利用するまでの手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v1 […]
nuxt.js
Nuxt.js ライブラリ「v-number」を使用してアニメーションカウンターと、likeカウンターを実装する
ライブラリ「v-number」をインストールすると、カウンターのアニメーション表示が実装することできます。ここでは、nuxt.jsでv-numberを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu20.04 node v12.16.1 npm&nbs […]
Nuxt.js he-tree-vueを使用してtree上でドラッグアンドドロップを可能にする
- 2020.04.10
- he-tree-vue, nuxt.js, 使い方
ライブラリ「he-tree-vue」をインストールすると、treeでのドラッグアンドドロップでノードの再構成が可能です。ここでは、nuxt.jsでhe-tree-vueを利用してテキストにエフェクトをかけるまでの手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 no […]
Nuxt.js vue-confirmation-buttonを使用してボタンクリック時に確認メッセージを表示する
- 2020.04.07
- nuxt.js, vue-confirmation-button
ライブラリ「vue-confirmation-button」をインストールすると、ボタンクリック時に確認メッセージを表示することが可能です。ここでは、nuxt.jsでvue-confirmation-button を利用するための手順と簡単な使い方を記述してます。 環境 OS ubunt […]
Nuxt.js vue-moveableを使用してドラッグ、サイズ変更、回転可能な要素を作成する
- 2020.04.06
- nuxt.js, vue-moveable
ライブラリ「vue-moveable」をインストールすると、ドラッグ、サイズ変更、回転可能な要素の作成が容易です。ここでは、nuxt.jsで vue-moveableを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13. […]
Nuxt.js vue-code-highlightを使用してソースコードをハイライト表示する
- 2020.04.04
- nuxt.js
ライブラリ「vue-code-highlight」をインストールすると、ソースコードをハイライトして見やすく表示することができます。ここでは、nuxt.jsで vue-code-highlight を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 n […]
Nuxt.js nuxt-webfontloaderを使用してgoogle fontsを利用する
- 2020.04.02
- google fonts, nuxt-webfontloader, nuxt.js
ライブラリ「nuxt-webfontloader」をインストールすると、google fontsをとても簡単に利用することが可能です。ここでは、nuxt.jsでgoogle fontsを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node&nbs […]
Nuxt.js vue-twentytwentyを使用して画像を分割して表示する
- 2020.03.26
- nuxt.js, vue-twentytwenty, 使い方
ライブラリ「vue-twentytwenty」をインストールすると、画像を2つに分割して表示することができます。ここでは、nuxt.jsで vue-twentytwentyを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12. […]
Nuxt.js ライブラリ「vue-cascader-select」を使用して階層化できるセレクトメニューを実装する
- 2020.03.22
- nuxt.js, vue-cascader-select, 使い方
ライブラリ「vue-cascader-select」をインストールすると、複数種類のスイッチを簡単に実装することできます。ここでは、nuxt.jsでvue-cascader-selectを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node&nb […]
Nuxt.js ライブラリ「vue-collapse-transition」を使用してボタンクリックでコンテンツの表示/非表示を実現する
- 2020.03.21
- nuxt.js, vue-collapse-transition, ライブラリ
ライブラリ「vue-collapse-transition」をインストールすると、ボタンなどで要素を展開したり折りたたむことが可能です。ここでは、nuxt.jsで vue-collapse-transitionを利用するまでの手順と簡単な使い方を記述してます。 環境 OS ubuntu1 […]