React+Firebase CRUDアプリ の開発

CRUDアプリとは

CRUDアプリケーションとは，

• Create（生成）
• Read（読み取り）
• Update（更新）
• Delete（削除）

の4つの機能を持つアプリケーションのことです．

作成するアプリケーションの仕様

ReactとFirebaseを使って，簡単なCRUDアプリケーションを作成してみます．
また，Firebaseを利用して，作成したアプリを公開するところまで行います．

今回は，CRUDアプリとしてタスク管理アプリケーションを作成します．タスク管理アプリケーションの仕様は次のような機能を満たすように作成します．

• タスクの新規作成
• 既存タスクの編集
• タスクの一覧表示

これらの機能を満たすように実装していきます．

使用技術とおよび開発環境

今回は次の技術を使用してタスク管理アプリケーションを作成します．

• React
• Firebase(Database, Hosting)

また，私の開発環境は以下です．

• yarn 1.22.4
• npm 6.14.4
• WSL (Ubuntu 18.04.4 LTS)

実装手順

以下の手順で作成していきます．

1. React+Firebaseの環境構築
2. ルーティングの実装
3. Create機能の作成
4. Read機能の作成
5. UpdateおよびDelete機能の作成