2020-01-01から1年間の記事一覧

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

ユーザー新規登録・ログイン機能の実装が完了し、記事投稿機能作成に入っていきました。 作業内容 ・リンク修正 記事投稿機能作成スタート 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作成

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

チーム開発 ユーザー新規登録(住所登録)ページ マークアップ

昨日までにユーザー新規登録の最初のページのマークアップが終わり、次に遷移先のページ(住所登録ページ)のマークアップに取り掛かかりました。 作業内容 ・サブブランチの作成 ・住所登録ページのマークアップ 今回ユーザー新規登録はウィザード形式を採…

チーム開発 ユーザー新規登録ページ マークアップ(sass)

昨日作成したユーザー新規登録ページのhamlにスタイルを当てました。 作業内容 hamlと同様にsassもカリキュラムを振り返りつつ、復習しながら記述していきました。 デザインはワイヤーフレームを元に確認し、詳細なレイアウト(padding、margin)は検証を駆…

チーム開発 ユーザー新規登録ページ マークアップ(haml)

今日はチーム開発(フリマアプリ)のユーザー新規登録ページのマークアップを行った。 作業内容 躓いた箇所 作業内容 ・環境作成 ・hamlでhtmlを記述 まずは環境作成を行った。 そもそもチームで方針を決めた最終課題の手順として、まずは1人がrairl newでプ…

チーム開発 ユーザー新規登録/ログインページ 情報整理

最初のスプリント(2週間)で、ユーザー新規登録/ログインページのマークアップを担当することになりました。 作業内容 ・DB登録情報の整理 ・デザイン確認 ・ワイヤーフレーム作成 まずはDB登録情報の整理。 同じフリマアプリのメルカリやラクマを参考にピ…

チーム開発 タスク見積もり

今日は19:00から2度目のチームMTGを行いました。 MTGで決めたこと Rails復習 MTGで決めたこと MTGを行う前にタスクを一覧にし、進行予定表をスプレッドシートで作成しました(スクールからは与えられない)。 開始日・終了日と担当者を入れるとスケジュール…

チーム開発 スタート

昨日からチーム開発がスタートしました。 ほぼ同時期にスタートした5名でチームを組み、フリマ風webアプリを完成させます。 チーム発表〜最初のMTG 最初のMTGで決めたこと これから チーム発表〜最初のMTG 昼過ぎごろにslack上にてチームの発表があり、僕の…

復習 マークアップ

今日はチーム開発に向けて、コーディングのテスト(カリキュラム)を行い、HTML・CSSの復習をしました。 学習してから少し期間が空いていた為、思い出しながら・検索しながら進めました。 今日行った内容 忘れていたポイント 今日行った内容 チャットアプリ…

チーム開発の準備

今週からチーム開発が始まります。 同じ受講期のメンバーで3-4人のチームを組み、フリマアプリを作成します。 今日はスタート前に概要を学習し、目的を改めて定めてみました。 今日学んだこと 1.チーム開発の概要を知る 作成物 開発 全て自分達で 2.目的 3.…

個人アプリ開発 モック作成

本日の作業 個人アプリ作成2日目です。 今日は昨日考えたアプリ案と機能案を元に、keynoteでワイヤーフレームを作成しました。 本日の作業 作業内容 完成したモック 感想 明日やること 作業内容 参考にしたのは馴染み深いグルメレビューサイトと、旅行会社…

個人アプリ開発スタート

ブログを書く理由 今日からブログを書いて行きます。 昨今のコロナウィルスの影響で生活リズムが崩れやすくなり、学習時間も減りがちでした。ブログを書くことで自分自身に再度緊張感を持たせ、毎日目標を持って学習を継続していけたらと思います。 また、エ…