Nuxt.js vue-long-clickを使用して長押ししてカウンターが変動するボタンを実装する
- 2020.02.12
- nuxt.js, vue-long-click
ライブラリ「vue-long-click」をインストールすると、長押しするとカウンターが増減するボタンを実装することができます。ここでは、nuxt.jsでvue-long-clickを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node […]
2020年2月
windows10 ElixirをインストールしてHello Worldしてみる
windows10へ プログラミング言語「Elixir」のインストール手順。 環境 OS windows10 pro Elixirインストーラーダウンロード こちらよりインストーラーをダウンロードします。 Elixirインストール ダウンロードしたelixir-websetup.exeを実行します。 […]
Vue.jsのライブラリVue–slick-popoverをインストールしてポップオーバーを実装する
- 2020.02.11
- Vue.js, Vue–slick-popover
vue.jsのライブラリである 「Vue–slick-popover」を利用して、ポップオーバーさせるための手順と簡単な使い方 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue環境構 […]
PythonとSeleniumを使ってchromeで検索をする
pythonでseleniumを使用して、プログラムからchromeを立ち上げて、指定したワードで検索するための簡単なサンプルです。 環境 Spyder起動 Spyderを利用してインストールします。ANACONDA NAVIGATORからSpyderを起動します。 Seleniumインストール p […]
Nuxt.js vue-rocker-switchを使用してスイッチ側のボタンを実装する
- 2020.02.11
- nuxt.js, vue-rocker-switch
ライブラリ「vue-rocker-switch」をインストールすると、ちょっとおもしろいスイッチ側のボタンを実装することができます。ここでは、スイッチのonとoffで電球のつけたり消したりするサンプルコードを記述してます。 環境 OS ubuntu19.10 node v12. […]
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 […]
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 プロ […]