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

個人アプリ開発 RSpec 単体テスト

作業内容 gemのRSpecを使用し、単体テストを行いました。 手順を自分なりにまとめながら進めました。 今回はユーザー登録の際のテストを記述しましたが、 これだけでは少なすぎるので、今後もう少し増やしていきたいと思います。 現場でテストは必須ですし、…

個人アプリ開発 AWS S3

セキュリティ対策 セキュリティ対策① 二段階認証 セキュリティ対策② IAMユーザーの利用 セキュリティ対策③ git-secrets 1.ローカルからS3にアップロード S3で保存先を用意 画像のアップロード先をS3に変更 躓き 本日も引き続きAWSの作業。自分なりにまとめな…

個人アプリ開発 AWS 自動デプロイ

Capistranoの導入準備 Gemをインストール Capfileを編集 デプロイについての設定ファイルを編集 nginxの設定ファイル 自動デプロイ 躓き デプロイ時エラー 画像が表示されなくなった 今日は自動デプロイをする為に、capistranoを導入していきました。 ただ作…

個人アプリ開発 AWS Nginx導入・エラー解決

躓き1 ログアウト時のエラー Nginxの導入と設定 Nginxをインストール Nginxの設定ファイルを編集 unicorn.rbを修正 躓き2 本番環境を確認。 ログイン時・未ログイン時で一通り操作を行い、出てきたエラーを解決していきました。 躓き1 ログアウト時のエラー …

個人アプリ開発 AWSデプロイでハマった

躓き 1.Railsが起動できない。 2.本番環境のURLを叩くとページが表示されない 3.一部の表示がおかしい 感想 前回の記事で一通りデプロイ作業を行いましたが、結果本番環境で表示を確認することができませんでした。 今日はエラーログを辿り、一つ一つ解決し…

個人アプリ開発 AWSデプロイ

作業内容 1.AWSアカウント作成 2.EC2 サーバのセットアップ リージョンの設定 EC2インスタンスの作成 AMIの選択 Elastic IPの作成と紐付け ポートを開く EC2インスタンスへのログイン 3.EC2のRuby/Rails環境構築 設定用のツールをインストール Node.jsをイン…

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

作業内容 いろいろ調べてみると複数実装方法がありました。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…

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

記事一覧表示機能 まず引き続き記事一覧表示機能、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が保存されるように関係性などを見てい…