ユーザーとデータをつなぐ｜第2回 Firebase認証とデータベース

著者: 管理者 / 2025-08-14 (更新: 2025-08-14)

Firebase

🌸 導入

前回はFirebaseの全体像を俯瞰し、「サーバー不要でアプリの裏側を支えるプラットフォーム」であることを学びましたわね。
本日は最終回として、Firebaseの代表的な機能である 認証（Authentication） と データベース（Firestore） を取り上げ、実際にどのように使われるのかを見てまいりましょう ✨

前回の記事データベースに優雅な翼を｜第1回 Firebaseの基礎入門

まあ！ユーザーのログイン機能と、データを保存する機能……まさにアプリに欠かせない要素ですわね！👒

その通りです。Firebaseを使えば、それらを驚くほど少ないコードで実装できます。今日は流れをイメージしやすいように、コードは最小限に抑えてご紹介しますね。

📝 解説：Firebase Authentication（認証）

Firebase Authenticationは、ユーザーの「ログイン／ログアウト」を簡単に実現できるサービスです。

対応しているログイン方法

メールアドレス & パスワード
Google / Facebook / Twitter などのSNSアカウント
匿名ログイン（ゲストアカウント）

メール&パスワードでの利用イメージ

import { getAuth, createUserWithEmailAndPassword } from "firebase/auth";

const auth = getAuth();
createUserWithEmailAndPassword(auth, "user@example.com", "password123")
  .then(user => console.log("登録完了:", user))
  .catch(error => console.error(error));

👉 複雑なセキュリティ処理はFirebaseが肩代わり。開発者は呼び出すだけで利用可能です。

まあまあ！セキュリティが絡む機能を、こんなに簡単に実装できるなんて安心ですわね ✨

そうですね。次はデータの保存を見ていきましょう。
Firebaseには「Realtime Database」と「Firestore」がありますが、現在は Firestore が主流です。

📝 解説：Cloud Firestore（クラウドデータベース）

Firestoreは「NoSQLデータベース」で、ドキュメント形式でデータを保存します。
SQLのような複雑なテーブル設計は不要で、直感的に使えるのが魅力です。

データ保存のイメージ

import { getFirestore, collection, addDoc } from "firebase/firestore";

const db = getFirestore();
await addDoc(collection(db, "messages"), {
  text: "こんにちは",
  createdAt: new Date()
});

messages コレクションに新しいドキュメントを追加
JSONのような形でデータを扱える

データ取得のイメージ

import { getDocs, collection } from "firebase/firestore";

const snapshot = await getDocs(collection(db, "messages"));
snapshot.forEach(doc => console.log(doc.id, doc.data()));

👉 書き込み・読み込みが数行でできてしまうのが、Firestoreの強みです。

まあ！これならチャットアプリも簡単に作れてしまいそうですわね 💬