参考 Nuxt3で fontawesomeを導入 (2022/03/13) GitHub - FortAwesome/vue-fontawesome: Font Awesome Vue component 環境 > node -v v17.6.0 > npm -v 8.5.1 npm install npm i --save @fortawesome/fontawesome-svg-core npm i --save @fortawesome/free-so…

最近、vue-cliで作成されたプロジェクトが、yarn serveしてもlocalhostに接続できないことが結構ある。 Windows10のWSL2を使ってるのですが、それが原因なのかも。 よく分からないけど、windows power shell で、wsl --shutdown をして、WSLを再起動すると直…

前提 この投稿の環境を前提にしております。 基本的にはcoc.nvimを使います。 プラグインで、Vueに特化した環境を整えます。 ESLintと、Prettierを使います。 インストールするもの coc-vetur coc-eslint coc-prettier :CocInstall coc-vetur coc-eslint coc…

Element UIのテーブルはソートとページネーションの相性が悪いらしい。試してみたら確かに悪かった。何が悪いかというと、ソートがページネーションと連動しない。ページ内に表示されているデータがソートされるだけだった。 対策 el-table-columnのsortable…

MENTAで、プランを作成しました。MENTAは有料でメンターになれるサービスで、プランを投稿すれば誰でもメンターになれます。 menta.work 自分は全部独学なのですが非効率なのは間違いなく、かといってちょっと質問したくても最適な人が近くにいるわけでもな…

Firebase Authには二段階認証がないようなので、Auth0を使おうと思います。Vue.jsで使います。 アカウント乗っ取りを防ぐためには二段階認証は有効です。Auth0を利用すると、多要素認証の機能を簡単に導入することができます。https://t.co/uUh9ixHzgaぜひ、…

VeeValidate インストール $ yarn add vee-validate 有効化 vueで使えるようにします。 src/plugins/vee-validate.js import Vue from 'vue' import VeeValidate, { Validator } from 'vee-validate' import ja from 'vee-validate/dist/locale/ja' Validato…

下記の続きです。 blog.logicky.com VuetifyはIEはIE11にのみある程度対応しています。Edgeには対応しているとのことです。 vuetifyjs.com こちらのとおりに対応することで、IE11への対応が可能になります。実際やってみたところ、私のサイトの場合は、IEで…

弊社HPですが、なんとIEでみるとこうなっております。 Vuetifyを使っていまして、IE対応しないとこのように潔く真っ白になっていました。 VuetifyをIE対応させる ここに書いてあります。 vuetifyjs.com やり方 babel-polyfillを追加します。 $ yarn add babe…

recaptchaのような動作可能なURLが限定される場合、functionsのURLは変な長いやつになりますので、どうしたらいいのかというのと、動作確認方法はどうしたらいいのかなと思いました。 hostingを使っている前提であれば非常に簡単で、下記に書いていますが、h…

前も下記にメモりましたが、やるたびに忘れるのでメモります。 blog.logicky.com Hosting, Functions $ firebase init 下記でプロジェクトを切り替えられます。切り替えられるプロジェクトは.firebasercに書いてあります。firebase use --add的なもので追加…

$ quasar dev -m cordova -T android ... Could not find an installed version of Gradle either in Android Studio, or on your system to install the gradle wrapper. Please include gradle in your path, or install Android Studio ... Android Studi…

Bitflyer FXに対応した裁量支援・自動売買ツールを作りました！ Windows / Mac / Linuxで動作します。 販売サイト 製品紹介・販売サイトは下記です。 ７日間無料キャンペーン中ですので、よかったら使ってみてください！ https://fx.logicky.com 概要・特徴 …

vue-stripe-elementsを使っていて困ったこと 最初下記を使っていて、すごく使いやすかったのですが、複数ヶ所でstripe-elementを表示させようとするとエラーになってうまくできませんでした。 github.com vue-stripe-elementsのissue 同じようなことで困って…

CloudFunctions async/await使う時は、下記のようにnode:8をpackage.jsonに設定する必要ある。 { "name": "functions", "description": "Cloud Functions for Firebase", "engines": {"node": "8"}, 上記を設定すると、そのままだとyarnが使えなかった。ココ…

Quasarを使おうと思ってたのですが、quasar-cliも、vue-cliも使えない状況で、使おうと思ったら、やり方が書いてなかった。下記によるとデフォルトのquasarに既存vueを統合してよみたいな感じに書いてあるので、Quasarは今回はやめることにした。 https://fo…

ブロードキャストというのは、node.jsのサーバから接続されている各クライアントに配信することです。 プロジェクト作成 $ mkdir hoge $ cd hoge $ yarn add express $ yarn add socket.io $ vue create client $ cd client $ yarn add socket.io-client と…