takuma-ru / fascino Goto Github PK

• ToDo
  1. signInが走る際にFireStoreからログインしているユーザーuidのドキュメントが取得処理を実行
  2. == 取得できた場合 ==
     そのまま処理終了
     == 取得できなかった場合（ないといわれた場合） ==
     uidの名前でドキュメントを作成する
• 問題点
  なし

• ToDo
  nuxt.config.jsで設定しているカラーコードが使いにくいく分かりにくいので、設定しなおす。
• 問題点
  なし

11/9 更新

• ToDo
  nuxt/firebaseを用いて、サンプルデータの:追加・削除・更新処理を実装する
  • データの追加処理
  • データの削除処理
  • データの取得処理
    • 10件毎で取得する(1-10, 11-20って出来るように)
    • uidで検索をかけて取得
  • likesSumのインクリメント・デクリメント処理の実装

• ToDo
  FireStoreにサンプルデータの追加、削除、更新処理を実装する
• 問題点
  なし

追加手順

1. 「New issue」をクリック
2. [プルリク番号] ToDo・Issue名でタイトルをつける。
   ※プルリク番号は自分のプルリクのタイトルの横に「#XX」という形で表示されている。
3. テンプレのToDo・問題点に詳細を記載する
4. 右のPipelinesをクリックし、追加する場所を選択
   取り掛かっている・すぐに取り掛かる場合は「InProgress」
   そうでない場合は「ToDo and Issues」
5. Assigneesにこのタスクの担当者を選択
6. Labelを選択
   「Epic」必須。期日を設ける場合は「Roadmap」も追加。
7. このタスクの重要度がわかる場合は「Estimate」で重要度を選択
8. 「Submit new issue」をクリック
9. Linked pull requestsをクリックし、 1 で入力したプルリク番号と同じプルリクを選択

期日を決める場合

10. Epicをクリックし、「Convert to epic」をクリック。するとtimeline(この下)に新しいカードが表示される。
11. そのカードの右上「Set start and end date」をクリック。期間を選択し、「Set timeline」をクリック

テンプレ

• ToDo
  やること書く
• 問題点
  問題点を書く。出来るだけ細かく

• ToDo

  • ライブラリを使用し、マーカー開閉時にモーダルを表示させる。
  • モダールに投稿情報を表示させる

• 問題点
  なし

アカウント情報のデータ構造関する詳細な仕様は以下リンクを参照
リンク

処理の流れ

1. 画面読み込み時にFirestoreからそのユーザーがすでにいいねを押したPostDataIDのリスト(likedPostDataID)を取得
2. そのリストに表示するPostDataIDが入っているかを判定し、いいねボタンの表示状態を切り替える
   == いいね済み場合 ==
3. RealtimeDatabaseにある対象のPostDataのlikesSumをデクリメント
4. likedPostDataIDから対象のPostDataIDを削除
5. 再度配列を取得
   == いいねしていない場合 ==
6. RealtimeDatabaseにある対象のPostDataのlikesSumをインクリメント
7. likedPostDataIDに対象のPostDataIDを追加
8. 再度配列を取得

• ToDo
  • アカウント画面上部のプロフィールヘッダーの実装
  • サンプルデータを表示できるように実装を行う。
• 問題点
  なし

🔥 書きかけ

処理の流れ

1. asd
2. asd

ToDo

• @CLEPIL

  実装項目	詳細
  バッジ	バッジの画像を表示するためのimgタグ部分の実装。クリックしたらモーダルを開く
  バッジの詳細を表示するモーダル	バッジの詳細内容を表示するモダールの実装

• @Leggie1145

  実装項目	作業ディレクトリ	詳細

※2021/10/22 - 詳細な仕様リンクを追加、データを一部変更・追加
※2021/12/19 - id

投稿情報1つあたりのデータ
各投稿情報のオブジェクトに一意な名前を割り振る必要があるため、UUIDv4を用いる
詳細な仕様はリンク

"postDataID（UUIDv4）": {
  "id": "String これがPostDataID",
  "uid": "String",
  "detail": "String",
  "tags": "Array(String)",
  "imgCoordinate": "Array(Number)",
  "imgName": "String",
  "likesSum": "Number",
  "wentSum": "Number",
  "date": "NUmber",
}

• ToDo
  • 投稿情報を簡易的にタイムラインに表示する投稿情報カードのUIとアクションを実装する
• 問題点
  無し

共通要素の使用方法

開発の上で使う共通要素・関数についての使用方法について記載している。

例）.
ボタン
投稿情報カード
Vuex全般（プロフィール取得、投稿）
etc ...

• ToDo
  マーカーのUIを変更できるようにする
  マーカーをクリックした際の処理を実装する
• 問題点

当初は @teru4950 が担当する予定であったが実装が難しいと判断したため、分担して実装を行う。
UIについては[F_012]TimeLineを参照のこと

• @teru4950
  • postInfoCardコンポーネントの実装
• @Ayuu0721
  • postモーダルコンポーネントの実装
• @takuma-ru
  • postInfoモーダルコンポーネントの実装

ToDo

• storageに画像をput時、画像の軽量化を行ってからputするようにする

• ToDo

  • Googleログイン・ログアウト・初期化処理
  • ログイン後のユーザーデータをVuexのuserDataに代入

• 問題点
  なし

• ToDo
  カラーコードの指定方法を簡単にできるように修正
  初回読み込み時に、テーマによってカラーコードを設定するが、NuxtとVuetifyのライフサイクルの問題によってうまく設定されない問題を修正する
• 問題点
  Nuxt・Vuetifyのライフサイクルの仕組み上、カラーコードの指定方法が難しくなってしまっている。
  原因特定済み
  現状

  :color="$vuetify.theme.themes[$vuetify.theme.dark ? 'dark' : 'light'].background_front"

  改善後

  color="background_front"

ToDo

• ズーム値が正確に反映される

問題点

• 現在地の取得ボタンを押下したときにズーム値がリセットされない

• ToDo
  • getしたユーザーデータをstateの「userData」変数に代入できるようにする
  • アカウント情報仕様を元にaddData関数を実装する
• 問題点
  • doc名はuidだが、auth処理がmainにマージされてない為、適当な名前で複数個追加できるか確認してもらう

• ToDo

• 関数呼び出しや値取得の方法見直しでスムーズにフォーカスされるようにする

• 問題点
  PCブラウザ上でフォーカスリセットをしようとしても動作しなかったり正しく動作しないことがある