商品一覧詳細機能

[EbiTatsu]

"# 実装概要 商品詳細表示ページにて、商品の詳細情報を表示する。コードレビューを依頼し、LGTMが出たら完了とする。

実装方針

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

実装条件

• 商品詳細表示ページは、ログイン状況や商品の販売状況に関係なく、誰でも見ることができること。
• 商品一覧ページにて商品情報をクリックすると、該当する商品の商品詳細表示ページへ遷移すること。
• 商品出品時に登録した情報（商品名・商品画像・価格・配送料の負担・商品の説明・出品者名・カテゴリー・商品の状態・発送元の地域・発送日の目安）が、見本アプリと同様の形で表示されること。
• 画像が表示されており、画像がリンク切れなどにならないこと（デプロイのタスクにあるとおり、実装中にHerokuの仕様による商品画像が適切に表示されなくなる問題は発生するが、最後にS3を導入することで、この問題は解消される）。
• ログイン状態且つ、自身が出品した販売中商品の場合にのみ、「商品の編集」「削除」ボタンが表示されること。
• ログイン状態且つ、自身が出品していない販売中商品の場合にのみ、「購入画面に進む」ボタンが表示されること。
• ログイン状態の場合でも、売却済みの商品には、「商品の編集」「削除」「購入画面に進む」ボタンが表示されないこと。
• ログアウト状態の場合は、商品の販売状況に関わらず、「商品の編集」「削除」「購入画面に進む」ボタンが表示されないこと。
• 売却済みの商品は、画像上に「sold out」の文字が表示されること。

補足情報

• 「ログイン状態の場合でも、売却済みの商品には、『商品の編集』『削除』『購入画面に進む』ボタンが表示されないこと」「売却済みの商品は、画像上に『sold out』の文字が表示されること」という機能に関しては、商品購入機能実装後に実装すること（商品購入機能実装前に商品詳細表示機能を実装する場合、コードレビュー時にこの機能は実装されていなくても良い。しかし、最終課題終了報告時に実装できていない場合、最終課題終了とはみなされない）。

注意事項

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

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

• ログイン状態且つ、自身が出品した販売中商品の商品詳細ページへ遷移した動画
• ログイン状態且つ、自身が出品していない販売中商品の商品詳細ページへ遷移した動画
• ログイン状態で、売却済み商品の商品詳細ページへ遷移した動画（現段階で商品購入機能の実装が済んでいる場合）
• ログアウト状態で、商品詳細ページへ遷移した動画

参考カリキュラム

• 画像の表示 応用カリキュラム Lesson6 「画像投稿機能を実装しよう」

• 条件分けを用いた表示 応用カリキュラム Lesson2 「投稿者本人のみに編集・削除を許可しよう」 応用カリキュラム Lesson6 「画像投稿機能を実装しよう」"