Skip to content

Posts

続々・Firebase認証をvueで使う

エラーメッセージUncaught TypeError: Cannot read properties of undefined (reading 'initializeApp')でぐぐって出てきた javascript - Uncaught TypeError: Cannot read property ‘initializeApp’ of undefined - Stack Overflow を参考にしたら、エラー解消して一歩進んだ。 上記回答にも書いてあるが、 Upgrade from version 8 to the modular Web SDK | Firebase Documentation ドキュメントに書いてある(以前自分も見つけてたやつだけど、ふむふむ互換パッケージが用意 Read more

続・Firebase認証をvueで使う

どうもうまくいかない。 ライブラリのバージョンの問題なのか何か見落としていることがあるのか。 AmplifyのGraphQLもそうだけど、こういう、本質的ではないと(個人的には)思うところで躓いて先に進めないのはとてもストレスになる。

Firebase認証をvueで使う

環境が整ってきたので、また再開。 前回はAmplifyからFirebaseへの差し替えは意外と面倒そうだというところで終わっていた。 このあたりの記事が参考になりそう。 Firebase+Vue.js(Vue3 Composition API)でログイン/サインアップフォームを作成する | devsakaso Vue3でFirabaseログイン FriendlyEats-vue3 - Firebase9 Vue.js 3 Turorial

マカフィーアンインストール

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 Read more

Inspiron13購入

Inspiron13が到着した。意外と簡素な梱包。 OSははじめてのWindows11。 とりあえずChromeとVS Codeインストール。 WSL2もインストール。terminalを管理者権限で起動して、 wsl --install タッチパッドが頻繁に反応なくなるのはちょっと。。 キーボード、全体的にもう少し左に寄せてもよかった Read more

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)というものらし Read more

VueアプリのAmplifyからFirebaseの移行

Vueはtemplateとscriptがひとつのファイルに同居しているので(少なくとも今回作っていたアプリはそう)、AmplifyからFirebaseに乗り換えようとしたときは、結局scriptの方は書き換えないといけない。 templateとscriptがまとめて管理できることが良くも悪くも特徴なん Read more

新しいPC注文

アマゾンの欲しいものリスト眺めてたら、Inspiron14が10%オフになってて、買ってしまおうかと思った。 いったん落ち着いてDELLの直販見に行ったら、アマゾンのよりもストレージ容量上でも値段が若干安くなっていた。 じゃあ直販から買うかと思ったけど、どうせ直販から買うならもともと狙っていたInspi Read more