Nuxt.js vue-pollを使用して投票ツールを実装する
ライブラリ「vue-poll」をインストールすると、投票形式のアンケートを簡単に実装することできます。ここでは、nuxt.jsでvue-pollを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm […]
2020年2月
Vue.js error: Parsing error: Unterminated string constantが発生した場合の対処法
- 2020.02.20
- Vue.js
vue.jsで eslint利用時に「error: Parsing error: Unterminated string constant」が発生した場合の対応方法 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @v […]
Vue.jsのライブラリvue-compare-imageをインストールして画像を2分割して表示する
- 2020.02.19
- vue-compare-image, Vue.js
vue.jsのライブラリである 「vue-compare-image」を利用して、少しオシャレに画像を2分割で表示する手順と簡単な使い方 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 V […]
Nuxt.js 多言語対応Nuxt-i18nの簡単な使い方
- 2020.02.19
- nuxt.js
nuxt-i18nを利用して簡単に多言語対応を実現するサンプルコード 環境 OS Ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 nuxtインストール nuxt-i18n-testという名前でプロジェ […]
javascript 変数宣言letとvarの違い
- 2020.02.19
- javascript
javascriptの変数宣言であるletとvarの違い、ちゃんと説明できないことがあったので、サンプルコードと出力結果を記載 let スコープがブロックスコープ。 ES6以上でないと動作しない。 出力結果 Var スコープが関数スコープ 。古いブラウザでも対応している 出力結果
Nuxt.js ライブラリ「v-avatar」を利用してアバターを実装する
ライブラリ「v-avatar」をインストールすると、アバターを簡単に作成することができます。ここでは、nuxt.jsでv-avatarを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm 6.13. […]
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 […]