テクノ大福帳

本記事では、Firebase CLI の管理データに触れながら、プロジェクトディレクトリと Firebase プロジェクトを関連付ける方法をみていきます。 【目次】 ［１］はじめに ［２］概要 ［３］関連付け状態の確認 ［４］-P または --project フラグ ［５］アクティブプロジェクト （１）アクティブプロジェクトの設定 （２）アクティブプロジェクトのクリア ［６］エイリアス （１）概要 （２）エイリアスの新規登録と変更 （３）エイリアスを利用した Firebase プロジェクトの指定 （４）エイリアスの削除 （５）暗黙のアクティブプロジェクト？（エイリアスが１つの場合） ［７］その他のTipsっぽいこと （１）firebase init による Firebase プロジェクトとの関連付け （２）アプリの構成情報と Firebase プロジェクト （３）サンプルプログラムなどを動かす場合 ［１］はじめに 前の記事『 Firebase CLI の使い方とWebアプリ開発環境の簡単な動作確認 』では、プロジェクトディレクトリにある「firebase.json」ファイルが、Firebase プロジェクトにデプロイする内容を定義している旨を書きました。 一方「firebase.json」ファイルには、デプロイ先となる具体的な Firebase プロジェクトを指定しないことも書きました。 Firebase CLI では、プロジェクトディレクトリのデプロイ先となる Firebase プロジェクトを指定する方法をいくつか用意しています。 Firebase CLI リファレンス https://firebase.google.com/docs/cli?hl=ja Firebase CLI（Github） https://github.com/firebase/firebase-tools これらのドキュメントには、--project フラグ、アクティブプロジェクト、エイリアスなどの方法とコマンドの説明がありますが、それらの関係性や動作が（私にとっては）少し分かり難い気がします。 そこで本記事では、Firebase CLI の管理データに触れながら、プロジェクトディレクトリと Firebase プロジェクトを関連付ける方法をみていきます。加えて、関...

本記事では、Firebase Webアプリ開発のイベント毎に、ローカル開発環境の簡単な動作確認手順とFirebase CLI の基本的な使い方を見ていきます。 【目次】 ［１］はじめに ［２］Firebase にログイン （１）Google アカウントでログイン （２）ログイン状態の確認 （３）ログアウトとユーザの切替 （４）その他の利用方法 ［３］プロジェクトディレクトリの初期化 （１）概要 （２）プロジェクトIDの決定 （３）プロジェクトディレクトリの作成 （４）firebase init （５）利用する Firebase のプロダクト（機能）の選択 （６）Firebase プロジェクトの設定 （７）Hosting のセットアップ （８）firebase init で作成されるファイル （９）Firebase プロジェクトの管理コマンド ［４］ローカル環境での動作確認 （１）ローカルサーバ （２）Firebase Local Emulator Suite ［５］Firebase へデプロイ （１）Hosting へデプロイ （２）Hosting の無効化 ［６］後始末：プロジェクトの削除と復元 （１）Firebase コンソールからプロジェクトを削除 （２）gcloud コマンドを利用したプロジェクトの削除と復元 ［１］はじめに 本記事では、Firebase を利用したWebアプリ開発における Firebase CLI の基本的な使い方を見ていきます。 Firebase CLI リファレンス https://firebase.google.com/docs/cli?hl=ja Firebase CLI （GitHub） https://github.com/firebase/firebase-tools この記事を書いた主な目的は、Firebase Webアプリ開発環境の簡単な動作確認をアプリ開発に必須のイベントに応じて行う事です。 具体的には、前の記事『 Firebase Webアプリ開発用 Ubuntu 日本語デスクトップ開発環境の Vagrant BOX を作る 』で作ったBOXの動作確認が目的でした。（が、これに限るわけではありません。） Firebase CLI の動作確認を手軽に行えるように以下のことを考えました。 無料で...

本記事では Ubuntu 日本語デスクトップ環境にFirebase Webアプリ開発に必要なツール類を追加した Vagrant のBOXを作成して、Out of the box っぽいFirebaseの開発環境を構築することを目指します。 【目次】 ［１］はじめに ［２］開発環境用BOXの構築と利用シナリオ ［３］Ubuntu デスクトップ環境の用意 ［４］Firebase CLI のセットアップ （１）NVM（Node Version Manager）のインストール （２）Node.js のインストール （３）Firebase CLIのインストール （４）Java実行環境 ［５］その他の開発ツール類 （１）Cloud SDK （２）IDE / エディタなど（例：VSCode） （３）Google Chrome ［６］BOX登録 ［７］BOXから開発用仮想マシンを作成 （１）開発用仮想マシンの新規作成手順 （２）動作確認など ［１］はじめに Firebaseは、「モバイル・Webアプリケーション開発プラットフォーム」（ Wikipedia より）です。 Firebase https://firebase.google.com/?hl=ja Firebase は「構築」「リソースとモニタリング」「エンゲージメント」といったアプリのライフサイクルの多くをカバーするサービスを多数提供しています。モダンなアプリを開発する際にはとても重宝するサービスだと思います。 ところで、Firebase が提供するサービスは、いわばアプリの実行環境（アプリが必要とするサービス）の提供であり、開発環境（コードを書いたりビルドしてアプリを作るための環境）を提供しているわけではありません。このため、アプリの開発作業はPCなどのローカル環境で行って、その成果物を Firebase へデプロイする必要があります。 Firebase に限りませんが（特にサーバーレス系の）プラットフォームは速い速度でサービスが追加更新されますし、開発ライブラリも進化します。 例えば、最近、Firebase の JS SDK がモジュラー形式に移行するという Webアプリ開発に関する大きなトピックがありました。 The new Firebase JS SDK is now GA http...