AP課日報アプリケーション(RocketFORGE)をデプロイしました!

Posted date at 2024-11-01

Business

React

Firebase

title.png

 AP課日報をデプロイしましたので、使用技術と実装した機能を共有します。


🚀アプリの規模

 ステップ数:22,605(全体)

code-total.png


🚀完成図書

🐡技術資料(Architecture and Implementation Details)

 以下の画像をクリックして参照ください。

説明文

🐡プロモーション資料(Promotional Material for Users)

 以下の画像をクリックして参照ください。

説明文

 

 


🚀アプリのURL

 ※アプリをタブで開くを押してください。

 


🚀新たにトライしたこと

 今回、以下のことにトライして、機能を実装しました。マルチデータベースに対応しました。

 ・kintoneからWebhookでFirestoreを更新する。

  ⇒kintoneを直接修正したときに、Firestoreに自動で更新がかかるようにした。

 ・APIを提供するバックエンドアプリでkintoneとFirestore両方を更新する。

  ⇒アプリから複数の日報を追加・更新・削除したときにkintoneとFirestore両方に結果を反映するようにした。

 ・kintoneとFirestoreを同期する。

  ⇒夜間に前日追加分の日報について、kintoneのレコード情報でFirestoreを(追加・更新・削除)するようにした。

 ・オブジェクト指向の設計を取り入れる。

  ⇒バックエンドの内、1つのアプリケーション(Application3日次処理(同期))をオブジェクト指向で

   設計し実装した。


🚀まとめ

  今回、kintoneとFirestoreの両方のデータベースの整合性を担保するのにどうすればいいか考えました。kintoneを正とし、最終的に日次処理でfirestoreを上書きすることにしました。他に良いプラクティスがないかアンテナを張っていきたいと思います。

  今回の入力のような動きのある画面の実装はコードが複雑化しやすいです。useEffectの依存関係を適切に設定するのに時間がかかりました。

 

←ホームに戻る