search

ricchandes / furima-39472

0 stars 0 forks source link

商品出品機能 #15

Closed ricchandes closed 1 year ago

ricchandes commented 1 year ago

what

商品出品機能の実装 ・itemモデル設計 ・itemコントローラー　createアクションの定義 ・ビューへの表示 ・Active_hashの作成と表示、itemモデルとのアソシエーション ・javascript　利益表示の実装 ・itemモデルの単体テストコードの実施

why

・画像の添付はActiveStorageを用いているため、itemモデルのimegaカラムは削除しました ・Active_hashを用いてカラムデータを数値で得られるように実装しました ・javascriptを活用して入力された金額の利益を表示できるように実装しました ・最後に単体テストコードを実施し、モデルに科したvalidation通りにテストが成功することを確認しました。

ログイン状態の場合は、商品出品ページへ遷移できる動画

https://github.com/ricchandes/furima-39472/assets/136784375/fbcba4a6-b0ae-40b1-baa7-bdbe2436d0cb

価格が入力されると同時に、販売手数料と販売利益が表示される動画

https://github.com/ricchandes/furima-39472/assets/136784375/031b0cbb-32a8-4a17-8f02-425336ad1da0

必要な情報を適切に入力して「出品する」ボタンを押すと、商品情報がデータベースに保存される動画

https://github.com/ricchandes/furima-39472/assets/136784375/73418852-725e-41d4-a20d-571058126ac7

入力に問題がある状態で「出品する」ボタンが押された場合、情報は保存されず、出品ページに戻りエラーメッセージが表示される動画

https://github.com/ricchandes/furima-39472/assets/136784375/4f37e9d3-ea31-4d85-842b-5870d622f127

ログアウト状態の場合は、商品出品ページへ遷移しようとすると、ログインページへ遷移する動画

https://github.com/ricchandes/furima-39472/assets/136784375/a1df10f9-123d-45a6-8f48-6323508754c8

テスト結果の画像 itemモデル単体テストコードの成功例