Nuxt.js ライブラリ「vuemodoro」を使用してタイマー機能を実装する
ライブラリ「vuemodoro」をインストールすると、キレイなタイマーの実装が可能です。ここでは、nuxt.jsでvuemodoroを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm 6.13.7 […]
2020年
nuxt.js @nuxtjs/sitemapを使ってsitemap.xmlを生成する手順
- 2020.03.02
- @nuxtjs/sitemap, nuxt.js
nuxt.jsでsitemap.xmlを生成するには「@nuxtjs/sitemap」を利用するのが非常に便利です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 Nuxt.jsはnpx […]
Vue.js vue-infinite-loadingを使用して無限スクロールを実装する
- 2020.03.02
- vue-infinite-loading, Vue.js
vueのライブラリである「vue-infinite-loading」を使えば、簡単に無限スクロールが実現可能です。ここでは、簡単な使い方を記述してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vu […]
reveal.jsを利用してスライドを作成する
簡単にスライドが作成できる、reveal.jsの使い方と環境構築手順です。Markdownも利用できるので、非常に利用しやすい 環境 OS CentOS Linux release 8.0.1905 (Core) node V10.16.3 npm 6.9.0 rev […]
Node.js Nodemailerを利用してメール送信を行う
- 2020.03.01
- node.js
node.jsのモジュール「Nodemailer」を使ってmailを送信する簡単なサンプルコード 環境 OS CentOS Linux release 7.7.1908 (Core) node v12.13.0 Nodemailerインストール サンプルコード nodemaile […]
Firebase Storageの簡単な使い方
FirebaseのStorageを利用して、Storageにファイルをアップするための簡単なサンプルコード ローカル環境 OS windows10 pro node V10.16.3 npm 6.9.0 firebase CLI 7.11.0 ※firebase CL […]
Vue.js ライブラリ「vue-info-card」を利用してひっくり変えるカードを実装する
- 2020.02.29
- Vue.js
vue.jsのライブラリである 「vue-info-card」を利用すると、 マウスオーバー すると、ひっくり変えるタイプのカードを実装できます。ここでは、インストール手順と簡単な使い方を記載してます。 環境 OS CentOS 8.0.1905 (Core) node v12 […]
Nuxt.js ライブラリ「animated-number-vue」を使用して数字にエフェクトをかける
- 2020.02.29
- animated-number-vue, nuxt.js, 使い方
ライブラリ「animated-number-vue」をインストールすると、数字にちょっとしたエフェクトをかけ表示することが可能です。ここでは、nuxt.jsでanimated-number-vueを利用するための手順と簡単な使い方を記述してます 環境 OS ubuntu19.10 nod […]
Nuxt.js ライブラリ「vue-date-dropdown」を使用してドロップダウンの日付ピッカーを実装する
- 2020.02.29
- nuxt.js, vue-date-dropdown
ライブラリ「vue-date-dropdown」をインストールすると、ドロップダウンで日付を選択できる日付ピッカーが簡単に実装することできます。ここでは、nuxt.jsで vue-date-dropdownを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19. […]
Vue.jsのライブラリvue-scroll-snapをインストールしてOne Page Scrollを実装する手順
- 2020.02.28
- vue-scroll-snap
vue.jsのライブラリで、One Page Scrollを実装できる「vue-scroll-snap」の導入手順と簡単な使い方 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue環境 […]