FirebaseでUIの作成

Firebase Hostingで簡単なHTMLサイトを公開する手順を以下のカリキュラム形式で説明します。

ステップ1: Firebaseプロジェクトのセットアップ

• Firebaseコンソールにアクセスします（https://console.firebase.google.com）。
• プロジェクトの作成を選択し、新しいプロジェクトを作成します。
• プロジェクト名を入力し、プロジェクトを作成します。

ステップ2: Firebase CLIのインストール

hostingの画面に従って勧める。

• コマンドライン（ターミナル）を開きます。
• Firebase CLIをインストールするために、次のコマンドを実行します：

• インストールが完了したら、次のコマンドを実行してFirebaseにログインします：

ステップ3: プロジェクトの初期化

• コマンドラインで、作成したプロジェクトのルートディレクトリに移動します。
• 次のコマンドを実行して、Firebaseプロジェクトを初期化します：

• インストールオプションが表示されるので、Hostingを選択します。
• デフォルトの設定を使用するかどうか尋ねられるので、”デフォルトの設定を使用しますか？”と聞かれたら、Enterキーを押してデフォルトの設定を選択します。

ステップ4: HTMLファイルの配置

• Firebaseプロジェクトのルートディレクトリに、公開したいHTMLファイル（例: index.html）を配置します。

ステップ5: プロジェクトのデプロイ

• コマンドラインで、次のコマンドを実行してプロジェクトをデプロイします：

• デプロイが完了すると、コマンドラインに公開されたサイトのURLが表示されます。

これで、簡単なHTMLサイトがFirebase Hostingに公開されました。公開されたURLにアクセスすると、ウェブサイトが表示されます。

注意: Firebase Hostingは、公開したいファイルをプロジェクトのルートディレクトリに配置するだけで簡単に公開できます。追加の設定やコンフィグレーションは必要ありませんが、より高度な設定やカスタマイズを行いたい場合は、Firebaseドキュメントや追加のリソースを参照することをお勧めします。

Firebaseの更新

プロジェクトフォルダに移動。下記で使用しているプロジェクトに繋がっていることを確認。

ファイルを更新して、下記コマンドでデプロイ。

firebase deploy 

firebaseのプロジェクトが更新されたか確認。