Rails関連のことを調べてみた2022年05月02日

cloud9でrailsの環境構築をする

cloud9でrailsの環境開発を行う際にすることをまとめた。まずはターミナルで
“`
$rails new sample app
“`
と打ち込む。ここのsample appは好きなファイル名でOK！
その後
“`
$cd sample app
“`
で移動したのち
“`
$rails s
“`
でサーバー起動します。無事起動できれば終了です。しかし，以下のようなエラーが出てくるかもしれません。

対処方法としてはGemfileを編集します。
Gemfileに以下を追記します。
“`ruby:Gemfile
gem ‘sqlite3’, ‘~> 1.3.6’
“`
修正前
![スクリーンショット 2022-05-01 23.59.10.png](https://qiita-image-store.s3.ap-northeas

【備忘録・Rails】deviseを用いた管理者機能の実装

## 初めに
こんばんは、だいごです。
今回は、自身が作成中のオリジナルアプリに用いたdeviseの管理者機能についてまとめます。
よかったらご覧ください。

## 実装の手順
初めに、deviseを導入していきます。
この手順に関しては、省略しますが、気になる方はこちらの記事を参考にしてください。

[devise導入手順](https://qiita.com/pro_daigo/items/683cf5e0f34184609b7e)

ここからは、管理者機能を実装していきます。
まずは既存のusersテーブルにデータ型がboolaen型のadminカラムを追加するためにmigrationファイルを作成します。

“`zsh:ターミナル
% rails g migration add_admin_to_users admin:boolean
“`

※**boolean型**：真理値の「真 = true」と「偽 = false」という2値をとるデータ型

続いて作成したマイグレーションファイルを編集していきます。
以下のように記述します。

“`rb:2022XXXXXXXXX

Railsにメールが２通来るお問合せ機能を作ってみた

自分のポートフォリオにお問合せ機能が欲しくなり、実装してみました。

こちらの記事を参考
https://qiita.com/japwork/items/145645e281b81d9bf92c

開発環境
ruby ‘2.7.5’
gem ‘rails’, ‘~> 6.1.4’,
OS: macOS Catalina

まず最初にmailerを作成します。
“`
rails g mailer ContactMailer
“`
そして、送信先と件名を指定します。
自分の場合は、メールの送信先と送信元の二箇所にメールを送りたいため、
２つ作っています。
“`
class ContactMailer < ApplicationMailer default from: 'noreply@example.com' default to: 'admin@example.com' layout 'mailer' def send_mail(contact) @contact = contact mail(from: contact.email, to:

Heroku でのDBをリセットしシードデーターを投入する手順

“`
この記事の環境
mac OS
Rails 6.0.3
ruby 3.0.1p64
“`

gitの変更内容をherokuにpushsする
“`
　git push heroku step5:master
“`

新たにカラム追加やデータ内容を変更する為。データーベースリセットをする　。
“`
heroku pg:reset -a myapp
“`

マイグレーション実行
“`
heroku run rake db:migrate
“`

seedデータ投入
“`
heroku run rails db:seed
“`

おまけ
データーベースの詳細が取得できるコマンド
heroku pg -a アプリ名
“`
=== DATABASE_URL
Plan: Hobby-dev
Status: Available
Connections: 1/20
PG Version: 14.2
Created: 2022-04-11 15:

RailsとVueの組み合わせで’Hello Vue’がうまく行かなかったときの備忘メモ

## 背景
書籍『【Rails x Vue.js】メモアプリを作成しながらモダンな開発を学ぼう！』
を参考にVueを導入しようとするも、Hello Vue!になかなかたどり着けなかったため、備忘メモ

## 環境
Rails 6.1.5.1
vue ~~3.2.33~~ →　2.6.14 ※今回のエラーの原因

## 起きていた事象
以下記載があるViewページへアクセスしても、何も表示されない自称が発生
`<%= javascript_pack_tag 'hello_vue' %>`

コンソールに以下の表示有り。
`”export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ RAILS`

## 解決方法
rails new のあとにpackage.jsonを以下の通り編集。

“`diff_json:package.json
– “vue”: “^3.2.33”,
– “vue-loader”: “^17.0.0”,
– “vue-template-compiler”: “^2.6.14”
+ “vue”: “^2

AWS/Rails デプロイ後の『502』エラー奮闘記

## 概要

先日、[「AWS – Capistranoを使ってデプロイした際のエラー奮闘記」](https://qiita.com/iloveomelette/items/3c0f2dd3faa2fcefc948)を書きました。
今回は、そのデプロイ後に起きた「**502**」エラーの対処法を述べていきます。

**デプロイには成功したのに、アプリが表示されない**、といった方の参考になれば幸いです。

前提として、デプロイにはCapistranoを利用しています。
構成は以下の通りです。

– macOS Monterey 12.3.1 (M1)
– Ruby 3.1.1
– Rails 6.1.5
– nginx
– puma
– MariaDB 10.6.7
– EC2(Amazon Linux 2 AMI / t2.micro)
– RDS

こんな感じです。

## 「502」エラーとは

そもそも「502」エラーとは何なのでしょうか。

>502エラーとは、Webサーバで起きるエラーの種類の一つで、目的地のWebサーバが機能していないことを、経路途上にある中継サーバ（プロ

docker-composeでrails7の開発環境を作る

現在rails7で使える情報がないので記す。webpackerがなくなったので構築するための
ノウハウも変わっている。

## 5つのファイルを準備する

“`ruby:Gemfile
source “https://rubygems.org”
gem “rails”, “~> 7.0.2”, “>= 7.0.2.4”
“`

“`
$ touch Gemfile.lock
“`

“`Dockerfile:Dockerfile
FROM ruby:3.1.2
RUN apt-get update -qq \
&& apt-get install -y nodejs npm \
&& rm -rf /var/lib/apt/lists/* \
&& npm install –global yarn

ENV APP_NAME=myapp
ENV TZ=Asia/Tokyo

WORKDIR /${APP_NAME}

COPY Gemfile /${APP_NAME}/Gemfile
COPY Gemfile.lock /${APP_NAME}/Gemfile

[Rails]RSpecでbinding.pryがNoMethodError: undefined method `pry’ for *** になるときの対処法。

RSpec初心者です。

RSpecのテストがどうしても通らないので、変数の中身を確認したい、という状況がありました。
調べてみるとexample中(`it ‘hoge’ do`の中)で`binding.pry`が使えるらしいです。

しかし、`NoMethodError`が出てデバッグできませんでした。

“`console
Failures:

1) DeviseSessions POST #sign_in パラメーターが有効な場合 ユーザー個別ページにリダイレクトされる（リクエストが成功する）こと
Failure/Error: binding.pry

NoMethodError:
undefined method `pry’ for #
Did you mean? try
…
“`

## 原因
`spec/spec_helper.rb`に`require ‘pry’`が記載されていない。

参考：

https://stackoverflow.com

「[ERROR] [FATAL] InnoDB: Table flags are 0 in the data dictionary but the flags in file ./ibdata1 are 0x4800!」エラーの対処法

　この記事では、初学者である私がDockerを利用してRails, Nginx, MySQLの環境構築の際に直面したエラーを自己解決した方法を記載します。ググって色々な記事を参照したのですが解決しませんでした。結論から述べますと、MySQLのバージョン対応によるエラーでした。
各バージョンは以下になります。
* Rails: 7.0.2.4
* Nginx: 1.20.2
* MySQL: 5.7 → 8.0 (変更後)

今後、開発を進めていくうえで別の問題が発生しましたら追記する次第です。
同じ状況の方の一助となれば幸いです。
内容に誤り等ございましたらコメントよろしくお願いします。

【Rails】WebpackerでインストールしたVueが表示されない

Webpackerを利用してVue.jsをインストールしたところ、`Hello Vue!`を表示させることができませんでした。
解決法を得るのに時間がかかってしまったので、同じ状況に遭遇した方向けに情報を残しておきます。
結論から言うとインストールされたVueのバージョンが原因でした。

## 前提
まず、不具合が発生するまでの過程をまとめると下記の流れです。

### Vueのインストール
まずは下記のコマンドでWebpackerをインストール
“`
$ rails webpacker:install
“`

次にWebpackerでvueをインストール
“`
$ rails webpacker:install:vue
“`

### ルーティングを追加
“`config/routes.rb
Rails.application.routes.draw do
get ‘home’, to: ‘home#index’
end
“`

### コントローラーを作成

“` app/controllers/home_controller.rb
class HomeContr

Webアプリデプロイ方法(AWS EC2編) – 補足 –

# はじめに
以前の記事「[Webアプリデプロイ方法(AWS EC2編)](https://qiita.com/Unimaru/items/66a01ad5dab54e66ff47)」でデプロイしたアプリについて、機能改善などで都度更新する内容を本番EC2インスタンスに反映させる手順。
上記の記事内で初回デプロイ時に各種設定を実施していることが前提。

# 開発環境にてコード編集、リモートリポジトリにpush
– Macなど、開発環境にて機能改善などにより、プログラムコードを編集する
– 編集したコードをリモートリポジトリにpushして反映させる

# リモートリポジトリからpull

– デプロイ対象のEC2インスタンスにssh接続し、ローカルリポジトリに移動する

“`sh:EC2
[memadmin@ip-xx-x-x-xxx memory_tank]$ pwd
/var/www/rails/memory_tank
“`
– commitがされていないファイルが存在する場合、commitするかgit checkoutで以前のcommitまで戻す
※ リモートリポジトリと競合し

【carrierwave】deviseで作ったuserにプロフィール画像を割り当てる

参考：　https://zenn.dev/yukihaga/articles/e63a224431bc96
　　　　　　　：　https://scrapbox.io/rails-beginners/Devise%E3%81%A7%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%AB%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E7%94%BB%E5%83%8F%E3%82%92%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6%E3%82%8B(CarrierWave)

今、インスタみたいな（厳密には全然違うけど）アプリケーションを作っているんですが
投稿ポストにはactivestrageで画像ファイルを保存させているんですが、
「この手のサイトってアイコンとかプロフィール画像あるじゃん」ってことに気づいてしまい。後付けでuser登録時にimageを紐づけることに。

経験値が浅い私は
「ac

RailsプロジェクトにVue.js導入の仕方

# 概要

RailsとVue.jsで開発を行うときにVue.jsの導入で躓いたので共有します
色々記事を見ながら試したんですけどエラーで詰まってハマってしまったので１人でも多くの人に共有できればと思います。

# はじめに
Railsの環境構築は終わったものとする(rails new できる状態)

# 環境構築
環境構築にはhomebrewとrbenvを使用します
まだの方はこちらからインストールしてください
– rbenv: https://github.com/rbenv/rbenv#installation
– homebrew: https://brew.sh/index_ja

### 使用する環境
– MacOS(m1)
– Rails 6.1.5
– Ruby 3.1.0
– yarn 1.22.17
– Homebrew 3.4.8

### はじめにアプリケーションを作成するディレクトリを作成

“`shell
$ mkdir rails_Vue_app
$ cd rails_Vue_app
“`

### Rails プロジェクトの作成
バージョンを指定して

【個人メモ】N+1問題 preload、eager_loadのまとめ

# N+1の対策メソッド
1. joins
1. left_outer_joins
1. eager_load
1. preload
1. includes

eager_load、preload、includesは、一度取得したデータをキャッシュする。2回目以降は、DBではなく、メモリ上にキャッシされたデータを取得することになる。
キャッシュが不要な場合は、joins或いはleft_outer_joinsを使用する。これらはSQLの句なので、この記事で詳細は触れない。

# N+1問題とは？
ループ処理の中で都度SQLを発行してしまう問題のこと。
[【Ruby on Rails】N+1問題ってなんだ？](https://qiita.com/massaaaaan/items/4eb770f20e636f7a1361)

# preload
joinは行われず、2つのテーブに対してそれぞれSQLを発行する。（=2回SQLを発行）
joinを行わないため、where句による絞り込みが出来ない。
レコード量が多い場合、joinの処理を行うeager_loadはパフォーマンスや負荷に影響する場

EC2+Mysql8.0+Railsまでの構築の流れ

# 概要
EC2にMysql,Ruby,nginxを構築しELB,RDSとの連携まで行い完成を目指す。

#### 構築の際の環境
– Mac (M1 MacbookAir)
– OS : Amazon Linux2
– rbenv ver : 1.2.0
– Ruby ver : 3.1.2
– rails ver :
– mysql ver : 8.0.28

#### 前提準備 (作成済みなもの）
– VPC×1
– Subnet(public×2 , private×2)
– EC2×1
– RDS×1
– route table
– internet Gateway
– seculity group (EC2用)×1
– seculity group (RDS用)×1
– githubに新規リモートリポジトリ×1
– EC2へのssh接続設定済み
– GitHubのターミナルへのインストー設定済み

## 設定用ツールのインストール
Rails搭載JavaScriptのパッケージを管理するためのパッケージマネージャ
“`ruby:
$ sudo yum -y update

Rails PamaのDaemonaization設定

### 概要
EC2にnginxの構築を完了し、RailsのPamaデーモン化を構築した際の備忘録として。

### 環境
– Mac M1 macbookAir
– Rails 6.0.4.8
– ruby 2.6.5
– Bundler 1.17.2

### Gemfileに追記し、bundle installの実施
“`ruby:Gemfile
<省略＞ # Use Puma as the app server $ gem 'puma', '~> 5.0’　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　#５.０に変更
$ gem ‘puma-daemon’, require: false　　　　　　　　#追記

＜省略＞

# bundle installの実施
$ bundle install –path vender/bundle
“`
### config/puma.rbに追記し、pumaを起動
“`ruby:Config/puma.rb
＜省略＞

require ‘puma/daemon’

【コピペOK！失敗しない！】Ruby on Rails 6系のDocker環境構築(Ruby 2.6.6、Rails6.0.3、Mac)

## はじめに
DockerでRuby on Railsの環境構築をするにあたり、色々な記事を読み比べ、エラーが出ては周りのエンジニアとして活躍されている方達にアドバイスをいただきました。

そうしていくうちに自分なりの「解」を見出せたので、自分が忘れないように、また他の方々の参考になればと思い当記事を作成いたしました。

## RailsとRubyのバージョンについて
画像引用元：Amazon 「パーフェクト Ruby on Rails 【増補改訂版】 」

上記画像の著書「[パーフェクト Ruby on Rails 【増補改訂版】](https://www.amazon.co.jp/%E3%83%91%E3%83%BC%E3%83%95%E3%82%A7%E3%82%AF%E3%83%

[RSpec]Expected response to be a <3XX: redirect>, but was a <200: OK> – deviseによるログイン / アカウント登録のテスト

RSpec初心者です。
deviseのユーザー認証に関するテストで表題の文言と共にテストに失敗したので、意味を調べました。

“`console
Failures:

1) DeviseSessions POST #sign_in パラメータが正しい場合 ユーザー個別ページにリダイレクトされること
Failure/Error: expect(response).to redirect_to user_url(user.id)
Expected response to be a <3XX: redirect>, but was a <200: OK>
…
“`

## 原因

Createアクション実行後にユーザープロフィールにリダイレクト（status 302）されるところ、Createに失敗してフォームが再表示されている。

>The error message means that the create action is failing, and instead of >redirecting to the user’s profile (s

【CircleCI】”Unable to find gem rubocop-discourse; is the gem installed? Gem::MissingSpecError”が出た時の対処法

# はじめに
CircleCI実行時にRubocopを実行させようとした時に、発生したエラーとその対処方法について、メモしておきます。

### 実行環境
ruby 3.0.2
rails 6.1.4
rubocop 1.24.1
circleci version 2.1

# 発生したエラー
`.config.yml`を以下のように記述し、CIを実行しようとしたところ、rubocopを実行する部分でエラーが発生しました。

“`:config.yml
version: 2.1

orbs:
ruby: circleci/ruby@1.4.0

jobs:
build:
docker:
– image: cimg/ruby:3.0.2
working_directory: ~/appname_backend
steps:
– checkout:
path: ~/appname_backend
– ruby/install-deps

test:
docker:
– imag

Google Ads APIバージョンの確認・アップグレード

# アップグレード通知は突然に
それは突然やってきました。
（メール引用）

あ、アップグレードしなきゃ:neutral_face:
いや待てよ…そもそもバージョンの指定なんてした覚えがないのですが？

# APIの呼び出し環境
RoRで開発を進めているプロジェクトなので、もちろんAPIの呼び出しには公式のgemを使っています。
https://github.com/googleads/google-ads-ruby

# バージョン指定箇所の大捜索
プロジェクト内で指定している箇所を検索しました。
しかし、探せど探せど見つからない。
流石にconfigファイルにあるだろうと思ったけど見つからない。

# そうだGitHub上で探そう
こう思えるようになったのも自分の成長の証な気がしました。
G