AWS Amplify と Firebase：フロントエンド開発者向け BaaS 比較

aws-amplify と firebase はどちらも、モバイルおよびウェブアプリケーション向けのバックエンド機能（認証、データベース、ストレージ、プッシュ通知など）を提供する Backend-as-a-Service (BaaS) プラットフォームです。しかし、アーキテクチャ、API設計、統合方法、およびAWSまたはGoogle Cloudへの依存度には明確な違いがあります。この記事では、実際の開発シナリオに基づいて両者を比較します。

🔐 認証：シンプルさ vs カスタマイズ性

firebase の認証は非常に使いやすく、数行でメール/パスワード、Google、Apple、Facebookなどのプロバイダーを有効にできます。

// Firebase: メール/パスワードでのサインアップ
import { getAuth, createUserWithEmailAndPassword } from 'firebase/auth';

const auth = getAuth();
createUserWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    const user = userCredential.user;
  });

一方、aws-amplify は Amazon Cognito を基盤としており、より高度なカスタマイズ（トリガー、属性、MFA戦略など）が可能です。ただし、初期設定はやや複雑です。

// AWS Amplify: メール/パスワードでのサインアップ
import { Auth } from 'aws-amplify';

Auth.signUp({
  username: email,
  password,
  attributes: {
    email
  }
})
.then(data => console.log(data))
.catch(err => console.log(err));

Firebase は「すぐに使える」体験を重視し、Amplify は「柔軟に調整できる」体験を重視しています。

🗃️ データベース：リアルタイム vs GraphQL

firebase は Firestore（ドキュメント指向NoSQL）と Realtime Database（JSONツリー）の2種類のリアルタイムデータベースを提供します。変更があると自動でUIが更新されます。

// Firebase: Firestore からリアルタイム購読
import { collection, onSnapshot } from 'firebase/firestore';

const unsubscribe = onSnapshot(collection(db, 'posts'), (snapshot) => {
  snapshot.docChanges().forEach(change => {
    if (change.type === 'added') {
      console.log('New post: ', change.doc.data());
    }
  });
});

aws-amplify は主に AWS AppSync（GraphQL API）と DynamoDB を組み合わせて使用します。Amplify CLI でスキーマを定義すると、GraphQL API、DynamoDBテーブル、そしてリアルタイムサブスクリプションが自動生成されます。

// AWS Amplify: GraphQL サブスクリプション
import { API, graphqlOperation } from 'aws-amplify';
import { onCreatePost } from './graphql/subscriptions';

API.graphql(graphqlOperation(onCreatePost)).subscribe({
  next: (data) => console.log(data.value.data.onCreatePost)
});

Firebase はシンプルなキー/バリューまたはドキュメントモデルに向いており、Amplify は型安全で関係性の強いデータモデルに適しています。

☁️ ストレージ：ファイルアップロードの扱い

firebase は Firebase Storage（Google Cloud Storage 上に構築）を提供し、セキュリティルールによるアクセス制御が可能です。

// Firebase: ファイルアップロード
import { getStorage, ref, uploadBytes } from 'firebase/storage';

const storage = getStorage();
const storageRef = ref(storage, 'images/' + file.name);
uploadBytes(storageRef, file).then(snapshot => {
  console.log('Uploaded');
});

aws-amplify は Amazon S3 と統合されており、同様にポリシーによるアクセス制御が可能です。

// AWS Amplify: ファイルアップロード
import { Storage } from 'aws-amplify';

Storage.put('image.jpg', file, {
  level: 'public' // または 'private', 'protected'
})
.then(result => console.log(result))
.catch(err => console.log(err));

両方とも基本的な操作は似ていますが、Amplify は level オプションでユーザーごとのプライベート/パブリックアクセスを簡単に切り替えられます。

⚙️ 初期設定とCLI体験

firebase は Firebase CLI (firebase-tools) を使用してプロジェクトを初期化し、ホスティング、Functions、Firestoreなどを1コマンドで有効にできます。

firebase init
# → インタラクティブに機能を選択

aws-amplify は amplify-cli を使用し、カテゴリ（auth, api, storageなど）を段階的に追加・設定します。各カテゴリの設定は amplify/backend に保存され、CloudFormation でデプロイされます。

amplify init
amplify add auth
amplify add api
amplify push

Firebase CLI はシンプルで直感的ですが、Amplify CLI はより詳細な設定とインフラの可視性を提供します。

🌐 ホスティングとサーバーレス関数

firebase は Firebase Hosting（CDN対応、SSL無料）と Cloud Functions（Node.js, Python, Go）を提供します。フロントエンドと関数が同じプロジェクトで管理されます。

// Firebase: Cloud Function
const functions = require('firebase-functions');
exports.hello = functions.https.onRequest((req, res) => {
  res.send('Hello');
});

aws-amplify は静的ホスティング（Amazon S3 + CloudFront）をサポートし、Lambda 関数を amplify add function で追加できます。ただし、ホスティングは Amplify Console（CI/CD付き）または手動でS3にデプロイする必要があります。

// AWS Amplify: Lambda 関数（Node.js）
exports.handler = async (event) => {
  return {
    statusCode: 200,
    body: JSON.stringify('Hello')
  };
};

Firebase Hosting は超高速で簡単ですが、Amplify は AWS 全体のサービスと深く統合できます。

📱 プラットフォームサポート

両方とも Web、iOS、Android をサポートしていますが、firebase はネイティブSDK（特にAndroid/iOS）が非常に成熟しており、多くのモバイル開発者が採用しています。

aws-amplify も React Native、Flutter、iOS、Android SDK を提供していますが、Web開発者向けのドキュメントとツールが最も充実しています。

🔒 セキュリティモデル

firebase は Firestore や Storage に対して「セキュリティルール」という独自のDSLを使用してアクセス制御を行います。

// Firebase セキュリティルール例
match /posts/{postId} {
  allow read: if request.auth != null;
  allow write: if request.auth.uid == resource.data.authorId;
}

aws-amplify は IAM ポリシーや Cognito Identity Pool、および AppSync のリゾルバーベースの認可（@auth ディレクティブ）を使用します。

# Amplify GraphQL スキーマ例
type Post @model @auth(rules: [{ allow: owner }]) {
  id: ID!
  title: String!
}

Firebase のルールは学習曲線が緩やかですが、Amplify の @auth ディレクティブは GraphQL スキーマ内に認可ロジックを直接記述できるため、一貫性が高まります。

🔄 リアルタイム通信

両方ともリアルタイム更新をサポートしていますが、アプローチが異なります。

• Firebase: データベースの変更を直接購読（onSnapshot）
• Amplify: GraphQL サブスクリプション経由で WebSocket 接続

Firebase の方がシンプルで低レイテンシですが、Amplify は GraphQL の型システムとフィルタリング機能を活用できます。

🧩 エコシステムとロックイン

firebase は Google Cloud に強く依存しており、他のクラウドへの移行は困難です。

aws-amplify も AWS に依存していますが、GraphQL API を通じて他のバックエンドと連携しやすく、一部の機能（例：認証のみCognito、APIは自前）を部分的に使うことも可能です。

📊 まとめ：どちらを選ぶべきか？

💡 最終的なアドバイス

• Firebase は「素早く作りたい」「シンプルなデータ構造」「モバイルファースト」なプロジェクトに最適です。
• AWS Amplify は「型安全なAPIが欲しい」「既にAWSを使っている」「複雑な認証/認可が必要」なプロジェクトに向いています。

どちらも優れた選択肢ですが、チームのスキルセット、既存のインフラ、アプリの要件に合わせて選ぶことが重要です。