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

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’

[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メソッドである。このメソッドを活用することで、引数に指定されたものが一度のアクセスで取得できるのでぜひ活用して、パフォーマンス維持を図りたいと思う。

【Rails/minitest】パーシャルを出し分けるビューヘルパーの自動テストを書いてみる

# はじめに
こんにちは、この記事を書いている現在が夕方なので、お腹が減ってきてしまったk__mです。
この現場では、Railsのプログラムでビューヘルパーの自動テストが書かれていませんでした。
そこで今回、パーシャルを出し分けるヘルパーメソッドの自動テストを書こうとするものの、あまり参考になる記事も見つけられず、少し詰まってしまいました。。。
結局少しずるい方法で乗り越えてしまったのですが、備忘録代わりに記事を書いていきます。
# 自動テストの概要
今回自動テストを導入したかったのは、パーシャルの出し分けをする役割のビューヘルパーです。
具体的にはこんな感じです。

ApplicationControllerで定義されているインスタンス変数haraheriでパーシャルを出し分けるようにしています。
“`ruby:app/helpers/application_helper.rb
module ApplicationHelper
def render_partial
if @is_haraheri
render(partial: ‘shared/haraher

Before Rails Tutorial ポケモン図鑑をつくろう

本投稿は講義資料であり、Rubyの基礎は理解しているが、rails tutorialで躓く読者を対象としています。
***
[１章：環境構築](https://qiita.com/earth660/items/a51874eba618e2aa5ce6)
[２章：Scaffold を用いた高速なアプリケーション構築 及び MVCの理解](https://qiita.com/earth660/items/c791f1e46875e8a9994e)

前章では、Scaffoldを用いて高速でアプリケーションを構築しました。
自動化された部分も多く、現段階では、大まかな理解をしていると思います。

今回は、route, Model, View, Controller　をそれぞれ自分で作っていきます。
とはいっても、継承まで含めてすべて書くには理解することが膨大で大変ですので、
前回も使用した`generate` を今回も使用していきます。

まずは、Railsの新しいアプリケーションを作成します。
[2章：環境構築](https://qiita.com/earth660/items/c791f

【Rails】マイグレーションコマンド

コマンド

「bundle exec rails」は「bin/rails」でもOK

# 新規モデル作成
“`
bundle exec rails g model モデル名 カラム名1:型 カラム名2:型
“`

例えば「nameというstringのカラムだけを持つuserモデル」を作成する場合↓
“`
bundle exec rails g model user name:string
“`
これだけで下記ファイルを自動生成してくれる
“`
create db/migrate/20220422143603_create_users.rb
create app/models/user.rb
create test/models/user_test.rb
create test/fixtures/users.yml
“`

気になるマイグレファイルの作成結果
“`db/migrate/20220422143603_create_users.rb
class CreateUsers < Activ

【rails】image_tagで超簡単に画像を丸く(円形に)くり抜いて表示する方法

久々に、railsの`erb`を使う機会があり、画像を丸く(円形に)くり抜いて表示する要件があったので調べました。

左の画像を、アスペクト比を崩さずに右のように円形にくり抜いて表示したいです。

結論
–
“`erb
<%= image_tag "画像パス or URL", style: "border-radius: 50%; width: 200px; height: 200px; object-fit:cover;" %>
“`
※ `widt

Rubyの基本的な知識(備忘録)

プログラム言語「Ruby」とは？
①入力する文字数が少ない。
②初心者でもわかりやすく、理解しやすい言語である。
③日本人により開発された言語であるため、日本語の情報が豊富に存在する。
④Ruby On　Railsと言われる補助言語(フレームワーク)のようなものがあり、いろんな機能を素早く実装できる。
⑤スタートアップ等の企業で採用されることが多い。(とのこと。)

【主観】
個人的に他の言語「Python、Java」等の言語を調べたが確かに、Rubyの方が記述量は少なく理解しやすかった。

今後も学んだことを発信していきたいと思います。

7-8億レコードを加工処理してS3へ連携した話

## はじめに

今まで一般的なWeb開発はしてきたけど高速化についてあまり考慮せずに実装してきたエンジニアの方に向けて、筆者のデータ ( **7億-8億レコード** ) 加工処理高速化の経験を基に、本番実行で何を目指すかということと、それまでに実際にどのようなアプローチがあるのかを提案できればと思います。
あくまで提案なので、「こうしたらもっと高速になるよ」的な箇所は多々あるかと思います。
コメントなどでご指摘いただければ幸いです。

## 本記事における前提条件

本記事における前提条件を筆者の経験した環境を参考に記載します。

### 本プロジェクトの背景及び要件

– 既存サービスで蓄積されたデータを外部のシステムに連携して有用活用するにあたってのPoVを実施する。
– 既存サービスで蓄積されたデータの一部を匿名化 (ハッシュ化) したものをCSVに書き出し、外部のシステムにPOSTする。
– 本番実行までの実装及び検証は短期間 (2-4週間程度) である。
– **加工処理はできるだけ早く完了させる**

### 採用したテクノロジー

– Ruby on Rails API

Railsに簡単な検索フォームを作ってみた(Ransack）

自分の作成している掲示板サイトに簡単な検索フォームを作りたいと考え、Ransackというgemを使い、記事を参考にしながら作成しました。

参考記事

Railsアプリに簡単に検索フォームを実装する方法とは？

環境とver
ruby ‘2.7.5’
rails ‘6.1.4’
Docker

github
https://github.com/takoyan33/railsdock4

まず最初に
“`Ruby:Gemfile
gem ‘ransack’
#ransackを追加
“`

“`Ruby:ターミナル
bundle install
#dockerの場合、docker-compose run web bundle install
“`
これでransackを入れることができました。
次にコントローラーに記述します。
自分の場合、kaminariのgemを入れているのと、降順に表示したいので、
色々後ろについています。
普通に追加する場合は、.page(params[:page]).per(8).all.order(id: “DESC”)の後ろは消して大丈夫