フリマ―ケットアプリケーション

2020/05

アプリケーション情報

ID: 66_mercari_a

Pass: 66a

● DB設計

○ 概要

■ 必要なテーブル、カラムの選定。アソシエーションの決定。

○ 担当内容

■ ER図の作成

■ 各テーブルの作成

■ モデルへのアソシエーションの記述

● ユーザーマイページ関連（マイページ、プロフィールページ、本人確認ページ、支払い方法ページ、ログアウトページ）

○ 概要

■ ログインしたユーザーが利用する本人情報についてのページ

○ 担当内容（バックエンド）

■ マイページ用のコントローラを作成し、ルーティングを設定しました。マイページの各ページへの遷移ではログインしていないユーザーはページに遷移できないように各ページのアクションで設定しました。

■ 本人確認ページでは住所を変更できるようにしました。

■ プロフィールページではプロフィールの変更・修正ができるようにしました。

○ 担当内容（フロントエンド）

■ haml,scss,javascriptを使用しトップページのマークアップ作業を行いました。タブ切り替えの実装を行いました。

● ウィザード形式によるユーザー新規登録

○ 概要

■ 対話形式によるユーザー新規登録機能

○ 担当内容（バックエンド）

■ 対話形式に登録が進行するようにコントローラ、ルーティングの作成をしました。

■ sessionを利用し、各ページの情報を保管、ユーザーと住所の情報が問題なく入力され保存された場合にのみ登録完了ページに遷移するように条件分岐をしました。

■ 登録がうまくいかなかった場合は、再度新規登録ページに遷移し登録ができなかったflashメッセージを設定しました。また、ログイン、ログアウトができたかをわかりやすくするためにトップページにログイン完了、ログアウト完了のflashメッセージを設定しました。

● デプロイ

○ 概要

■ AWSによる、S3の設定。EC2インスタンスの作成をし、 Capistranoを利用した自動デプロイを担当。

○担当内容

■ デプロイ時のエラーが発生した場合、ログを確認し該当箇所のエラー修正を行ったり、本番環境のDBの確認を行い、ローカル環境との相違がないかを確認していました。

チームとして工夫を行った点　各担当者がどの作業を行っているかを把握するためにslackを活用し、綿密に連絡を取り合うことでメンバーとの情報共有がはかどりました。　マークアップ作業を行った人が、そのページのバックエンド作業を行うことにした為、作業をスムーズに進めることができました。また、はじめにマークアップ作業をまとめ終わらせました。その為、作業を行いながら、フリマアプリの機能の詳細や、バックエンド開発のイメージをつかむことができました。また、商品のバックエンドとユーザーのバックエンドで共通する部分はチームと共有することで自分の担当する昨日に活かせることができました。

個人として工夫を行った点　ウィザード形式のユーザー登録でsessionを利用した方法を用いユーザが登録できたのかできなかったのかをわかりやすくするためにflashメッセージを活用しました。　トップページのスライドショーもライブラリを利用するなど使ったことのないライブラリを積極的に実装に取り入れました。　マークアップでは選択している項目に変化をつけるために色に変化をつけたりiconの大きさが変化するようにわかりやすさを意識して取り組みました。　本番環境の挙動確認の際、デプロイ処理を確実に行うためにコマンドをスムーズに実行できるよう自分用のメモをまとめ動作確認が手間取らないようにしました。

ウィザード形式のユーザー登録で実装がうまくいかず考え込むことがありました。binding.pry を活用し、値が取れているかを検証し仮説をたて粘り強く行っていくうちに実装がなんとかできました。チームメンバーとの情報共有や、調べた資料を読み込む中で初めは理解が乏しかったものが次第に理解ができていき、次の理解できていないところを何度も調べ読み込むうちに実装に近づいていきました。「仮説、検証、調べる、チームと情報共有」を繰り返すことで今までわからなかったことがわかるようになり自分の成長に繋がりスキルが向上しました。コツコツと諦めずに続け学んでいくうちに「覚えた」ではなく「理解できた」ことにより自分の知識に定着することを学びました。今後もコツコツと積み重ねて学び、スキルアップに繋げていきたいです。