アプリケーション名

かんたんフリマアプリ

アプリケーション概要

フリーマーケットのアプリケーションを作成しました。ユーザーを登録すると商品を出品できるようになります。自身が出品した商品は、編集と削除をすることができます。他のユーザーが出品した商品は、クレジットカードを用いて購入することができます。

URL

http://43.206.202.36/

テスト用アカウント等

• Basic認証ID: admin
• Basic認証パスワード: 2222
• 購入者用メールアドレス: taro@test.com
• 購入者用パスワード: aaa111
• 購入用カード番号：4242424242424242
• 購入用カード期限：1223
• 購入用カードセキュリティコード：123
• 出品者用メールアドレス名: hanako@test.com
• 出品者用パスワード: aaa111

利用方法

• WebブラウザGoogle Chromeの最新版を利用してアクセスしてください。
• ただしデプロイ等で接続できないタイミングもございます。その際は少し時間をおいてから接続してください。
• 接続先およびログイン情報については、上記の通りです。 同時に複数の方がログインしている場合に、ログインできない可能性があります。
• 確認後、ログアウト処理をお願いします。

< 出品方法 >

テストアカウントでログイン→トップページから出品ボタン押下→商品情報入力→商品出品

< 購入方法 >

テストアカウントでログイン→トップページから商品検索→商品選択→商品購入

アプリケーションを作成した背景

フリーマーケットのように気軽に投稿できるアプリケーションが見つからないという知り合いの話に、簡単に出品・購入ができないという課題を抱えていることが判明しました。

課題を分析した結果、入力画面が多いということが真因であると仮説を立てました。同様の問題を抱えている方も多いと推測し、真因を解決するために、誰でも簡単に出品・購入ができるシンプルなアプリケーションを開発することにしました。

洗い出した要件

〜要件定義シート〜

実装した機能についての画像やGIFおよびその説明

• トップ画面

• 新規登録画面

• ログイン画面

• 出品画面

• 詳細表示画面

• 購入画面

• 編集画面

• 削除前画面

実装予定の機能

ユーザーのコミュニケーションを活性化することを目的に、コメント機能・いいね機能・ユーザー管理画面を実装予定です。

データベース設計

画面遷移図

開発環境

• Ruby
• Ruby on Rails
• MySQL
• Github
• AWS
• Visual Studio Code

ローカルでの動作方法

以下のコマンドを順に実行してください。

% git clone https://github.com/chie-python/furima-38879

% cd XXXXXX

% bundle install

% yarn install

工夫したポイント

スペルミスによるエラーが頻発するのを回避するために、慎重にコーディングしてエディタのヒントを見ながら作業を進めました。

また、作業工程を分割して細かくリリースすることで、工数が見積りやすくなり、やり直しにも容易に対応できるように少しずつデプロイしました。

画像を投稿する際にどの画像を選択したかが事前にわからないと、公開時に想定と異なる画像をアップロードしてしまう点が課題であると考え、新規投稿・編集画面において画像を選択後、プレビューされるようにしました。