コミュニティ タスク整理

[ken-ty]

          コミュニティ 実装

上記を実装する。

これは 親 issue 。 さらに細分化する。

フィードバックは他投稿と共通のコンポーネントが利用できそう。

Originally posted by @ken-ty in https://github.com/Mayumi-Nakabayashi/withTone/issues/59#issuecomment-1742022832

[ken-ty]

機能は以下

コミュニティ共通

• 投稿を firestore で保持
  • 投稿ID
  • 投稿者ID
  • 投稿属性（一般、フィードバック、記事）
  • タイトル
  • いいね数
  • メディア
  • 本文
  • ハッシュタグ
  • 紐づくフィードバック投稿

コミュニティ投稿表示

• 広告表示 (実装済みなので配置するだけ)
• 保持している投稿を取得してスクロール表示
• スクロール時のサムネイル表示
• 動画再生
• 動画再生全画面
• 下部に本文表示
• いいね表示
• フィードバック表示
• 投稿ユーザーのアイコン表示

コミュニティ投稿更新

• いいね追加
• フィードバックの投稿
• フィードバックの再生UI
• フィードバック投稿後に元の記事に戻る
• 投稿ユーザーのフォロー （2ph）

[ken-ty]

投稿 Model 作成

通常投稿、フィードバック投稿、... を 1 投稿として interface を定義する。

また、メディアの扱いを決める必要がある。 例えば twitter や Wordpress では media と 投稿は別。 これに習うのがよさそう。

https://developer.twitter.com/ja/docs/media/upload-media/api-reference/post-media-upload https://ja.wordpress.org/support/article/media-library-screen/

[ken-ty]

• 各画面の UI 作成
• タイムラインの設計
• 投稿 Model 作成
• メディアの管理方法決める

一旦 UI 作成して、動画の撮影・再生は別途 issue にする。

[ken-ty]

コミュニティ メイン3画面の UI 作成

機能を考えると大変なので一旦 UI のみ作成する 動画・画像は assets 配下に格納する（一旦画像表示でも良い） データはローカルで。

ad_banner_learning community home, question_video, question の 3画面の UI を作成する

• タイムライン UI
• 全画面 UI
• ボタンや本文タップ時の UI

[ken-ty]

コミュニティ フィードバックコメント一覧画面の UI 作成

機能を考えると大変なので一旦 UI のみ作成する 動画・画像は assets 配下に格納する（一旦画像表示でも良い） データはローカルで。

feedback_line の 1画面作成する。

[ken-ty]

コミュニティ フィードバック再生画面の UI 作成

feedback_video, feedback を作成

コメント一覧画面はできている前提で、 コメントのサムネイルタップで 動画全画面再生、再生終了で記事情報表示

[ken-ty]

コミュニティ フィードバック投稿画面の UI 作成

フィードバックを送るボタンタップ → upload_qf 表示 → はいなら upload_videof を表示 → upload_commentq を表示 → いいえならすぐ upload_commentq1 を表示 → 質問を投稿ボタンで投稿完了 → 3秒程度したら フィードバックを送った記事に戻る

upload_videof は一旦動画撮影できなくて良いです

[ken-ty]

上記 issue にもれている機能一覧

• Firebase に保存されている投稿データを表示する 通常投稿
  • 動画再生やいいね数表示も
• Firebase に保存されている投稿データを表示する フィードバック投稿
  • 動画再生やいいね数表示も
• フィードバック投稿機能実装
• 【Ph2】投稿ユーザーのフォロー

[ken-ty]

このタスクは小タスクに分けた。重複するのでCloseする

[ken-ty]

32

は ここで定義した issue で対応すると思うので、各 issue に関連として追記する