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

[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 (変更後)

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

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

Firestoreでcollectionのfield名をcamelCaseとsnake_caseで交互に置換したい

# 問題

– Javascriptは通常camelCaseで書く
– Rubyは通常snake_caseで書く

そうするとFirestoreのcollectionのfieldはcamelCaseだけど、rubyにデータがある時はsnake_caseにしたい。

# 解決

Railsとしてここに置く

“`rb:config/initializers/firestore.rb
module FirestoreOliveBranch
module Outgoing
def create(data)
d = data.deep_transform_keys { |key| key.to_s.camelcase(:lower) }
super d
end

def set(data, merge: nil)
d = data.deep_transform_keys { |key| key.to_s.camelcase(:lower) }
super d, merge: merge
end
end

RailsアプリにPython3系の実行環境構築する

## まえおき
Railsを使ったプロジェクトにて大量レコードをエクセルに書き込む処理があるのだが、
使用していたRubyライブラリの「RubyXL」ではメモリ効率や出力速度に限界があり、「数十時間出力にかかる」、「出力する前にメモリ枯渇」するなどの問題があった。
Rubyには他にもエクセルのライブラリがあるが、書式設定などが自由にできないものが多く採用に至らず。
調査したところ現状の仕様を満たすかつ、メモリ効率が高いライブラリとしてPythonに「openpyXL」というものあったので導入した。
そこでRailsアプリ内でPythonを実行するための環境を用意する必要が出てきた。
なお単発的にRubyファイルからシェルスクリプトを経由してPythonファイルを実行する想定。
特にバージョン管理は必要ないのでPyenvは無し。

## 環境
– GCE
– OS：CentOS7
– 言語：Ruby(2.2.2)
– フレームワーク：Rails(4.2.5)

## 環境のチェックなど
①OSのバージョン確認
cat /etc/redhat-release
>CentOS Linux

AWS – Capistranoを使ってデプロイした際のエラー奮闘記

こんにちは。
早く駆け出しエンジニアになりたい@iloveomeletteです。

標題にある通り、Capistranoを使ってデプロイした際に少々苦戦したので、
共有していこうと思います。
ポケモンのジム戦のようにエラーを解決するたび、またエラーに遭遇するということを繰り返してました。しょうもないエラーも紹介しつつ解決までの過程を書いていきます。
誰かの参考になれば幸いです。

尚、ご指摘箇所がございましたら
ご教授いただけますと幸いです。

それでは以下の目次でお送り致します。

| ラウンド | エラー項目 |
|:-:|:-:|
| 1 | VS 『supports platforms』 問題 |
| 2 | VS 『An error occurred while installing mysql2 (0.5.3)』 問題 |
| 3 | VS 『Mysql2::Error: Unknown database ‘アプリ名_production’』 問題 |

## 前提

それでは、まず環境などの前提部分からですね。

– macOS Monterey 12.3.1

graphql-deviseのmount_graphql_devise_forの処理を追う

## これは何か

mount_graphql_devise_for の処理がブラックボックスでgraphql_deviseの理解が進まないため、理解を進めるために詳細な実装を追ったときのメモです。

## 前提

– [graphql-devise](https://github.com/graphql-devise/graphql_devise) v0.18.2
– まだ、マイナーバージョンのgemで内部の構造は結構な頻度で変わっている模様で、これは2022/04/27時点の情報です。
– 間違っている箇所などあるかもしれません。間違いありましたら、優しくご指摘いただけると嬉しいです。

## mount_graphql_devise_forの処理を追う

graphql-deviseで`bundle exec rails generate graphql_devise:install`を実行して`routes.rb`を見ると下記のコードが定義される。今回はこの処理が何をしているのかを追っていきたいと思います。

“`ruby:routes.rb
mount_graphql_de

プロジェクトへテストコードを導入する(環境構築編)

## まえおき
前回は[「計画編」](https://qiita.com/rerere_eng/items/fdf57b817589383db661 “”)という事でテスト導入にあたっての目的やテスト範囲の確認などを行った。
今回は「環境構築編」としてRSpecや各種gemのインストールについてまとめていく。

—
### 使用環境とGemについて

—
## 使用環境
– GCE
– OS：CentOS7
– 言語：Ruby(2.2.2)
– フレームワーク：Rails(4.2.5)

—
## 導入するGem
– rspec-rails(4.0.1)
Railsでrspecを実行するために必要

– factory_bot_rails(4.11.1)
テスト用のインスタンスを簡単に、効率よく作成できる

– capybara(2.18.0)
ブラウザをシミュレートしてテストするのに必要

– seleniumu-webdriver(3.141.0)
Webブラウザをプログラムから自動的に操作するためのツール、chromeなどを指定できる

—
## Gemのインスト

Rails に Vue.js と Boostrap4 の導入忘備録 ①

## Vue.jsとは
“Vue.js“とは、“JavaScript“のフレームワークの1種。

JavaScriptのフレームワークやライブラリでで有名なのは“jQuery“があるが、“jQuery“はDOM操作を自分で行わなければならない。

DOM操作は、これまでブラウザで動作するアプリケーションの開発主体がサーバー側だった時はあまり問題にならなかったが、

最近はWebページ自体を遷移させずに1つのページ内で処理を完結させる“Single Page Application“など、フロントエンド側に開発主体が移りつつある。

そこで登場したのが、“Vue.js“や“Angular“、“React“などの“JavaScript“のフレームワーク。

これらフレームワークはDOM操作を自動化するなど、より効率よくフロントエンドの開発が行えるよう考慮されている。中でも“Vue.js“は比較的容易に使い始めることができるため、既存のアプリケーションへの組み込みなどにも向いている。

>**DOM操作とは**
DOMとは、Document Objec

なぜ Rails の前段に Nginx を置くのか

以前、チームで以下のような会話が生まれました。

> 「コンテナに nginx 立てずに、直で rails Appサーバに　ALB　から流せばいいじゃん？」

みたいな話。その際に理由を即座にレスできなかったので、調査しました。

– puma や Unicorn はあくまでAppサーバなのでユーザ直アクセス用途として設計されていない
– バッファリング処理が弱い
– バッファリング処理（処理速度や処理にかかる時間の違いを調整すること）
– nginxから静的ファイルを配信するような構成も後からできる
– App側で静的ファイルの配布すると遅いが、CloudFrontを持ち出すまでもないような構成の場合など
– 本番環境では様々なアクセスを想定して nginx を前段において裁くことを想定すべき
– Webサーバのアクセスログは解析とかする際に都合が良い

的な理由が多いです。ALB とか WAF でも事前に裁くことができますが…

# 参考記事

– [EC2にRuby on Rails製のアプリケーションをデプロイする際におけるnginx等のWebサーバの必要性がわか

N+1問題の重要性

N+1問題とは、アプリケーション開発でデータベースへのアクセス回数が多くなってしまう時に注意すべき問題である。
ユーザーが何かを投稿や検索した際にその都度データベースへアクセスしていては、パフォーマンスが下がってしまう。
そのような問題点を解決する際に活用されるのが、includesメソッドである。このメソッドを活用することで、引数に指定されたものが一度のアクセスで取得できるのでぜひ活用して、パフォーマンス維持を図りたいと思う。