---
# System prepended metadata

title: 3月3日　学習の振り返り
tags: [学習ふりかえり, 角メモ]

---

# 3月3日　学習の振り返り

## 学習項目
* 交通アプリ：履歴の表示画面の作成と画面遷移
* リファクタリング：第11章、12章
## 大切だと思った項目
* Reactでの画面遷移には、React routerを用いると良い。
* 1画面で、urlの変更と画面遷移を同時に見せることができる。
* コンストラクタは、ファクトリ関数で置き換え可能である。

## 学習項目の感想
交通アプリは、機能できなかった履歴の表示画面への遷移ができるようになった。React routerを用いて、シングルページで遷移しているように見せることができた。
また、Dateインスタンスを用いた処理を、経路検索と履歴検索で統合した。細かな関数の抽出と重複の排除により、すっきりとした。一方で、リンクをクリックした際に同様の処理ができなくなってしまった。イベントリスナーを付け加えるとできそうだったがうまくいかなかった。
更新ボタンを押せばとりあえず表示されるので、履歴の検索機能を完成させるほうが先決だと思った。
リファクタリングは、APIのリファクタリングと、継承関係についてのリファクタリングに突入した。全てのリファクタリング内容を読了したが、基本は重複の排除と不要なものの削除のために、関数抽出や移動やスライド等の複数のリファクタリング項目を組み合わせて利用して行うと分かった。
丁度題材がJavaScriptであったこともあり、交通アプリ作成でもリファクタリングを反映したり、意識を高めることができた。今後もカタログとして重宝していく。

## 良かった点・カイゼンすべき点
### 良かった点
+ 調子よく読み終え、リファクタリングを最後まで読むことができた。
+ 昨日詰まった部分について改善点が見つかった。
### カイゼンすべき点
- リンクを押した際に日付表示ができない。
## 本日の教訓
必須ではない機能は後でも良い。前に進む！

---
### ※質問したい項目はdiscordで質問すること
###### tags: `角メモ` `学習ふりかえり`

