daikimare / atsutoku Goto Github PK

開発する際は #18 #19 と連携して行いましょう。デザインや機能についてはfigmaを参照してください。

開発におけるGit/GitHub運用方法の勉強会

node.jsの設定

• version:14.15.1

コードフォーマットなどが開発者によって異なると可読性の低下や、予期せぬエラーを生む原因となりうるのでリンターツールを導入するべき。また、開発者がtypoやインデントミスを入れた際に自動で警告してくれた方が修正がしやすい。

各ショップの情報をスクレイピングしてお得情報を取得するため、JavaScriptによるスクレイピング方法の調査。
また、それをブラウザで表示させる方法の調査。

• JavaScriptによるスクレイピング
• スクレイピングによって得たデータをコンソールへ表示
• スクレイピングによって得たデータをブラウザへ表示
• スクレイピングした情報をデータベースで保存するのかどうか？
• mapAPIが必要かどうか

XD or Figmaで作成したデザインをどのように作成したら良いかの調査。試しに軽く作ってみる、今回は軽く配置する程度で良い。
《備考》
materialUI、bootstrapなどの利用に関しては制限しません

• メイン画面の作成
• 詳細画面の作成

今回の開発(JavaScriptによる開発)においてフレームワークを導入するかどうかの協議を行う。

現在地から範囲選択して情報表示の際にマップを利用してマップ場に情報をプロットするかどうかの協議

• サービスのタイトル表示
• メニューを表示させるためのフィールド
• レスポンシブ対応

メニュの内容に関しては#19, #20 と共同で行う

XDもしくはFigmaを用いてUIの完成形を作成。
段階としては

• 画面数の決定
• どの画面を誰が作成するかを割り振り
• UI作成
• みんなで検討
• 決定

開発を行う際は #18 と #20 と連携して行うこと。
デザインや機能についてはfigmaのデザイン案を参照すること。

• カード
• 店のロゴを表示する場所
  • 詳細画面では商品の写真データなど
• 店の名前を表示させる場所
  • 詳細画面では商品の名前と金額

現在地より範囲を選択して特定の情報を取得する方法の調査。
今回は、とりあえずコンビニなど大雑把な情報を現在地から半径500m~1km位の範囲で絞り込めればOK

• 現在地の取得
• 現在地から特定の範囲を指定
• キーワードを特定範囲から取得する

• ReactによるUIの作成
• プルダウンメニューの作成の仕方
• リンクの飛ばし方

figmaもしくはUIの仮作成 #6 参照

今現在のディレクトリ構成でいくとsrc→component→hoge.js、hoge.cssのようになってますが、これをcoponent→css→hoge.cssのようにするほうが良いのかを決めたほうが良いかと思います。もしかするとファイルが増えるにつれみづらくなる可能性が示唆されます。

figmaもしくはUIの仮作成 #6 参照