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.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 […]
Nuxt.js vue-clockを使用してデジタル時計を実装する
ライブラリ「vue-clock」をインストールすると、ちょっとしたデジタル時計を実装することできます。ここでは、nuxt.jsで vue-clock を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm&nb […]
Nuxt.js vue-clock-pickerを使用してアナログ時計型のデータピッカーを実装する
- 2020.03.15
- nuxt.js, vue-clock-picker
ライブラリ「vue-clock-picker」をインストールすると、ちょっとおもしろいアナログ時計型のデータピッカーが実装できます。ここでは、nuxt.jsで vue-clock-picker を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 nod […]
Nuxt.js ライブラリ「vue-digital-transform」を使用して数字にアニメーションをかける
- 2020.03.14
- nuxt.js, vue-digital-transform, ライブラリ
ライブラリ「vue-digital-transform」をインストールすると、数字にアニメーションをかけることが可能です。ここでは、nuxt.jsで vue-digital-transformを利用するまでの手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node […]
Nuxt.js vue-social-shareを使用してSNSボタンを実装する
- 2020.03.13
- nuxt.js, vue-social-share, 使い方
ライブラリ「vue-social-share」をインストールすると、特にqqやweiboなどといった中国系のSNSボタンの実装が簡単に可能です。ここでは、nuxt.jsで vue-social-share を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19. […]
Nuxt.js vue-loading-checkboxを使用してチェックボックスにloadingをかける
- 2020.03.10
ライブラリ「vue-loading-checkbox」をインストールすると、チェックボックスにloadingをかけることが可能です。ここでは、nuxt.jsでvue-loading-checkboxを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 n […]