2023 ソフトウェア設計及び演習用の班Wiki - 23::gr01::データベース(DB)モジュール

23::gr01::データベース(DB)モジュール

archive mode

>>{23::gr01::モジュールの仕様書}{戻る}
!!! 概要
データベースを操作・参照するモジュール群です。
*database.js
((br))
((br))
※下記のモジュールにおいてデータベースを登録・参照しています。本来ならば独立したひとつのモジュールにするべきでしたが、最終発表までのあらゆるコストを鑑みてそのままにすることにしました。(2023/06/30時点)
((br))
((br))
*main.js
*setting.js
*inputs.js
*records.js
*intake_cal.js
*target_burned.js
((br))

!!!利用したツール
:Google Firebaseの Cloud Firestore機能
::Google Firebaseは、モバイルアプリやWebアプリのためのバックエンドプラットフォームです。
::Firebase Cloud Firestore はFirebase と Google Cloud からのモバイル、ウェブ、サーバー開発に対応した、柔軟でスケーラブルなデータベースです。Cloud Firestoreを使う利点を以下に挙げます。
*柔軟性((br))
Cloud Firestore データモデルは、柔軟な階層型データ構造に対応しています。データはドキュメントに格納され、ドキュメントはコレクションにまとめられます。ドキュメントには、サブコレクションの他に複雑なネスト オブジェクトを含めることができます。
*高機能なクエリ処理((br))
Cloud Firestore では、個別のドキュメントを取得する場合や、クエリ パラメータに一致するすべてのドキュメントをコレクションで取得する場合に、クエリを使用できます。クエリには複数の連鎖フィルタを使用でき、またフィルタ処理と並べ替え処理を組み合わせることができます。デフォルトではクエリにはインデックスが付いているので、クエリのパフォーマンスは、データセットではなく結果セットのサイズに比例します。 
*リアルタイムアップデート ((br))
Realtime Database と同様に、Cloud Firestore はデータ同期を使用して、すべての接続端末のデータを更新します。ただし、シンプルな 1 回限りの取得クエリを効率的に実行するようにも設計されています。
!!!ユーザ管理の実現方法
:Firebase の CDN に保存されているfirestoreライブラリを追加し、各メソッドをインポートした
*"https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js"
!!!インポートしたメソッドの説明
: initializeApp
:: アプリで Firebase を初期化して、Firebase アプリ オブジェクトを作成します。Firebase アプリはコンテナに似たオブジェクトで、一般的な構成を保存し、Firebase サービス全体で認証を共有します。コードで Firebase アプリ オブジェクトを初期化すると、Firebase サービスを追加して使用できるようになります。

: getFirestore
::Cloud Firestore のインスタンスを初期化します。

: doc
::ドキュメントデータのインスタンスを作成します。Cぉud フィレsトレ のインスタンスへの参照(ref)を返す。

: setDoc
::単一のドキュメントを作成または上書きします。

: Timestamp
::firebase上のタイムスタンプ型のクラス(オブジェクト)です。now()メソッドで現時点の日付時刻データを返します

: getDoc
::データベースから最新のドキュメント スナップショットを取得します。

: collection
::コレクション内のすべてのドキュメントを取得する参照オブジェクトを返す。

: getDocs
::データベースから複数の最新のドキュメント スナップショットを取得します。

!!!自作したメソッドの説明
:get_data
::ユーザーオブジェクトを渡し、そのユーザーの全活動記録をcollectionメソッドで参照し、getDocsメソッドでスナップショットを作成します。コレクションの各データのプロパティを読み出し、日付ごとにデータをまとめ、用意した配列に格納します。

:get_records
::onAuthStateChangedメソッドで観測したユーザーオブジェクトを受け取り、ユーザー認証が行われていればそのオブジェクトをget_dataオブジェクトに渡し、認証に失敗した場合はトップ画面に遷移します。

Tag:

Attachment

New: append-tag

(download: 4166 bytes, at 2023/06/30 16:37:21 <frozen> )
(download: 5351 bytes, at 2023/06/30 16:42:45 <frozen> )
(download: 5350 bytes, at 2023/06/30 16:44:54 <frozen> )
(download: 5364 bytes, at 2023/06/30 16:46:25 <frozen> )
(download: 5369 bytes, at 2023/06/30 16:46:55 <frozen> )
(download: 2644 bytes, at 2023/06/30 16:54:23 <frozen> )
(download: 3381 bytes, at 2023/06/30 17:13:38 <frozen> )
(download: 3756 bytes, at 2023/06/30 17:21:38 <frozen> )
(download: 3764 bytes, at 2023/06/30 17:23:25 <frozen> )
(download: 3775 bytes, at 2023/06/30 17:23:59 <frozen> )
(download: 3786 bytes, at 2023/06/30 17:24:40 <frozen> )
(download: 4497 bytes, at 2023/06/30 17:39:53 <frozen> )
(download: 4513 bytes, at 2023/06/30 17:40:08 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit