チーム開発 ユーザー新規登録ページ マークアップ(haml)
今日はチーム開発(フリマアプリ)のユーザー新規登録ページのマークアップを行った。
作業内容
・環境作成
・hamlでhtmlを記述
まずは環境作成を行った。
そもそもチームで方針を決めた最終課題の手順として、まずは1人がrairl newでプロダクトを作成し、githubへ連携。そこからメンバーがクローンし、全員が同時にそれぞれの担当作業をスタートさせた。
そのため、各々がブランチを切り、そこでDB作成から行う形に。
全員が仕事をしながら作業を行う為、進捗などもバラバラになる想定でこのような形にしたが、後々マージする際に大変そう...。
DB作成から、devise gemのインストールを行いviewを作成。
いざ、hamlでBEM記法を用いて進もうとしたが、記述法をかなり忘れていた為、ざっとカリキュラムを遡ったり、ドキュメントやQiitaを見返しながら進めた。
躓いた箇所
・png画像の表示
ロゴは指定された画像があった。railsでpng画像を表示させる方法が分からず検索しつつ解決。image_tagを使用した。縦横比を固定したサイズを仮で指定。
・入力フォーム(生年月日)
フォームもざっとドキュメントやQiitaで振り返り実装。
生年月日部分のフォームは実装方法がいくつかあり、イメージ通りの仕様にするのにどれがベストなのか調べるのに時間を使った。