はじめにこんにちは!2017年9月入社の柏木です。夏休み自由研究連載13日目の記事です!🏖️ 昨日は【入門】私を苦しめたDynamoDBという読み応えたっぷりの記事でした。 今回は、Firebaseを使って画面を開発してみようと思います。 本記事のゴール下記を最短経路で作ってみます。 システムアドミンの人が使うようなマスタデータ管理画面を想定して、限られたユーザーにアクセスを制限すべく、認証機能も入れました。 Typescript×Reactのアプリを立ち上げる Firebaseのデータベース(Firestore)にデータを用意する Firebase Hostingを用いてデプロイする Firestoreに格納されているデータを画面に表示する Firebase Authenticationで認証する 環境 macOS Catalina (v10.15.6) Node.js (v14.8.
![Firebaseでお手軽!データ管理画面をつくる | フューチャー技術ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/829ee63563ab32db035ef654c78d6252172bf933/height=288;version=1;width=512/https%3A%2F%2Ffuture-architect.github.io%2Fimages%2F20200819%2Fimage.png)