2020-07-01から1ヶ月間の記事一覧

個人アプリ開発 記事一覧表示機能 → 記事詳細表示機能

記事一覧表示機能 まず引き続き記事一覧表示機能、group_indexページの作成をしました。routesとgroups_controllerにindexアクションを追加、indexアクション内で変数を(仮で)指定しました。 groups_controller def index @groups = Group.order("id DESC") …

個人アプリ開発 記事一覧表示機能 TOPページ

記事一覧表示機能(TOPページ)の作成を行いました。 作業内容 作成した箇所は下記です。 と言っても既にviewは作成しており、まだコメント機能は未作成なので、 htmlファイルで、繰り返し処理の記述をした箇所の[名前]と[エリア]をDBから引っ張ってきただけ…

チーム開発 カテゴリ別商品一覧ページ CSS

サーバサイドの実装が完了したので、CSSの調整に入りました。 作業内容 躓き clearfix 変数をidにする 作業内容 htmlで繰り返し処理を使用している箇所のCSSに苦労しました。 コードを書きながらだとこんがらがってしまったので、紙で整理をしてから作業をし…

チーム開発 カテゴリ別商品一覧ページ サーバーサイド

今回実装するのは下記ページです。 ヘッダーのプルダウンメニューから、カテゴリ別の商品を一覧で表示するページです。 作業内容 ・categories_controller作成 ・route記述 ・categories_controller編集 ・view作成categories_controllerがなかったので、作…

個人アプリ開発 記事投稿機能作成 2

引き続き記事投稿機能の作成を進めました。まず昨日残した課題を片付けました。 createアクションが保存されない まず、binding.pryで確認したろころ、user_idがnilになっており、これが原因だと推測しました。 user_idが保存されるように関係性などを見てい…

個人アプリ開発 記事投稿機能作成

ユーザー新規登録・ログイン機能の実装が完了し、記事投稿機能作成に入っていきました。 作業内容 ・リンク修正 記事投稿機能作成スタート 1.controller、view、model作成 2.テーブル作成、modelアソシエーション設定 migrationエラー 3.新規作成機能 作業内…

チーム開発 カテゴリ機能実装 商品詳細ページ

商品詳細ページのカテゴリー表示の実装を行いました。 作業部分 出品した商品に紐づくカテゴリー情報をDBから引っ張ってきます。 作業内容 controller def show @product = Product.find(params[:id]) @categories = Category.all endview %th カテゴリー %t…

チーム開発 修正をいくつか

作業内容 細かい修正をいくつか行いました。 ブランチを切って作業していましたが、マージする際にgithubで初めて行う動作もあり、調べながら慎重に進めました。 コンフリクト解消 1. コンフリクト表示画面右上の[Resolve conflicts]を押す. 2. >>>>>> で囲…

個人アプリ開発 ユーザー新規登録/ログイン機能作成

ユーザー新規登録/ログイン機能作成を行いました。 作業内容 調査した箇所 躓き 作業内容 ・Userモデル作成(devise) ・view作成 ・controller作成 調査した箇所 ログイン時と未ログイン時でヘッダーの出し分け。 user_signed_in?メソッドを使い、条件分岐…

チーム開発 商品一覧表示(TOPページ)2

引き続き商品一覧表示の実装を行いました。 作業内容 完成図 viewの作成 同様にブランド毎の表示も作成 作業内容 完成図 viewの作成 昨日controllerに記述した変数を用い、view内に繰り返し処理を書いていきました。 - @products.first(4).each do |product|…

チーム開発 商品一覧表示 (TOPページ) 

2回目のスプリントレビューが終了し、今日から次の実装に入っていきました。 作業内容 ブランチ作成 概要確認 controller記述 作業内容 ブランチ作成 masterをpullした後、ブランチを切って作業を進めて行こうと思いましたが、予期せぬエラーに見舞われまし…

チーム開発 ユーザー新規登録/ログインページ エラー表示修正

エラーメッセージの表示修正を行いました。現状では下記画像のように、ページ上部にまとめて表示させるようにしていましたが、 これを下記のように、フォームの下に表示させるようにします。 エラーメッセージ用の部分テンプレートにまとめて記述をしていた…

個人アプリ開発 README記述

ユーザーの新規登録、ログイン機能の作成に取り掛かりました。が、今後スムーズにモデルやテーブルの作成を進める為、先にREADME.mdファイルにDB設計(ER図でまとめていたもの)を落とし込みました。 作業内容 ・READMEに画像の取り込み githubでissue作成is…

個人アプリ開発 TOPページ マークアップ

個人アプリのTOPページのviewを作成しました。 使用 ・haml ・scss 感想 チーム開発で既にマークアップは行っていたので、概ねスムーズにコードを書いていけました。 一部、リファレンスを見ても思うような仕様にならない箇所は参考記事を参照。・リンクを親…

個人アプリ開発 新規プロジェクトの作成

今日は個人アプリ開発の新規プロジェクトの作成〜Githubとの連携までを行いました。 作業手順 新規プロジェクトの作成、DB作成 Githubの連携 作業手順 ・新規プロジェクトの作成、DB作成 ・Githubの連携 新規プロジェクトの作成、DB作成 ターミナル $ cd pro…

個人アプリ開発 DB設計

本日は個人アプリ開発のDB設計を行いました。 作業内容 復習がてら、DB設計の流れを確認しながら作成を行いました。 ・エンティティの洗い出し(データが登録される時に着目) ・プロパティの洗い出し ・アソシエーションを確認、手書きでER図を書く(中間テ…

チーム開発 カテゴリ機能実装 ドロップダウンメニュー作成(JQuerry)2

タスク step1 categoryモデル作成〜DB作成 済step2 topページ ヘッダーのドロップダウンメニュー作成step3 商品出品機能との連携 作業手順 ・jQuery導入 済・ドロップダウンメニュー作成 済・jQueryで動きをつける・DB連携 jQueryで動きをつける今回作成する…

チーム開発 カテゴリ機能実装 ドロップダウンメニュー作成(JQuerry)1

引き続きカテゴリ機能の実装を行ました。 タスク step1 categoryモデル作成〜DB作成 済step2 topページ ヘッダーのドロップダウンメニュー作成step3 商品出品機能との連携 作業手順 ・jQuery導入・ドロップダウンメニュー作成・jQueryで動きをつける・DB連携…

チーム開発 カテゴリ機能の実装 categoryモデル作成〜DB作成

チーム開発・フリマアプリのカテゴリ機能実装に入りました。 スクレイピングとは まず実装要項を確認。スクレイピング禁止の要項があり、分からなかったので調査。 スクレイピング:ウェブサイトから情報を取得し、その情報を加工して新たな情報を生成するこ…