shuta-syd / 42-ft_transcendence Goto Github PK

機能概要

player1: ?
player2: ?
observer: ?(coming soon)
のように名前を登録させた上で、ROOMに飛ばす。

参考

https://raw.githubusercontent.com/ichejra/ft_transcendence/main/shots/direct.png

機能概要

42認証システムについて調査

やること

• タスク1
• タスク2

その他

機能概要

現在はuserId, roomIdを1に設定していて単一であるため、これをuserやroomに沿って変更されるように実装する

その他

loginやエンドポイントとの兼ね合いがあるため、実装はプロトタイプとなる

概要

REST APIの各ControllerにSwaggerのデコレータをつけて、APIドキュメントを作成する

参考

https://docs.nestjs.com/openapi/introduction
https://qiita.com/odanado/items/60456ab3388f834dc9ca

やること

• Public, Protected, Privateの3種類のルームが作成できるよう実装
• Member追加ボタンを仮で実装

概要

フレンド状態だがDMを未作成の場合に作成できるプラスボタンの作成

機能概要

やること

上下の壁のボールの判定が、半径を考慮しない実装になってしまっているので、半径を考慮するようにする。

• タスク1
  player1のコード内の壁の当たり判定の修正

概要

• チャット画面風のベーシックな画面を構築（css最低限）

機能概要

現在、observerは正しいplayer1,player2の点数を知ることができない状況なので、それを改善する
また、player2の点数がplayer1と同期していないので、そこを修正する。

やること

• player1で現在の得点をwebsocketを用いて送る。
• observer側でそれらを反映させる。
• player2側でそれらを反映させる。

機能概要

NestJSの単体テストの調査＆作成（何例か）して、チームで共有する

やること

• Jestの使い方調べる
• Userに関して、テストを作成してみる

その他

概要

DMのコンポーネントを再利用して複数人のユーザがグループトークできるチャットを作成する

docker-compose上でそれぞれ別のコンテナに立てた、NestJSとPostgreSQLを通信する

機能概要

dockerだったり、その他自動化するためにMakefile作成

機能概要

既存のpong game にwebsocketを適用させて、二者対戦をできるようにする

やること

• タスク1

websocket, gateway への理解

• タスク2

それらの適用

その他

機能概要

ユーザー情報を保持するためにログイン機能を作成する。

やること

• ログイン機能を実現するための調査
• email、passwordでログイン機能作成

その他

機能概要

gameの観戦機能を実装する。

やること

• タスク1
  プレイ中のゲームの閲覧をできるようにする。
• タスク2
  選択したゲームの観戦をできるようにする。
• タスク3
  今後の招待リンクの実装方法も考えながら実装する。

その他

期限は3月15日

機能概要

E2EテストフレームワークであるCypressやPlaywrightの調査。
時間的余裕や導入コストも考える。

やること

• Cypress触る
• Playwright触る
• 導入するか検討する

その他

概要

現時点でデザイン、UIは独自で我流で進めてきたが今後は統一したデザインを作成して、それを元に実装する

機能概要

pongのフロントエンド実装

やること

Reactを使ってpongを実装

機能概要

player1/player2それぞれを選択するためのbuttonを実装して、どちらを選択したかによって
処理を分ける。
具体的には、player1のpaddleとballを採用して、player2はballに関してplayer1から受け取って、レンダリングするのみにする。
(observerは一旦無視)

やること

• ボタンの設計と実装
• player1/2によって処理を分離し、処理を実装。

機能概要

websocketをtokenを利用して直接clientに送れるようにする（現在は部屋を作成している）

機能概要

現状、ゲームを行う際に片方、もしくは双方でreloadを行わないと、動かない時があるので、それを修正する。

やること

• websocketの接続についての知見を深める。
• websocketのconnect disconnect周りの実装を調整する。

機能概要

ログインとjwt Tokenを使用して現在ログインしているユーザの識別をできるようにする

機能概要

二人のplayer(user)を取得して名前を表示する

やること

• Userを作成できているかをpostman等を用いて確認する(in prisma stadio or docker container)
• Userの取得をする(backendのディレクトリのgetUserを呼び出せばできる/Userのcontroller fileに送ればjson形式で帰ってくる)
  現状getUserが使われない仕様になってしまっているので、@get()として
  async getUser(/user info/): Promise {
  ...
  }
  -上のことができたらfrontに送って、それを表示させる

機能概要

• dmルームがないフレンドを指定した場合、自動でルームを作成してメンバー追加する処理を実装

やること

• フォーム部分のデザインの改良
• メッセージ表示部分の改良
• scrollをより滑らかにする
• フレンドの表示を相互フォローのみにする

機能概要

gameのchat interfaceもしくはfriend interface での招待機能の実装

やること

• 実装方法を考える
• 既存のrandom matchと明確に分ける

その他

機能概要

現状, WebSocketは接続したすべてのクライアントにemitしている状況なので、特定のフレンドに送れるように変更する

ブラウザを2つ立ち上げ、別々のチャットルームに入った場合は、送信された方のチャットルームしかチャットが更新されないようにする。

プルリクエスト作成のレンプレートを用意する。

機能概要

Public or Protectedのチャンネルを検索できるページを実装する

機能概要

Adminを実装して、Mute機能を実装

機能概要

現在backendコンテナとdatabaseコンテナの起動順序は不定なので、マイグレーションを手動で行う必要がある。
backendコンテナがdatabaseコンテナの起動を待つことができれば、起動後にbackendコンテナでマイグレーションを実行すれば良いので、自動で行うことができるようになる。

やること

• backendコンテナがdatabaseコンテナの起動を待つようにする
• 自動でマイグレーションを行う

その他

概要

実装しなくてはならない機能、要件を洗い出してWikiにまとめる

機能概要

現状roomIdごとにチャットルームを分けられているが、friendをクリックして任意ではわけられないためURLをいじらなくても変更できるようにする

機能概要

過去のversionに修正するので、以前のもの

機能概要

やること

• Merge pull request #79 from Shuta-syd/game_room/issue67の取り消し
• #67[add] pull origin mainの取り消し

バックエンドの追加は後で考えるとして、Reactでフロントのみ完成させることに集中

機能概要

グループメンバーをKICK/BANする機能

バックエンドは一回無視してReactで完成させる予定

機能概要

やること

• タスク1
• タスク2

その他

機能概要

client AとBで得点を同期させる

やること

• playerAとBで同期
• playerAからdbに対して、得点結果等を送る

機能概要

gameに必要なtableを実装して、backendと接続

やること

• resultのtable設計(id/idの勝敗結果) by Schema -> Prisma generate
• resultをdbで管理できるようにするためにbackendを書いていく
  ##目的
  全体感(backendとdbを学んで)を掴むために教材としてresult的なtableを設計する

##option
DB自体について学習↓
https://www.youtube.com/watch?v=Yg546Zua39A&ab_channel=%E3%81%A0%E3%82%8C%E3%81%A7%E3%82%82%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%2F%E5%B1%B1%E6%B5%A6%E6%B8%85%E9%80%8F

機能概要

Jwt, Cookieを使用して簡易的なログイン画面を実装する（ハッシュ化などセキュリティ面は最小限）

機能概要

データベースに保存されているMessageをchat画面に初期表示するように実装

概要

• prismaを使用してBackendとfrontendでのデータベースのやり取りを構築する

機能概要

ユーザのフレンドをチャットのフレンド欄に表示できるようにする

やること

• Prisma Userモデルにフレンド情報を追加
• フレンドを登録するAPIを仮で作成
• フレンドを取得するAPIを実装し、それをフロント側で表示する

Todo

• heightではなく別の方法で高さを指定する