# 開発環境
* フロント　->　React
* サーバー　-> AWS
* クライアント　-> Python
* ソース管理 -> [Github](https://github.com/kirin-0000/YASU-RI_Researcher.git)
* アクセストークン（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）

git clone https://{ユーザ名}:[e-mail]/kirin-0000/YASU-RI_Researcher.git

# 目標
1. ローカル環境で仮価格(手打ち)での価格比較サイト作成
2. ローカル環境からWebサーバーを作成
3. 本価格(Webサイトのデータを利用)対応
※オーケーストアの場合、利用規約よりスクレイピング不可
4. 賞味・消費期限の記載

# 進め方
* 要求仕様
* フロントサイド
* データ管理（SQL）
* データ構造
各企業でテーブル作成
* 比較ロジック

## 0811
* Git環境構築完了
* React環境コミット済(main)
* Reactに画面を作る

## 0814
* 商品比較用画面作成済み
* 以下、外部ソースを利用して、動的に項目を変更する。
* https://qiita.com/t-yama-3/items/ab488c5a026de3cc92ab
* データベースで画像取り込みを考えること。

## 0820
* csvのファイルインポート完了
* 次回以降はcsvで取り込んだ値を元に、各画面を作っていく
* データ構造をマップにすることも検討
*

## 0827
* On Clickしたときにエラーが出る
* func.apply is not a function
* こいつの原因調査と解決を次回行う

## 0910
* CSVアップロードするところまで完了
* 次回は、csvのデータを加工して、web表示を変える

## 1001
* データ構造の作り込み
* 社名とコストの表示はできた。

| 生成食品 | 価格A | 価格B | 価格C |
| -------- | -------- | -------- | -------- |
| キャベツ | 110 | 1100 | 11000 |
| レタス | 130 | 1300 | 13000 |
| 人参 | 130 | 1300 | 13000 |
| ほうれん草 | 130 | 1300 | 13000 |
| じゃがいも | 130 | 1300 | 13000 |

データ構造としては上記のような形で作成

**Todo**
* 価格表示を動的に行う
* 現在は、価格を３つ固定においているが、価格Dが追加された際は4つ表示できるようにする
* 値段を動的に表示

## 1008
* データを動的にするところに問題あり。
* 関数間で値を渡すところが問題。
* また、価格のリストの作り込みも必要（どのように加工するかなど）

## 1112
* s価格のリストの作り込みが完了
* データを動的にするところに問題あり。
* 読み込むタイミングと、画面アップデートのタイミングが合わない。
* 画面アップデートをする処理を入れようとしてた。

## 0204
* 次回は2つになっている画面を2ページごとに分けたい。
* title/page_cabegge, page_lettuce
* イメージ決め→drow.ioにもうちょっと肉付けする。

### 次回日程
**2/12(月)　21:00~**