quiz.anyfrog.net

こうしたい

• 動くのは正義だがstrict modeは欲しい
• 基本的な考え方として，HTMLをベタがきしてJSでのDOM操作は値を流し込むだけ
• 明らかにコンポーネント化した方が良いものが出てきたらHTMLで頑張らず、尚且つPureJSにこだわらない

例えば汎用的に使い回したいbuttonに

  // @param {String} mountTargetStr
  function generateGeneralButton(mountTargetStr){
    const mountTarget = document.getElementById(mountTarget);
    const buttonElement = document.createElement("button");
    buttonElement.addEventListener("click" ...

    mountTarget.appendChild(buttonElement);
  }

みたいなコードが必要になったら多分ReactかVue突っ込んだ方が早いと思う

• いけるタイミングでTS化する

上記のすべての意見にこだわりないです

ソフトウェアは動くことが正義だと思うので，それ以外の全てを一緒に開発してくれている人たちに合わせたいと考えて生きてます．TSよりJSの方がスピード開発できる人も多いので，その全てを皆さんに合わせます:teishisei:

ABEMAがあってる以下みたいに明確にしたい。これからリファクタリングとかするにあたってデグレを避けたいので
https://speakerdeck.com/kubosho/solution-of-css-is-too-fragile-by-abematv

こうしたい

1. 待機ルームでは，星の数と前回の星との増減値を表示する

例：　⭐️8 （＋1）

2. 回答の評価中には星を表示しない

右上の星をなくす

理由：　忖度してると回答に星つけるのに時間かかりすぎる説

Context

掲題の通り

画面仕様：　https://docs.google.com/spreadsheets/d/1IuXTVr6AzpTODuo94Qqxd1PI4JCaH5rZ2M6G89Y5gIo/edit#gid=496369051

How

Storybook突っ込んでそこにカタログ作っていく

チェックリスト

• Foundation Button

  

• QuizPanel

  

• QuestionModal

• FoudationInputArea

命名案

1. WaitingQuestion: 出題待ち
   • SetQuestion
2. WaitingAnswer: 回答待ち
   • CloseApplications
3. CLOSED_ANSWER: 締め切り後
   • OpenAnswers
4. AnswerPublished: 回答公開
   • AnnounceTheCorrectAnswer
5. ResultAnnouncement: 結果発表
   • GoToNextQuestion

• Player
• Admin

両方つけたい

• 現状

• 仕様

{
    'type': 'ChangeName',
​
    'data': {
        'accountName': string
    }
}

やること

• typeの先頭は大文字
• data型を直す

Context

#46

~/R/R/front ❯❯❯ tree src -L 1                                                                                                                                                                  master ⬇ ✭ ✚
src
├── components
├── configurations
├── connections
├── constants
├── container
├── controllers
├── interfaces
├── libraries
├── pages
├── store
├── stories
├── style
├── templates
└── utils

@kznrluk が作成してくれたws周りはwsディレクトリにまとめたいかも？

概要

https://github.com/CA21engineer/RealtimeQuiz/blob/master/front/src/configurations/Config.ts

のようなファイルがあるが、urlを切り替える時などを考慮してjsらしく..envに切り替えたい

画面使用書：　https://docs.google.com/spreadsheets/d/1IuXTVr6AzpTODuo94Qqxd1PI4JCaH5rZ2M6G89Y5gIo/edit#gid=0

• EntranceView

  

• MainGameView

  

• ResultView

  

現状だと、Adminが3つのページコンポーネントに分かれており、いろいろ都合がわるいので改修したい

現状、絶対不必要なレンダー走ってるので分けたい感。memoしてもいいかも