Nuxt.js ライブラリ「v-avatar」を利用してアバターを実装する
ライブラリ「v-avatar」をインストールすると、アバターを簡単に作成することができます。ここでは、nuxt.jsでv-avatarを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm 6.13. […]
2020年
Nuxt.js vue-faq-accordionを使用してFAQのデザインを簡単に制作する
- 2020.02.19
- nuxt.js, vue-faq-accordion
ライブラリ「vue-faq-accordion」をインストールすると、FAQのデザインと構築が既に実装されているので非常に簡単です。ここでは、nuxt.jsで vue-faq-accordionを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 nod […]
chrome ファビコン(favicon)が表示・更新されない
サイトアップ時にchromeのみfaviconが表示されなかったので、対応した方法を記載 環境 chrome バージョン: 79.0.3945.130（Official Build） （64 ビット） 対応方法 自分の場合は「 ctrl + f5 」を対象のページで押下で改善されました
IE11でiframeにてhtmlがそのまま表示された場合の対処法
iframeを利用してhtmlをファイルを表示した際に、IE11のみ、htmlがそのまま表示されたので、その対処法 エラー画像 IE11 コンソールエラーメッセージ (HTTP ヘッダー) からのコードページ utf-8 は、(META タグ) からの競合するコードページ を上書きします 原因 if […]
Vue.js vue-feedback-reactionを利用して絵文字を実装する
- 2020.02.17
- vue-feedback-reaction, Vue.js
vue.jsのライブラリである 「vue-feedback-reaction」をインストールすると、ユーザーのリアクションを絵文字で表示することができます。ここでは、 vue-feedback-reactionを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS […]
Nuxt.js エラー「window is not defined」が発生した場合の対応方法
- 2020.02.17
- nuxt.js, window is not defined, エラー
基本的には、SSRを利用しようとすると発生するみたいです。自分の場合は、あるライブラリを利用しようとして発生。対応した手順を記載しておきます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1. […]
Nuxt.js c-swipeを使用してタッチ操作でスライドさせる
ライブラリ「c-swipe」をインストールすると、タッチ操作(スワイプ)でのスライドが実装可能です。ここでは、nuxt.jsでc-swipeを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm 6. […]
Nuxt.js vue-simple-context-menuを使用して左クリックや右クリックでコンテキストメニューを表示する
- 2020.02.16
- nuxt.js, vue-simple-context-menu, 使い方
ライブラリ「vue-simple-context-menu」をインストールすると、左クリックや右クリックでコンテキストメニューをサイト上に表示することが可能です。ここでは、nuxt.jsで vue-simple-context-menu を利用するための手順と簡単な使い方を記述してます。 環境 OS […]
Django python manage.py createsuperuser実行時にエラー「django.db.utils.OperationalError: no such table: auth_user」が発生した場合の対処法
- 2020.02.15
- Django
python manage.py createsuperuserでスーパーユーザー作成時にエラーが発生したので、対応方法を記載 環境 OS CentOS Linux release 8.0.1905 (Core) Python 3.6.8 pip 9.0.3 django 3.0 エラー […]
Nuxt.js vue-highlight-wordsを使用して指定した文字列をハイライト表示する
- 2020.02.14
- nuxt.js
ライブラリ「vue-highlight-words」をインストールすると、指定した文字列をハイライト表示することできます。ここでは、nuxt.jsでvue-highlight-wordsを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node&nb […]