Nuxt.js ライブラリ「vue-chartjs」使用してグラフを作成する
- 2020.01.21
- nuxt.js
Nuxt.jsにChart.jsを導入できるライブラリvue-chartjsをインストールして、利用するための手順。ここでは、デザインフレームワークである「vuetify」も利用しています。 環境 OS ubuntu19.10 node v12.13.0 npm 6. […]
2020年1月
React.js コンポーネントの簡単な使い方
React.jsでコンポーネントを作成して表示するまでの簡単なサンプルコードとなります。 環境 OS CentOS Linux release 8.0.1905 (Core) node V10.16.3 npm 6.9.0 React 16.12.0 コンポーネント作 […]
Vue.js vue-sweetalert2をインストールしてalertを表示する
- 2020.01.20
- vue-sweetalert2, Vue.js
Vueのライブラリvue-sweetalert2をインストールしてalertを表示するまでの簡単なサンプルコードです。 bootstrap-vueも少し利用してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @ […]
Vue.js ant-design-vueを使用してみる
- 2020.01.19
- ant-design-vue, Vue.js
vueのUIフレームワーク「ant-design-vue」が、なかなか良さそうなので、利用するまでの構築手順を記載 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue環境構築 下記のコ […]
Vue.js vue-carouselを使用してスクロール機能を実装する
- 2020.01.18
- vue-carousel, Vue.js
vueのライブラリである「vue-carousel」を利用すると、 簡単にスクロール機能が実装することが可能。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 プロジェ […]
lolipop 403エラーが発生した場合の対応方法
- 2020.01.18
- lolipop
FTPを利用してファイルをアップロード中に突然発生したので、対処法をメモ 環境 lolipopレンタルサーバー スタンダードプラン 発生した直前の作業 cssファイルをアップロード後に発生 対応方法 WAFを無効にすると改善したという話があったので、下記の手順で無効に 管理画面より セキュリティ & […]
Vue.js vue-rate-itを利用してハート型の評価機能を実装する
- 2020.01.17
- vue-rate-it, Vue.js, サンプルコード
vue-rate-itをインストールして、よくある評価機能を実装するサンプルコードです。 vue-rate-it は星型も画像も可能ですが、今回はハート型を利用してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 […]
CentOs8 n packageを利用して最新版のnodejs環境を構築する
標準リポジトリだとバージョンは10.16.3だったので、最新バージョンを利用するためn packageを利用して環境を構築します。 環境 OS Centos 8.0.1905 (Core) 標準リポジトリバージョン確認 10.16.3なので、最新バージョンの安定版である12.13.1( […]
Python matplotlibを利用して3Dデータを可視化する
- 2020.01.17
- matplotlib, python
matplotlibを利用して、簡単にデータを3D化してみます。 環境 OS windows10 pron python 3.7.4 pip 19.2.2 conda 4.7.10 matplotlibインストール matplotlibがインストールされていない場合は、インスト […]
Nuxt.js 404エラーページを作成する
- 2020.01.16
- nuxt.js
Nuxt.jsで存在しないURLにアクセスが会った場合に、エラーメッセージを表示する方法です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 エラーページ作成 layouts配下に下記の […]