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

個人アプリ開発 かんたんログイン機能

作業内容 いろいろ調べてみると複数実装方法がありました。1.htmlに隠しパラメータで忍ばせる 2.サーバ側で処理する今回はビューに追記するだけで作成できる1.の方法で実装しました。 テストユーザーを新規作成 name:テストユーザー email:test@example.com …

個人アプリ開発 バリデーション・エラーメッセージ設定

コメント機能 モデル編集 コントローラ編集 ビュー編集 truncate アカウント機能 エラーメッセージの日本語化 コメント機能 文字数制限のバリデーションを追加し、投稿に失敗した場合はアラートを出すようにしました。 モデル編集 ーーー追記ーーー validate…

個人アプリ開発 ランキング順表示

作業内容 コントローラ編集 作業内容 記事一覧の表示順を修正しました。 点数が高い順に表示するようにします。 コントローラ編集 def index @groups = Group.all.sort {|a,b| b.comments.average(:rate).to_f <=> a.comments.average(:rate).to_f} end最初…

個人アプリ開発 検索機能の実装

作業内容 gem ransackのインストール ルーティング設定 コントローラ編集 ビュー編集 作業内容 検索機能の実装を行いました。 フォームに2つの入力欄を持つ、詳細検索機能です(エリアの検索+キーワード検索)。 ※キーワード検索は名前・キャッチフレーズ・…

個人アプリ開発 いいね機能の実装

記事詳細ページ モデルの作成 モデルの編集 ルーティングの編集 コントローラー作成 コントローラー編集 ビュー作成 マイページ ビューの編集 コントローラの編集 躓き いいね機能はチーム開発でも担当した箇所なので、復習がてらサクサク実装しました。 個…

個人アプリ開発 ☆型評価の実装2

引き続き☆型評価の実装を行いました。 ☆型評価の表示(コメント欄) ビューの編集 ☆型評価の表示(平均点) ビューの編集 ☆型評価の表示(コメント欄) ビューの編集 .aquarium-comments__wrapper__comment--bottom .aquarium-comments__wrapper__comment--b…

個人アプリ開発 ☆型評価の実装

コメント投稿時に評価を入力できるようにしました。 作業内容 commentテーブルにrateカラムの追加 jQuery Raty Githubのファイル一式をクローン application.jsの編集 ビューの編集 躓き 表示がされない(JSが効いていない) コンソールを見るとエラーが確認…

個人アプリ開発 オーバーレイ・モーダルウィンドウの実装(jQuery)

作業内容 ビューの編集 CSSの調整 jQueryの導入 JSファイルの作成 躓き 編集ページの作成 作業内容 コメント投稿のビューを記事詳細ページのモーダルウィンドウ内に移しました。 オーバーレイ:画面の背景を薄暗くする動作 モーダルウィンドウ:別ウィンドウ…

個人アプリ開発 エリア別一覧ページ作成

エリア一覧ページの作成 コントローラ作成 ルーティング編集 コントローラ編集 ビュー作成(部分テンプレを作成) その他の修正 マウスオーバーで説明テキストを表示 CarrierWaveでアップロードした画像ファイルは全てGit管理下から外す CSSで最後のクラスの指…

個人アプリ開発 carrierwaveでハマった

作業内容 今日は各所の微調整を行いました。 ・部分テンプレートを作成しリファクタリング ・仮で入れていた箇所のDB連携 ・スタイリング修正 ・テスト情報の入力 躓き その中でハマってしまったのが、画像に関して。 テストイメージを入力した際に、以下の…

個人アプリ開発 マイページ作成2

引き続きマイページのビューを編集していきました。と言ってもほとんど部分テンプレートを使用しているので、実作業箇所は少ないです。特に問題なく完了しました。アカウント画像の表示やリンクの作成もスムーズだったので良かったと思います。まだいいね機…

個人アプリ開発 マイページ作成

ユーザー編集機能作成、プロフィール画像の追加 作業一覧 コントローラ作成 モデル編集 コントローラ編集 編集時のview ルーティング コントローラ プロフィール画面作成 ユーザー編集機能作成、プロフィール画像の追加 一度ざっと作成しましたが、編集後upd…

個人アプリ開発 コメント機能作成2

コメント投稿フォームの場所を、グループ詳細ページから、コメント作成用ページに変更 記事詳細ページ view修正 編集・削除機能の作成 routes.rbの編集 コントローラーの編集 ビューの作成 躓き コメント投稿フォームの場所を、グループ詳細ページから、コメ…

個人アプリ開発 コメント機能作成

コメント機能を作成しました。 1.モデル作成 2.モデル編集 3.migrationファイル編集 4.ルーティング設定 5.controller作成 6.controller編集 7.view編集 1.モデル作成 [terminal] $ rails g model comment 2.モデル編集 [comment.rb] belongs_to :group belo…

個人アプリ開発 写真投稿機能作成2

作業内容 修正 前回の続き 課題:新規作成ページで画像投稿フォームは複数用意することができたが、写真が1つしか保存されないフィールドを複数作ればいいのかと思っていましたが、上手くいきませんでした。 上書きされるのか、最後の一つのみ保存される。 […

チーム開発 いいね機能実装 TOPページ

実装手順 作業内容 viewの編集 プルリクエスト作成 実装手順 仕様の確認 1.商品のお気に入り登録ができる(商品詳細ページ、ログイン時のみ) 2.お気に入りにした商品を閲覧できる(マイページ) 3.商品一覧に反映(TOPページ)本日は3.の実装を行い、いいね…

チーム開発 いいね機能実装 マイページ

実装箇所 作業内容 1.ルートの編集 2.コントローラの編集 3.モデルの編集 4.viewの作成 5.CSS調整 躓き 実装箇所 仕様の確認 1.商品のお気に入り登録ができる(商品詳細ページ、ログイン時のみ) 2.お気に入りにした商品を閲覧できる(マイページ) 3.商品一…

チーム開発 いいね機能実装 商品詳細ページ

仕様の確認 実装 1.モデル作成 2.モデル編集 3.Productsテーブルにカラムの追加 4.route.rb編集 5.コントローラー作成 6.コントローラー編集 7.ビュー作成 8.JS作成 躓き migrationエラーが発生 挙動が起きない。 missing a templateエラー 仕様の確認 1.商…

個人アプリ開発 写真投稿機能作成

Gemのインストール carrierwaveを利用するためのアップローダーを作成 imageモデルの作成 モデルの編集 フォームが表示されない 画像が保存されない 画像が1つしか保存されない Gemのインストール railsで画像をアップロードする機能を実装するのに、下記gem…