

# Firebase App Hosting の費用と機能

## 目次
1. はじめに
2. Firebase App Hosting とは
3. 料金プランについて
   - 3.1 Blaze プラン
   - 3.2 無料枠
4. 無料枠を超えた場合の費用
5. CDN 利用料金
6. Firebase App Hosting の主な機能
7. Firebase App Hosting の仕組み
8. Firebase App Hosting の実装手順
9. アプリのデプロイ例
10. まとめ

## 1. はじめに
Webアプリケーションの開発者にとって、アプリのホスティングは避けて通れない重要な要素です。Google の Firebase が提供する App Hosting サービスは、デプロイの簡易化とスケーラビリティの向上を目的としています。本記事では、この Firebase App Hosting の費用体系と主な機能、実装手順について詳しく解説していきます。

## 2. Firebase App Hosting とは
Firebase App Hosting は、Firebase が提供する機能の一つで、Webアプリケーションを簡単にホスティングすることができるサービスです。特に、動的なNext.jsアプリやAngularアプリの開発とデプロイを効率化するために設計されています。Firebase App Hosting は GitHub との連携や Google Cloud の各種プロダクトと統合できるため、より一層の柔軟性を提供します。

## 3. 料金プランについて

### 3.1 Blaze プラン
Firebase App Hosting を使用するには、Firebase の Blaze プランへアップグレードする必要があります。Blaze プランは従量課金制で、使用したリソースに基づいて料金が計算されます。このプランでは、指定された Google Cloud プロダクトに対して一定の無料枠が提供されます。

### 3.2 無料枠
無料枠には以下に示す Google Cloud サービスが含まれています。

- **Cloud Run**: コンテナ化されたアプリケーションやバッチジョブを実行するためのサービス。
- **Cloud Build**: 継続的インテグレーションやデプロイメント(CI/CD)パイプラインを構築するためのサービス。
- **Artifact Registry**: Docker イメージやNuGetパッケージなどのアーティファクトを安全に管理するためのサービス。
- **Cloud Secret Manager**: API キーやパスワードなどの機密情報を管理するサービス。
- **Cloud Logging**: アプリケーションやクラウドインフラストラクチャのログをリアルタイムで分析できるサービス。

## 4. 無料枠を超えた場合の費用
無料枠を超えた場合の費用は、各サービスの利用量に基づいて発生します。具体的には以下の通りです。

- **Cloud Run**: 利用する CPU とメモリの時間に応じた課金。
- **Cloud Build**: ビルド時間に基づく課金。
- **Artifact Registry**: ストレージ容量に基づく課金。
- **Cloud Secret Manager**: API キーやその他のシークレットが使用された回数に基づく課金。
- **Cloud Logging**: ログの保存や取り出し頻度に応じた課金。

## 5. CDN 利用料金
Firebase App Hosting ではCDN（コンテンツ配信ネットワーク）の利用が可能です。プレビュー期間中は無料で提供されていますが、一般提供が開始されると以下のように課金されます。

- **キャッシュされていない送信帯域幅**: 新規リクエスト時に発生する課金。
- **キャッシュに保存された送信帯域幅**: キャッシュ使用時のボリュームに応じた課金。
- **ストレージ**: キャッシュデータの保持に対する課金。

## 6. Firebase App Hosting の主な機能
Firebase App Hosting には、以下のような主な機能があります。

- **GitHub 連携**: GitHub に`git commit`することで、自動的にデプロイできます。
- **Google Cloud とのバックアップ連携**: Cloud Build、Cloud Run、Cloud CDN などの Google Cloud の各サービスを利用できます。
- **AI との連携**: Gemini などの AIツールを活用したデータ分析が可能で、Cloud Secret Manager により API キーの安全性を確保します。
- **Firebase コンソールの統合**: ビルドとロールアウトの監視、ログや指標へのアクセス、カスタムドメイン機能等があります。

## 7. Firebase App Hosting の仕組み
Firebase App Hosting のデプロイプロセスは、以下のステップで構成されます。

1. Firebase コンソールまたは Firebase CLI を利用して GitHub アプリを承認します。
2. 継続的デプロイのためのリポジトリとライブブランチを作成し、設定します。
3. ライブブランチにコミットがプッシュされると、Google Cloud Developer Connect からイベントが送信されます。
4. Firebase App Hosting で最新のコミットに基づきロールアウトが開始されます。
5. Cloud Build ジョブを実行し、アプリケーションに適したコンテナと構成を準備します。
6. コンテナは Artifact Registry に保存され、Cloud Run サービスに新しいリビジョンが追加されます。
7. Cloud CDN を有効化した Google Cloud ロードバランサがリクエストを処理します。

## 8. Firebase App Hosting の実装手順
Firebase App Hosting を使用してアプリをデプロイするための手順は以下の通りです。

1. Firebase プロジェクトを新たに作成し、Blaze 料金プランを有効化します。
2. Firebase コンソールまたは Firebase CLI を使用して App Hosting のバックエンドを作成し、GitHub リポジトリを接続します。
3. バックエンドを作成すると、Firebase から提供されるサブドメインを通じてアプリにアクセスできるようになります。
4. 環境を整えたら、Firebase コンソールでロールアウトの詳細を確認し、ライブブランチにコミットがプッシュされるたびに自動的に新しいバージョンがデプロイされるように設定します。

## 9. アプリのデプロイ例
Firebase App Hosting を使った Next.js アプリのデプロイを例にしてみます。

- **Step 1**: プロジェクト作成
  - Firebase コンソールで新しいプロジェクトを作成します。
- **Step 2**: App Hosting セットアップ
  - Firebase CLI でバックエンドを作成し、GitHub リポジトリと接続します。デプロイ設定を完了します。

![img](/mosaic-code.jpg)
- **Step 3**: デプロイと確認
  - GitHub リポジトリのライブブランチに変更をプッシュすると、Firebase が自動で新しいバージョンをデプロイします。
  - Firebase コンソールにて適切にデプロイされたかを確認します。

## 10. まとめ
Firebase App Hosting は、初心者からプロフェッショナルまで、広範なニーズに対応するホスティングサービスです。Firebase App Hosting を活用することで、アプリのデプロイプロセスが大幅に簡素化され、スケーラブルな構成が可能になります。Blaze プランの無料枠を上手に活用しつつ、必要なコストを把握することで、効率的かつ経済的なウェブアプリケーション運用が実現できます。環境の違いによる互換性や、他のホスティングサービスとの特徴の違いを認識した上で選択することが重要です。

[cv:issue_marketplace_engineer]



# Firebase App Hosting の費用と機能

## 目次
1. はじめに
2. Firebase App Hosting とは
3. 料金プランについて
   - 3.1 Blaze プラン
   - 3.2 無料枠
4. 無料枠を超えた場合の費用
5. CDN 利用料金
6. Firebase App Hosting の主な機能
7. Firebase App Hosting の仕組み
8. Firebase App Hosting の実装手順
9. アプリのデプロイ例
10. まとめ

## 1. はじめに
Webアプリケーションの開発者にとって、アプリのホスティングは避けて通れない重要な要素です。Google の Firebase が提供する App Hosting サービスは、デプロイの簡易化とスケーラビリティの向上を目的としています。本記事では、この Firebase App Hosting の費用体系と主な機能、実装手順について詳しく解説していきます。

## 2. Firebase App Hosting とは
Firebase App Hosting は、Firebase が提供する機能の一つで、Webアプリケーションを簡単にホスティングすることができるサービスです。特に、動的なNext.jsアプリやAngularアプリの開発とデプロイを効率化するために設計されています。Firebase App Hosting は GitHub との連携や Google Cloud の各種プロダクトと統合できるため、より一層の柔軟性を提供します。

## 3. 料金プランについて

### 3.1 Blaze プラン
Firebase App Hosting を使用するには、Firebase の Blaze プランへアップグレードする必要があります。Blaze プランは従量課金制で、使用したリソースに基づいて料金が計算されます。このプランでは、指定された Google Cloud プロダクトに対して一定の無料枠が提供されます。

### 3.2 無料枠
無料枠には以下に示す Google Cloud サービスが含まれています。

- **Cloud Run**: コンテナ化されたアプリケーションやバッチジョブを実行するためのサービス。
- **Cloud Build**: 継続的インテグレーションやデプロイメント(CI/CD)パイプラインを構築するためのサービス。
- **Artifact Registry**: Docker イメージやNuGetパッケージなどのアーティファクトを安全に管理するためのサービス。
- **Cloud Secret Manager**: API キーやパスワードなどの機密情報を管理するサービス。
- **Cloud Logging**: アプリケーションやクラウドインフラストラクチャのログをリアルタイムで分析できるサービス。

## 4. 無料枠を超えた場合の費用
無料枠を超えた場合の費用は、各サービスの利用量に基づいて発生します。具体的には以下の通りです。

- **Cloud Run**: 利用する CPU とメモリの時間に応じた課金。
- **Cloud Build**: ビルド時間に基づく課金。
- **Artifact Registry**: ストレージ容量に基づく課金。
- **Cloud Secret Manager**: API キーやその他のシークレットが使用された回数に基づく課金。
- **Cloud Logging**: ログの保存や取り出し頻度に応じた課金。

## 5. CDN 利用料金
Firebase App Hosting ではCDN（コンテンツ配信ネットワーク）の利用が可能です。プレビュー期間中は無料で提供されていますが、一般提供が開始されると以下のように課金されます。

- **キャッシュされていない送信帯域幅**: 新規リクエスト時に発生する課金。
- **キャッシュに保存された送信帯域幅**: キャッシュ使用時のボリュームに応じた課金。
- **ストレージ**: キャッシュデータの保持に対する課金。

## 6. Firebase App Hosting の主な機能
Firebase App Hosting には、以下のような主な機能があります。

- **GitHub 連携**: GitHub に`git commit`することで、自動的にデプロイできます。
- **Google Cloud とのバックアップ連携**: Cloud Build、Cloud Run、Cloud CDN などの Google Cloud の各サービスを利用できます。
- **AI との連携**: Gemini などの AIツールを活用したデータ分析が可能で、Cloud Secret Manager により API キーの安全性を確保します。
- **Firebase コンソールの統合**: ビルドとロールアウトの監視、ログや指標へのアクセス、カスタムドメイン機能等があります。

## 7. Firebase App Hosting の仕組み
Firebase App Hosting のデプロイプロセスは、以下のステップで構成されます。

1. Firebase コンソールまたは Firebase CLI を利用して GitHub アプリを承認します。
2. 継続的デプロイのためのリポジトリとライブブランチを作成し、設定します。
3. ライブブランチにコミットがプッシュされると、Google Cloud Developer Connect からイベントが送信されます。
4. Firebase App Hosting で最新のコミットに基づきロールアウトが開始されます。
5. Cloud Build ジョブを実行し、アプリケーションに適したコンテナと構成を準備します。
6. コンテナは Artifact Registry に保存され、Cloud Run サービスに新しいリビジョンが追加されます。
7. Cloud CDN を有効化した Google Cloud ロードバランサがリクエストを処理します。

## 8. Firebase App Hosting の実装手順
Firebase App Hosting を使用してアプリをデプロイするための手順は以下の通りです。

1. Firebase プロジェクトを新たに作成し、Blaze 料金プランを有効化します。
2. Firebase コンソールまたは Firebase CLI を使用して App Hosting のバックエンドを作成し、GitHub リポジトリを接続します。
3. バックエンドを作成すると、Firebase から提供されるサブドメインを通じてアプリにアクセスできるようになります。
4. 環境を整えたら、Firebase コンソールでロールアウトの詳細を確認し、ライブブランチにコミットがプッシュされるたびに自動的に新しいバージョンがデプロイされるように設定します。

## 9. アプリのデプロイ例
Firebase App Hosting を使った Next.js アプリのデプロイを例にしてみます。

- **Step 1**: プロジェクト作成
  - Firebase コンソールで新しいプロジェクトを作成します。
- **Step 2**: App Hosting セットアップ
  - Firebase CLI でバックエンドを作成し、GitHub リポジトリと接続します。デプロイ設定を完了します。

```json
// firebase.json の設定例
{
  "hosting": {
    "public": "public-directory",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}
```
- **Step 3**: デプロイと確認
  - GitHub リポジトリのライブブランチに変更をプッシュすると、Firebase が自動で新しいバージョンをデプロイします。
  - Firebase コンソールにて適切にデプロイされたかを確認します。

## 10. まとめ
Firebase App Hosting は、初心者からプロフェッショナルまで、広範なニーズに対応するホスティングサービスです。Firebase App Hosting を活用することで、アプリのデプロイプロセスが大幅に簡素化され、スケーラブルな構成が可能になります。Blaze プランの無料枠を上手に活用しつつ、必要なコストを把握することで、効率的かつ経済的なウェブアプリケーション運用が実現できます。環境の違いによる互換性や、他のホスティングサービスとの特徴の違いを認識した上で選択することが重要です。



Firebase App Hosting の費用と機能

目次

続きを読むには単価診断を受けてください（30秒）