実装方針

ブランチを作成する。
商品一覧表示機能を実装する。
プルリクエストを作成してメンターにレビューを依頼する。
LGTMをもらい、マージをする。
デプロイをする。

実装条件

[x] 商品一覧表示ページは、ログイン状況に関係なく、誰でも見ることができること。
[x] 出品されている商品が一覧で表示されること。
[x] 画像が表示されており、画像がリンク切れなどにならないこと（デプロイのタスクにあるとおり、実装中にHerokuの仕様による商品画像が適切に表示されなくなる問題は発生するが、最後にS3を導入することで、この問題は解消される）。
[x] 商品が出品されていない状態では、ダミーの商品情報が表示されること。
[x] 左上から、出品された日時が新しい順に表示されること。
[x] 商品出品時に登録した情報のうち、「画像・商品名・価格・配送料の負担」の4つの情報が、見本アプリと同様の形で表示されること。
[x] 売却済みの商品は、画像上に「sold out」の文字が表示されること。

補足情報

「売却済みの商品は、画像上に『sold out』の文字が表示されること」という機能に関しては、商品購入機能実装後に実装すること（商品購入機能実装前に商品一覧表示機能を実装する場合、コードレビュー時にこの機能は実装されていなくても良い。しかし、最終課題終了報告時に実装できていない場合、最終課題終了とはみなされない）。

注意事項

機能毎に、commitとpushを行うこと。
配布されたビューファイルに最初からコメントアウトで指示などが記されている場合があるが、それらは機能を実装できた時点で削除すること。
このタスクに関係のないアクションやメソッドなどの記述は行わない（プルリクエストにて、適切な差分が表示されない原因となるため）。
メンターにコードレビューを依頼すること。
コードレビューを依頼する前に、Rubocopを実行すること。
機能の様子はGyazo GIFを用いて撮影し、リンクをプルリクエストへ添付すること。
Gyazoのリンクを添付する際は、何を撮影したGyazoのリンクか分かるように、リンクの前に説明を記載すること。
プルリクエストには、「What」と「Why」を記述すること（「What」と「Why」の記載されていないレビューは対応しません。実際の開発現場でも同様の対応であるためです）。
LGTMが出るまでマージしないこと。
LGTMが出る前に他の実装へ着手することは、推奨しない（Gitにおける複雑なコンフリクト等を引き起こす可能性があるためです）。

プルリクエストへ記載するgyazo

[x] 商品のデータがない場合は、ダミー商品が表示されている動画
[x] 商品のデータがある場合は、商品が一覧で表示されている動画（2つ以上の商品が出品されている状態を撮影してください。表示順を確かめるためです）

参考カリキュラム

データの表示基礎カリキュラム Lesson7 「保存したデータを取得して表示しよう」応用カリキュラム Lesson6 「メッセージ投稿機能を実装しよう」
画像の表示応用カリキュラム Lesson6 「画像投稿機能を実装しよう」
条件分けを用いた表示応用カリキュラム Lesson2 「投稿者本人のみに編集・削除を許可しよう」 "

Onthevillage commented 2 years ago

【商品一覧表示機能 #6】 ■何を実装しないといけないのか？・商品一覧表示ページの適切な実装・画像が表示されており、画像がリンク切れなどにならない・商品が出品されていない状態では、ダミーの商品情報が表示される・出品された日時が新しい順に表示される・「画像・商品名・価格・配送料の負担」の4つの情報が、見本アプリと同様の形で表示される ■計画・ダミーの商品情報が表示される（もう既にデフォルで設定されているので気にしなくてよい）・出品された日時が新しい順に表示される（orderメソッドを使用する）・画像・商品名・価格・配送料の負担」の4つの情報が、見本アプリと同様の形で表示される・商品が出品されていない状態では、ダミーの商品情報が表示される・画像が表示されており、画像がリンク切れなどにならない ■課題・画像が表示されており、画像がリンク切れなどにならないこと？ →特に新たに記述すべきコードはない。普通に画像を実装すればよい。 ■メンターの方からのアドバイス・読んだ方が良いカリキュラムなどあるか？ →プロトスペースの具体的コードを参考にするとよい。

Onthevillage commented 2 years ago

①ダミー商品が表示されている動画 https://gyazo.com/083f56aa4b58c5f4c9ecb67993a283b8 https://gyazo.com/c83f6ce02704551d054d8934594812ca

②商品が一覧で表示されている動画 https://gyazo.com/6fea5b0b84265aefff7f98143cbef568

Onthevillage / furima-37938