早川 昌和

概要 テックキャンプの最終課題にて作成したアプリケーションを紹介します。 また、自身で実装した箇所、および開発を通じて得られた経験についても紹介します。 アプリケーション概要 • フリーマーケットのアプリケーションを作成しました。 • 接続先情報：http://18.179.169.133/ テスト用アカウント等 ●購入者用 • メールアドレス: test62b1@gmail.com • パスワード: 123456a ●購入用カード情報 • 番号：4242424242424242 • 期限：12/20 • セキュリティコード：123 ●出品者用 • メールアドレス名: seller_user@gmail.com • パスワード: 1234567 Githubリポジトリ https://github.com/masakazu-kojo/freemarket_sample_32b 担当箇所の詳細 • マイページ（フロントエンド） o 概要 1.出品中の商品が一覧表示される 2.レフトナビにクレジット登録、出品一覧等を表示する o 担当内容 haml,scssを使用しマイページのマークアップ作業 • 商品出品ページ（フロントエンド） o 概要 商品画像登録、商品詳細、価格等、表示チームと相談して出品に必要な情報を表示 価格は数字のみ入力、300円以上から入力できるように設定 o 担当内容 haml,scssを使用し商品出品ページのマークアップ作業 • 商品詳細表示（フロントエンド） o 概要 出品中の商品詳細データが表示される 複数商品を出品している場合、次のページ、前のページのリンクが表示される o 担当内容 haml,scssを使用し商品出品ページのマークアップ作業 • 商品詳細機能（バックエンド） o 概要 カテゴリー一覧、ブランド一覧へのモデル、ルーティング、コントローラを作成 複数商品を出品している場合、次のページ、前のページのリンク o 担当内容 データベースへ保存されたデータの表示 if文を使って条件次第でリンク表示、商品写真の表示有無を設定 開発を通じて得られた知見 工夫した点 ①チームとして工夫を行った点 　一日行った作業を各自で報告するようにして進捗を確認していました。その際、未解決問題があれば共有しており、自己解決できない問題はチーム内で意見を出し合い解決しておりました。また、週に1回は全体で集まる時間を設けて、各自の進捗状況、今後の見通し、現在の悩みなどを共有し、それを纏めてチームに共有することで、スムーズに開発を進めていくことができたと思っております。 ②個人として工夫を行った点 　マークアップ作業に関しては、バックエンドを担当する人がイメージしやすいように、商品写真やプルダウンメニューの枠、ボタンまで作成するなど、担当者が作りやすいことを心掛けて記述を行いました。 　バックエンドに関しては、商品画像に登録した10枚がすべて表示されるようにしたり、前後ページのルーティング、コントローラを作成して取り入れました。 また、細かいところではありますが、ヘルパーメソッドにdelimitedメソッドを使い、3桁ごとに、桁区切りを表示するようにすることで、値段を見やすくなるようにしました。 以上