LoginSignup
4
8

More than 5 years have passed since last update.

FirebaseとVue.js(Nuxt.js)に慣れようと思って参考にしたサイト

Last updated at Posted at 2019-03-22

もうすぐゴールデンウィークですね。
10日も休みですね。
なにしよう・・・
ゴロゴロしててもきっと飽きるので、何かしようと今から興味のあることを探してます。

ふわっと知っているけれど、何かつくったことはないFirebaseをちょっとさわってみてみました。
参考にして、練習したサイトをまとめておこうと思います。(自分のために。)

まずは

Firebaseについてですね。
公式サイト

ドキュメントがいっぱいなので、公式サイト読むだけでもだいたいなにができるか、
困った時どうしたらいいのかはわかると思います。

参考にしたサイト

読んだだけのサイトはとてもいっぱいあるので、手を動かしてみたものだけにしました。

Vue.js + Firebase を使って爆速でユーザ認証を実装する

なんだかよくわからずにサイトに沿ってコピペしていったら、動くものができた!
すごい!!

【Firebase】Vue.jsで作ったWebアプリを公開する方法を解説【初心者向け】

ホスティングもやってみようと思い、上でつくったやつを公開してみることに。
なんかわかんないけど結構てこづった・・・

“firebase init”が完了すると、first-firebaseディレクトリの配下に “.firebaserc” と “firebase.json” が作成されています。

ここの部分、何回 firebase init しても、firebase.json が作られず・・・
でも、実際は私が思っていた場所とは違うところにできていて、そのファイルを本来いて欲しい場所に移動したら解決しました。

公開と公開停止をやりました。とても簡単。

この問題解決するために参考にしたサイト
Vue.js によるアプリを Firebase で Hosting する最短の道
Firebase Hostingに静的サイトをデプロイする手順のメモ
5分でvueのアプリを作りfirebaseにhostingする

FirebaseとNuxt.jsを使ってユーザ認証関係を簡単に作ってみる+1ヶ月前の自分に教えたいリンク集

さっきやった内容をNuxt.jsで。
普段Nuxt.jsつかっているので、こっちのほうがなじみがあり・・

しかし、なぞのエラーでつまずいた。
それに関してはメモしたので、そちらで。
node-v57-linux-x64-glibcがなんちゃら〜ってエラーが出た時の解決方法

Nuxt.jsとFirebase Authenticationでログイン認証を作る

ほぼほぼおさらいですね。

最後の、ログインしたら表示が変わるところが変わらないーって思ったけど、数秒したら表示が変わって、あ、時間かかってただけ?ってなりました。
これはしょうがないんかな?

おわり

そんな感じで、とても簡単でした〜

つまずいたのは、Firebaseとはあまり関係ないとこばっかw

なにつくろうかな〜
ってか、何かつくるのかな?

4
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
8