![【技術メモ】Firebaseのプロジェクトを作成する方法](https://itechsearchengine.com/wp-content/uploads/2021/07/b81056a35b2b908b9225719f024e3571.png)
WebサイトなどによくあるGoogle,Twitter,Line,FacebookなどのSNSアカウントを使ったログイン手法を調べていたときに、Firebaseというサービスを使えば実装できることがわかりました。
例えば、下記の画像なようなログイン画面です。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/30f1dbb2c6010a40e06e259b547e7b4c.png)
今後使うかもしれないということで勉強も兼ねて、試しに使ってみたいと思います。
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
Firebaseとは
「Firebase」はアプリ開発者向けのサービスで、バックエンドの処理を代わりに行ってくれることで、開発にかかる時間・手間の省略が可能です。小さいWEBサイトでは、無料で使用可能で、規模を大きくする場合でも従量課金になっており、コスト節約にもつながります。
「Firebase」はBaaS(Backend as a Service)の一種で、Webアプリケーションやモバイルアプリケーションのバックエンドで行う機能を提供するクラウドサービスです。
今回はFirebaseの数ある機能うちの一つ「認証(Firebase Authentication)」の興味を持ったため、使用しようと考えました。
Firebaseのプロジェクト作成手順
事前準備
Firebaseを使用するにあたってはGoogleアカウントが必要になりますので、用意しておく必要があります。
作成手順
①Firebaseにアクセスします。
公式サイトにアクセスします。
https://firebase.google.com/
②左上のログインボタンを押して、Firebaseにログインします。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/5296838ae5c7afafba3e0327b6e02f17-1024x466.png)
③使用するGoogleアカウントを選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/adb01673641f2277612e87e7a7e4f94f-893x1024.png)
④パスワードを入力し、「次へ」を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/6ed4a77a4b3c7a7bb5c3699e4774ac4e-882x1024.png)
⑤ログインができたら、「使ってみる」を押します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/6109f14ff84146750b5277f705ff322c-1024x535.png)
⑥「プロジェクトを追加」を押します。
※既に一つ試しに作ってみてあったので、黒塗りにさせてもらいました。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/200bc379a9b9ed9c000a49ebab263dba-1024x610.png)
⑦「プロジェクト名」入力します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/330f727f8d2bfeae643f30bd912e6a2b-1024x615.png)
⑧「プロジェクト名」入力しました。
今回は「test」という名前で作成します。
※同時に「一意のプロジェクトID」が自動生成されます。
後からの変更ができませんので、必要な場合ここで変更しておきましょう。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/73261bba34d5784b871f43b1f311e010-1024x615.png)
⑨「一意のプロジェクトID」を変更して保存を選択します。
初期値「test-ccd95」
![](https://itechsearchengine.com/wp-content/uploads/2021/07/6011bfd5c971e547fcadf9f0b87876a1.png)
変更後「test-atodehenkouhadekimasenn」
![](https://itechsearchengine.com/wp-content/uploads/2021/07/fecfad83a56099319ad57d5c81163680.png)
⑩「続行」を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/9de22f98defb1f34b9379c35fb1e41f8-1024x610.png)
11「続行」を選択します。
「このプロジェクトでGoogleアナリティクスを有効にする」にチェックを入れたままにしておきます。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/eac3a6bf8eb0c9dc82a6ff48151cebe0-1024x674.png)
12「アカウントを選択」します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/1f416ff14debea8047e0cfe55918c336-1024x660.png)
13「Default Account for Firebase」を選択します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/e84701eb3ed643cd680a1f69b28f0506-1024x667.png)
14プロジェクトが作成されるまで待ちます。(1分から3分程度)
「プロジェクトを作成しています...」と表示がでます。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/168b95a9ab12e970315937d5ee24e241-1024x666.png)
「リソースをプロビジョニングしています...」と表示がでます。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/53de11c835e9ae8c0d6cac15302ba6ab-1024x669.png)
「処理を終了しています...」と表示がでます。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/19fd5d808cb6676a2ac7f719f2362e86-1024x669.png)
「新しいプロジェクトの準備ができました」と表示が出たら「続行」を押します。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/4cdd32cea4328e4483a57cc0d3c0bd3e-1024x670.png)
15プロジェクトの作成は完了です。
![](https://itechsearchengine.com/wp-content/uploads/2021/07/08ea09e3ddf35d425c69ddbdc6783322-1024x679.png)
終わりに
今回はFirebaseでの新規プロジェクトの作成方法を紹介してみました。
Firebase Authenticationが使ってみたら、備忘録の技術メモとしてブログに残してみたいと思います。
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)