# 2/20㈭ 日報

## やること/やったこと
- レビュー修正
- 少し重め
- [x] **全件取得済みの場合、さらに読み込むボタンが表示されないようにする。**
表示中にチームが追加されたら？定期的にサーバーに確認市に行ってもいいけど、そこまでしなくてもいいかな？再読み込みでもいいし、後から無限スクロールになるし。
- [x] **さらに読み込むとき、必要なリソースだけ取得して更新**
例えば1~100件表示していてさらに読み込むボタン押下したとき、
現状は、1~125件目までをサーバーにリクエストし、取得したデータでstateのteams配列を置き換えている。
101~125件目までをサーバーにリクエストし、取得したデータをstateのteams配列に追加するに変更。
- 軽め
- [x] **検索フォームとさらに読み込むボタンのアウトライン修正**
`border-radius: 10px;` にする
- [x] **不要なcss指定を削除**
`className='adminTeams'`
- [x] **URLのパラメーター指定を文字列連結じゃなくて、`axios.get`の`params`オプションを使う**
https://qiita.com/taroc/items/f22f7dd5d6d5443c72a4#%E3%82%AF%E3%82%A8%E3%83%AA%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B
- [x] **引数の分割代入の書き方**
``({teams})`` → ``({ teams })``
- [x] **class componentの初期化時の手動bindを削除**
引用「class componentの時はauto bindしてくれるので、手動でbindしなくてもonClick eventで使えます」
→ 他のComponentに関数を渡すときは`bind`する必要がある?🤔
https://ja.reactjs.org/docs/faq-functions.html
- [x] **属性で改行する**
`<input`
` type="search"`
` className={teamsSearchFormStyles.searchField}`
` value={searchWord}`
...
- [x] **CSSをインポートするとき モジュール名を`hogeStyles`に統一する**
- [x] **画像を`src`ではなく`css`で表示**
引用「画像をsrc or cssどちらで表示してあげるかですが、個人的は判断軸として、
・ googleとかの画像検索対象にしたい → src
・ 検索対象ではない → css
今回はcssで記述してもいいかなーと思った」
- [x] **saveAnimation不要なので削除**
- [x] **ハンバーガー内の下矢印を削除**
下矢印かハンバーガーかどちらかだけで、クリックすればナビゲーションが開くことがわかるので。
- [x] **`.btnPlus`を`components/partials/btn`に記載**
- [x] **`.btnToIndex`は作らず`components/partials/btn`内のstyleを使用する**
- [x] **ウィジェット修正**
checkboxを装飾するために、`id`を指定してたけど、複数ウィジェットが使われると`id`が重複してしまった。`<label>`の中に`<input>`を入れて、labelとinputを紐付ける方法に変えた。

## 困っていること
いまのところはなし。

## 明日やること
- `/teams/members`のReact化
- hooks, function componentを理解する
- やることを明確にして工数見積る

## 明後日やること
- `/teams/members`のReact化

## 所感
自分でたてた予定通りには進んだ。けど、2日と期待されてたのに比べると、1日延びた。
スピードだけでなく、もっと深く理解しながらスピードも上げていく必要がある。結局理解度が低いとレビュー修正で時間かかるし、それが毎回起こる。ゴールがわからないから自分で見積もりもたてにくい。
そのためには、質問をもっとするべきだと思う。ただ、なぜ質問頻度が高くないのかは、質問に至るまでの理解が遅い浅いことにあるのかなぁと。
まずはドキュメントをもっと読み込んで、基本的なことの理解度を深める。