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 プロジェ […]
2020年
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配下に下記の […]
Nuxt.js nuxt-childを利用して共通ヘッダーを作成する
- 2020.01.16
- nuxt.js
nuxt-childコンポーネントを利用すると簡単に共通化が可能です。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 @nuxtjs/vuetify 1.9.0 Nuxt.jsは「 np […]
webpack-dev-serverを利用時にnpm run dev 外部IP(プライベートIP)の利用手順
webpack-dev-serverを利用時に、npm run devを実行すると config内にあるindex.jsがlocalhostになっているので、localhostからしかアクセスできないので、外部IP(プライベートIP)から確認できるようにする手順 環境 OS ubuntu […]
Vue.js Vue-Tree-Chartを利用してデータをツリーチャートで表示する
- 2020.01.15
- Vue-Tree-Chart, Vue.js
tree-chartが簡単に実装できるVue-Tree-Chartを利用した簡単なサンプルコード 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue.js環境構築 今回はvueapp1 […]
sakuraエディタ ファルダパスとファイル名を一括取得
- 2020.01.15
- sakura
sakuraエディタのちょとした便利な機能です。sakuraにこんな機能があったことは、知らなかったの記載 環境 OS windows10 pro sakura 2.2.0.1 sakura起動 sakuraを起動して、ファルダパス+ファイル名を一括取得します。 まず、取得したファイルをまとめて選択 […]