firebase-hosting-basics について
firebase-hosting-basics は、Firebase Hosting の操作手順と参照資料をエージェントに提供するスキルです。静的サイトや単純な SPA を対象とし、コマンドラインからデプロイしてグローバル CDN で配信します。
主な機能
- 01静的サイトと SPA のコマンドラインデプロイ
- 02CDN エッジでのキャッシュ配信
- 03SSL の標準搭載
- 04リリース前の確認用プレビューチャネル
- 05GitHub Actions との連携
- 06Cloud Functions や Cloud Run による動的コンテンツ
活用シーン
- 01React や Vue などの SPA、静的サイトのデプロイ
- 02一時プレビュー URL によるリリース前の変更確認
- 03エミュレーターを使った Hosting アプリのローカルテスト
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/firebase-hosting-basicsを入力して読み込まれたか確認します。
同梱ファイルreferences/configuration.mdreferences/deploying.md
詳細
hosting-basics
このスキルでは、Web アプリ、静的コンテンツおよび動的コンテンツ、マイクロサービス向けの高速でセキュアなホスティングサービスである Firebase Hosting を扱うための手順とリファレンスを提供します。
概要
Firebase Hosting は、開発者向けに本番環境対応の Web コンテンツホスティングを提供します。 1 つのコマンドで Web アプリをデプロイし、静的コンテンツと動的コンテンツの両方をグローバル CDN（コンテンツ配信ネットワーク）に配信できます。
主な機能：
- 高速なコンテンツ配信： 世界中の CDN エッジにある SSD にファイルがキャッシュされます。
- デフォルトでセキュア： SSL が設定不要で組み込まれています。
- プレビューチャネル： 本番環境にデプロイする前に、一時的なプレビュー URL で変更を確認・テストできます。
- GitHub 連携： GitHub Actions を使ってプレビューとデプロイを自動化できます。
- 動的コンテンツ： Cloud Functions または Cloud Run を使用して、動的コンテンツとマイクロサービスを配信できます。
Hosting と App Hosting の比較
次の場合は Firebase Hosting を選択してください：
- 静的サイト（HTML/CSS/JS）をデプロイする場合。
- シンプルな SPA（SSR を使用しない React、Vue など）をデプロイする場合。
- CLI を使ってビルドとデプロイのプロセスを完全に制御したい場合。
次の場合は Firebase App Hosting を選択してください：
- Next.js や Angular など、サポート対象のフルスタックフレームワークを使用している場合。
- サーバーサイドレンダリング（SSR）または ISR が必要な場合。
- 設定不要の「git push でデプロイ」ワークフローを自動化したい場合。
手順
1. 設定（firebase.json）
公開ディレクトリ、リダイレクト、リライト、ヘッダーなど、Hosting の動作設定の詳細については、 configuration.md を参照してください。
2. デプロイ
サイトのデプロイ、プレビューチャネルの使用、リリースの管理方法については、 deploying.md を参照してください。
3. エミュレーション
アプリをローカルでテストするには：
npx -y firebase-tools@latest emulators:start --only hosting
デフォルトでは、アプリは http://localhost:5000 で配信されます。