Firebase認証をvueで使う
環境が整ってきたので、また再開。
前回はAmplifyからFirebaseへの差し替えは意外と面倒そうだというところで終わっていた。
このあたりの記事が参考になりそう。
Posts
マカフィーアンインストール
Inspiron13にプリインストールされていた、マカフィー関連をアンインストールした。 Microsoft Difenderで十分だと思うし、いちいちユーザー登録させようとするのが嫌。
WSL2でdocker
WSL2でFirebaseの作業再開しようとしたら、npmやらなにやら入ってない（Surfaceのほうは過去にインストールしてたらしい）ので、 docker入れてみることにした。
https://docs.docker.com/engine/install/ubuntu/
$ sudo apt-get remove docker docker-engine docker.io containerd runc
$ sudo apt-get update
$ sudo apt-get install \
ca-certificates \
curl \
gnupg \
lsb-release
$ curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg
$ echo \
"deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu \
$(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
$ sudo apt-get update
$ sudo apt-get install docker-ce docker-ce-cli containerd.io
$ sudo service docker start
$ sudo docker run hello-world
https://docs.docker.com/engine/install/linux-postinstall/
Read moreInspiron13購入
Inspiron13が到着した。意外と簡素な梱包。
OSははじめてのWindows11。 とりあえずChromeとVS Codeインストール。
WSL2もインストール。terminalを管理者権限で起動して、
wsl --install
タッチパッドが頻繁に反応なくなるのはちょっと。。
キーボード、全体的にもう少し左に寄せてもよかったのでは。無変換押そうとしてaltになることがしばしば。
これは慣れの問題かな。
HugoのCSSいじり
Hugoのテーマ、Inkblottyを使わせてもらっているのだけれど、codeとリンクが見えにくいと思って、GitHubっぽくしてみた。
Firebase v9 SDK
FirebaseのAuth組み込み、参考にしているWebサイトの例が
import firebase from "firebase";
firebase.auth().hogehoge
で、真似して実装しても
This dependency was not found:
* firebase in ./src/router/index.js
To install it, you can run: npm install --save firebase
エラーになって悩んでいた。
結局、
import { getAuth } from "firebase/auth";
getAuth().hogehoge
で書くと通ることに気づいた。
これはJavaScript モジュール形式の Firebase JS SDK バージョン 9（v9 SDK）というものらしい。
https://firebase.google.com/docs/web/setup?hl=ja#add-sdks-initialize
たしかにインストールしたSDKは、firebase@9.6.2 だった。
Read moreVueアプリのAmplifyからFirebaseの移行
Vueはtemplateとscriptがひとつのファイルに同居しているので（少なくとも今回作っていたアプリはそう）、AmplifyからFirebaseに乗り換えようとしたときは、結局scriptの方は書き換えないといけない。 templateとscriptがまとめて管理できることが良くも悪くも特徴なんだな、と思った。
Read more