常連

回答者

ベストアンサー

### 前提・実現したいこと

以下の環境でuserオブジェクト作成時に画像が選択されていた場合、画像を投稿、保存できるようにしたいです。

Rails 6.1.1
Ruby 2.7.2
react 16.8.0
MySQL 8.0.21
Doker 20.10.2
Doker-Compose 1.27.4
※画像アップローダーはcarriewaveを利用しています。

### 発生している問題・エラーメッセージ
以下は、「該当のソースコード」に記載しているCreates.jsxに対応するブラウザで、[作成]ボタンを押下した際のRailsサーバーログになります。
3行目の`Parameters:…`では、`"image"=>"blob:http://localhost:3000/…”`となっていますが、８行目の`User Create…`では`NULL`になってしまっており、画像が保存できていません…
```
api_1    | Started POST "/api/v1/signup" for 172.19.0.1 at 2021-03-13 19:09:49 +0900
api_1    | Processing by Api::V1::UsersController#signup as HTML
api_1    |   Parameters: {"user"=>{"name"=>"testuser", "email"=>"tester99@example.com", "password"=>"[FILTERED]", "password_confirmation"=>"[FILTERED]", "image"=>"blob:http://localhost:3000/22fcd8c6-ae85-463a-9181-5af745788651"}}
api_1    |   TRANSACTION (0.4ms)  BEGIN
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    |   User Exists? (3.0ms)  SELECT 1 AS one FROM `users` WHERE `users`.`email` = 'tester99@example.com' LIMIT 1
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    |   User Create (0.8ms)  INSERT INTO `users` (`name`, `email`, `password_digest`, `created_at`, `updated_at`, `image`) VALUES ('testuser', 'tester99@example.com', '$2a$12$UWuxBaKvEM7xq250kI1oj.WiyKTR20M1T0UQbmsaGUvVyqD2.0vMi', '2021-03-13 10:09:50.140282', '2021-03-13 10:09:50.140282', NULL)
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    |   TRANSACTION (3.4ms)  COMMIT
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    | Completed 200 OK in 333ms (Views: 0.4ms | ActiveRecord: 15.8ms | Allocations: 7648)
```

### 該当のソースコード
**Creates.jsx**
```
import React, { Fragment, useReducer, useState } from 'react';
import axios from 'axios';
import { useHistory } from "react-router-dom";
import DefaultImage from '../../images/images.png'
​
import {
  initialState as loginInitialState,
  loginReducer,
} from '../../reducers/login';
​
export const Creates = ({isLoggedIn}) => {
  const [name, setName] = useState("")
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [passwordConfirmation, setPasswordConfirmation] = useState("")
  const [image, setImage] = useState(null)
​
  const history = useHistory();
​
  const [state, dispatch] = useReducer(loginReducer, loginInitialState)
​
  const handleSubmit = (event) => {
    axios.post("http://localhost:3001/api/v1/signup",
      {
        user: {
          name: name,
          email: email,
          password: password,
          password_confirmation: passwordConfirmation,
          image: image
        }
      },
      { withCredentials: true }
    ).then((response) => {
      if (response.data.status === 'created') {
        dispatch({
            type: 'isLogin',
            loginStatus: response
        })
        isLoggedIn()
        history.push('/')
      console.log("registration res", response)
      }
    }).catch(error => {
      console.log("registration error", error)
    })
    event.preventDefault()
  }
​
  const handleChangeFile = (event) => {
    const createObjectURL = (window.URL || window.webkitURL).createObjectURL || window.createObjectURL
    const files = event.target.files
    const image_url = createObjectURL(files[0])
    setImage(image_url)
  }
​
  return (
    <Fragment>
    ユーザー作成ページです
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        placeholder="ユーザー名"
        value={name}
        onChange={event => setName(event.target.value)}
      />
      <input
        type="email"
        placeholder="メールアドレス"
        value={email}
        onChange={event => setEmail(event.target.value)}
      />
      <input
        type="password"
        placeholder="パスワード"
        value={password}
        onChange={event => setPassword(event.target.value)}
      />
      <input
        type="password"
        placeholder="確認用パスワード"
        value={passwordConfirmation}
        onChange={event => setPasswordConfirmation(event.target.value)}
      />
      <input
        type="file"
        placeholder="画像"
        onChange={event => handleChangeFile(event)}
      />
      {image ? (
        <img src={image}/>
      ) : (
        <img src={DefaultImage}/>
      )}
      <button type="submit">登録</button>
    </form>
    </Fragment>
  )
}
```
**users_controller.rb**
```
module Api
module V1
  class UsersController < ApplicationController
​
    def signup
      @user = User.new(user_params)
        if @user.save
          login!
          render json: { status: :created, user: @user }
        else
          render json: { status: 500 }
        end
    end
​
    private
​
      def user_params
          params.require(:user).permit(:name, :email, :password, :password_confirmation, :image)
      end
  end
end
end
```
その他、userモデルには`mount_uploader :image, ImageUploader`を記述しており、image_uploader.rbは作成時点から変更していません。

### 試したこと

**・Creates.jsxの`handleChangeFile`に`console.log`を仕込んでみる**
```
const handleChangeFile = (event) => {
    const createObjectURL = (window.URL || window.webkitURL).createObjectURL || window.createObjectURL
    const files = event.target.files
    const image_url = createObjectURL(files[0])
    setImage(image_url)
    console.log(image)     //null
    console.log(image_url) //blob:http://localhost:3000/...
  }
```
**・Creates.jsxの`handleSubmit`で`FormData()`を使ってみる**
※users_controller.rb内の`user_params`で、`.require(:user)`を消した状態で試しています
```
const handleSubmit = (event) => {
    event.preventDefault()
    const user = new FormData()
    user.append('name', name)
    user.append('email',email)
    user.append('password', password)
    user.append('password_confirmation', passwordConfirmation)
    user.append('image', image)
    const headers = { "content-type": "multipart/form-date"}

    axios.post("http://localhost:3001/api/v1/signup",
      user,
      { withCredentials: true, headers }
    ).then((response) => {
      if (response.data.status === 'created') {
        dispatch({
            type: 'isLogin',
            loginStatus: response
        })
        isLoggedIn()
        history.push('/')
      console.log("registration res", response)
      }
    }).catch(error => {
      console.log("registration error", error)
    })
  }
```
**→上記変更を加えた状態で[作成]ボタンを押下した際のRailsサーバーログ**
```
api_1    | Started POST "/api/v1/signup" for 172.19.0.1 at 2021-03-17 20:09:57 +0900
api_1    | Processing by Api::V1::UsersController#signup as HTML
api_1    |   Parameters: {"name"=>"tt", "email"=>"t@e.com", "password"=>"[FILTERED]", "password_confirmation"=>"[FILTERED]", "image"=>"blob:http://localhost:3000/0eaab11d-294d-472e-946e-179238cececa"}
api_1    |   TRANSACTION (0.5ms)  BEGIN
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    |   User Exists? (3.8ms)  SELECT 1 AS one FROM `users` WHERE `users`.`email` = 't@e.com' LIMIT 1
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    |   User Create (0.6ms)  INSERT INTO `users` (`name`, `email`, `password_digest`, `created_at`, `updated_at`, `image`) VALUES ('tt', 't@e.com', '$2a$12$DVcWEMzbCZvc63mgEGlF8OtE8drIPWrrEGV9jeApw.SbYOyEKrEFu', '2021-03-17 11:09:57.683165', '2021-03-17 11:09:57.683165', NULL)
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    |   TRANSACTION (4.3ms)  COMMIT
api_1    |   ↳ app/controllers/api/v1/users_controller.rb:14:in `signup'
api_1    | Completed 200 OK in 348ms (Views: 0.4ms | ActiveRecord: 16.9ms | Allocations: 10020)
api_1    | 
```

Rails+Reactで画像投稿ができない

初めてVueをフロントに取り入れようとしている初心者です。既存のRails6アプリにVue3を取り入れようとしているのですが、RailsとVueの役割分担などをまだ理解しきれていないので教えてください。

##既存アプリ概要
既存のRailsアプリは食べログのようなものだと考えてください（トップページで検索ができ、ページ遷移後検索一覧から店舗詳細画面に飛ぶ）。
ヘッダーのリンクからログインや登録画面に遷移し、ログイン後は`redirect_back_or`で画面遷移し、ヘッダーのログインリンクが会員メニューリンクに変わります。


##やりたいこと
部分部分をSPA化させていきたいと考えていました。
大雑把にですが今考えているのは下記3ページを主に、その3ページ間はサーバー側でルーティングを担当。3ページそれぞれに紐づくようなページはVueでSPA化のようなイメージ。
0. トップページ
ログインや登録画面をVueのコンポーネントでモーダル化し、ログイン・登録後はトップ画面をリダイレクトし更新(サーバー側で`redirect_back_or`みたいなことをしたい)。

0. 店舗ページ
トップページで店舗検索した後。検索結果の店舗一覧や店舗詳細ページをSPA化

0. 会員ページ
会員情報の編集画面やお気に入り一覧などをタブで切り替えできるように。

##教えていただきたいこと
上記やりたいことの1つめのようにVueで作ったモーダルに必要事項を入力させ、後はRailsで処理みたいな連携は可能か。
可能ならばどのようにやれば良いのか。（ここのルーティングはVue-router、ここはRailsのroutes.rbでみたいな使い分けは可能か）

ここ数日Vueを勉強しているのですがVue・Rails間での画面遷移についてわからず、初心者向けに教えていただけませんでしょうか。（もしそのようなことはできないのなら、上記「やりたいこと」を実現させる方策がもしあれば教えていただきたいです。）
よろしくお願いします。

RailsとVueの連携　画面遷移について

rails6もjQueryも初心者ですがどうぞ宜しくお願いします。


### 前提・実現したいこと

スタイルガイドジェネレータの「Fractal」上で動作確認できたので
rails上に持ってきました。

するとjsからjsを呼ぶ部分で「ReferenceError」になりました。

rails6上でのjsからjsを呼ぶ際のルールを教えていただけませんでしょうか？

### 発生している問題・エラーメッセージ

```
add_image.js:43 Uncaught ReferenceError
```

### 該当のソースコード

呼んでる方のjs
app\javascript\packs\items\add_image.js
```javascript
let input = getInput(); //ここでエラー
```

呼ばれる方のjs
app\javascript\packs\items\input.js
```javascript
function getInput() {
		alert("呼ばれない");
		let input = $(`<li class="item__input"></li>`);
		return input;
	}

```

使うjsは、エントリポイントからではなく、個別のビューから参照するようにしてます。
app\views\items\_form.html.erb
```ruby
 <%= javascript_pack_tag 'items/input' %>
 <%= javascript_pack_tag 'items/add_image' %>
```

### 試したこと
試しにエントリポイントに追加、エントリポイントから参照できるか確認。
こちらも参照できませんでした。
※Uncaught Error: Cannot find module
\app\javascript\packs\application.js
```javascript
require ('items/input') //ここでエラー
import '../items/input.js' //これもエラー
```

rails6上でjsから別ファイルのjsを呼ぶ場合

Vue.jsやNuxt.jsで複数コンポーネントで使いまわしたいメソッドなどが出た場合はどうしますか？
UIの共通化ではなく、メソッド(振る舞い・ロジック)の共通化をしたいと思っています

自分の場合、functionsというディレクトリを掘って共通化させる関数を記述して、都度コンポーネントからimportして利用するようにしています、その方が単体テストもしやすいので良いのかなと思っていたのですが、そのやり方を他で見たことがないので一般的にどうするのが良いのか気になっています

よくあるのは共通処理を記述するコンポーネントを一つ用意して参照する際に都度mixinするとかなのでしょうか？

Nuxt.jsだとplugins以下に共通関数を記載してinjectするというのを見かけました、これはこれで良いのですが全コンポーネントから参照できるようになってしまうのがなと...あとテストはどういう風に書くのかなと...

それとも他に何か良いベストプラクティスがあればご教示いただけたらと思います。

Vue.js/Nuxt.jsで複数のコンポーネントで使いまわしたいメソッドがある時にどのように切り出すべきか

Chromeの拡張機能を作成しています。
h抜きリンクなんかを開けるようにするものなのですが
入れた状態でグーグルで検索をすると何度も勝手に再読み込みされます
どうすればいいでしょうか
```javascript
$(function(){
    const reg = new RegExp(/((h?)(ttps?://[a-zA-Z0-9.\-_@:/~?%&;=+#',()*!]+))/, "gi");
    $('body :not(script)').contents().filter(function(){
        return this.nodeType === 3;
    }).replaceWith(function(){
        return this.nodeValue.replace(reg, "<a href='h$3'>$1</a>")
    })
})
```
```json
{
    "manifest_version":2,
    "name":"ttl",
    "version":"1.0",
    "content_scripts":[
      {
        "matches":[
          "http://*/*",
          "https://*/*"
        ],
        "js":[
          "jquery-3.5.1.min.js",
          "content.js"
        ]
      }
    ]
  }
```

Chromeの自作拡張機能が機能している状態でグーグル検索をすると何度も勝手に再読み込みされる

Rails5のwebアプリケーションを作成しています。

大量にあるデータをwhere句で検索して取得した後、そのデータに対し編集をかけるような処理を行なっています。

Stockテーブル
|id|name|price|created_at|
|:----|:----|:----|:----|
|1|amazon|500|2020/1/1 0:01:00|
|2|amazon|501|2020/1/1 0:02:00|
|3|amazon|500|2020/1/1 0:03:00|
|4|amazon|500|2020/1/1 0:04:00|
|5|amazon|501|2020/1/1 0:05:00|
|6|amazon|502|2020/1/1 0:06:00|

Usdテーブル
|id|rate|created_at|
|:----|:----|:----|
|1|100|2020/1/1 0:01:00|
|2|101|2020/1/1 0:02:00|
|3|100|2020/1/1 0:03:00|
|4|100|2020/1/1 0:04:00|
|5|101|2020/1/1 0:05:00|
|6|102|2020/1/1 0:06:00|

このようなデータが大量にある時

```ruby

stocks = Stock.where(created_at: start...end)

ary = []
stocks.each do |stock|
  # ここは近いであれば値であればそこまで厳密じゃなくて良い
  usd = Usd.where(created_at: stock.created_at - 1.hours...stock.created_at + 1.hours).limit(1)
  ary << stock.price * usd.rate
end
```

みたいなことをやる時、`start...end`は狭い範囲だったら良いのですが、一年分とかになると520,000件以上になり、とても終わらない処理になります。
eachブロックの中で`Usd.where`やるのも問題だとは思いますが、
まずは`stocks`の数を減らしたい。　　
そもそも、データ自体は分単位でもってるけど、参照したいデータはそこまで厳密じゃなくてもよく、3時間毎とかでも大丈夫なので
`stocks = Stock.where(created_at: xxx)`の結果
|id|name|rate|created_at|
|:----|:----|:----|:----|
|1|amazon|100|2020/1/1 0:01:00|
|100|amazon|101|2020/1/1 3:00:00|
|200|amazon|100|2020/1/1 6:00:00|
|300|amazon|100|2020/1/1 9:00:00|
|400|amazon|101|2020/1/1 12:00:00|
|500|amazon|102|2020/1/1 15:00:00|

こんなような感じでデータを取得したいです。
この場合、どの様にすればよいでしょうか？

RailsのActive Recordを使った検索で間隔を開けて取得したい

### 前提

devise ジェムで認証を行っている Rails システムがあります


### 発生している問題・エラーメッセージ

改修作業のために数ヶ月ぶりに docker 上開発環境で起動して 
ホスト上の Chrome から devise が生成するログインフォームにアクセスしてログインしようとしたところ
CSRF 認証に失敗してログインできません

ログイン画面のビューには authenticity_token は埋め込まれていて
Rails のログを見る限りパラメータとしては飛んできています

(トークンを公開することのリスクがわかってないので念のため伏字におきかえてあります)
```
I, [2020-12-04T06:06:42.750789 #10006]  INFO -- : Started POST "/users/sign_in" for 172.20.1.1 at 2020-12-04 06:06:42 +0000
I, [2020-12-04T06:06:42.774239 #10006]  INFO -- : Cannot render console from 172.20.1.1! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255
D, [2020-12-04T06:06:42.928436 #10006] DEBUG -- :    (0.8ms)  SET NAMES utf8,  @@SESSION.sql_mode = CONCAT(CONCAT(@@sql_mode, ',STRICT_ALL_TABLES'), ',NO_AUTO_VALUE_ON_ZERO'),  @@SESSION.sql_auto_is_null = 0, @@SESSION.wait_timeout = 2147483
D, [2020-12-04T06:06:42.986806 #10006] DEBUG -- :    (0.5ms)  SELECT `schema_migrations`.`version` FROM `schema_migrations` ORDER BY `schema_migrations`.`version` ASC
I, [2020-12-04T06:06:43.296627 #10006]  INFO -- : Processing by Users::SessionsController#create as HTML
I, [2020-12-04T06:06:43.297852 #10006]  INFO -- :   Parameters: {"utf8"=>"✓", "authenticity_token"=>"xxxxx", "user"=>{"email"=>"test@test.com", "password"=>"[FILTERED]", "remember_me"=>"1"}}
D, [2020-12-04T06:06:43.340060 #10006] DEBUG -- :   User Load (0.3ms)  SELECT  `users`.* FROM `users` WHERE `users`.`email` = 'test@test.com' ORDER BY `users`.`id` ASC LIMIT 1
I, [2020-12-04T06:06:43.341140 #10006]  INFO -- : Completed 401 Unauthorized in 42ms (ActiveRecord: 2.0ms)


I, [2020-12-04T06:06:44.481082 #10006]  INFO -- : Processing by Users::SessionsController#new as HTML
I, [2020-12-04T06:06:44.481563 #10006]  INFO -- :   Parameters: {"utf8"=>"✓", "authenticity_token"=>"xxxxx", "user"=>{"email"=>"test@test.com", "password"=>"[FILTERED]", "remember_me"=>"1"}}
W, [2020-12-04T06:06:44.494312 #10006]  WARN -- : Can't verify CSRF token authenticity.
I, [2020-12-04T06:06:44.495802 #10006]  INFO -- : Completed 422 Unprocessable Entity in 13ms (ActiveRecord: 0.0ms)


F, [2020-12-04T06:06:44.497743 #10006] FATAL -- :
F, [2020-12-04T06:06:44.498244 #10006] FATAL -- : ActionController::InvalidAuthenticityToken (ActionController::InvalidAuthenticityToken):
F, [2020-12-04T06:06:44.498703 #10006] FATAL -- :
F, [2020-12-04T06:06:44.499209 #10006] FATAL -- : actionpack (5.2.4.4) lib/action_controller/metal/request_forgery_protection.rb:211:in `handle_unverified_request'
actionpack (5.2.4.4) lib/action_controller/metal/request_forgery_protection.rb:243:in `handle_unverified_request'
devise (4.7.3) lib/devise/controllers/helpers.rb:255:in `handle_unverified_request'
actionpack (5.2.4.4) lib/action_controller/metal/request_forgery_protection.rb:238:in `verify_authenticity_token'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:426:in `block in make_lambda'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:198:in `block (2 levels) in halting'
actionpack (5.2.4.4) lib/abstract_controller/callbacks.rb:34:in `block (2 levels) in <module:Callbacks>'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:199:in `block in halting'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:513:in `block in invoke_before'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:513:in `each'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:513:in `invoke_before'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:131:in `run_callbacks'
actionpack (5.2.4.4) lib/abstract_controller/callbacks.rb:41:in `process_action'
actionpack (5.2.4.4) lib/action_controller/metal/rescue.rb:22:in `process_action'
actionpack (5.2.4.4) lib/action_controller/metal/instrumentation.rb:34:in `block in process_action'
activesupport (5.2.4.4) lib/active_support/notifications.rb:168:in `block in instrument'
activesupport (5.2.4.4) lib/active_support/notifications/instrumenter.rb:23:in `instrument'
activesupport (5.2.4.4) lib/active_support/notifications.rb:168:in `instrument'
actionpack (5.2.4.4) lib/action_controller/metal/instrumentation.rb:32:in `process_action'
actionpack (5.2.4.4) lib/action_controller/metal/params_wrapper.rb:256:in `process_action'
activerecord (5.2.4.4) lib/active_record/railties/controller_runtime.rb:24:in `process_action'
actionpack (5.2.4.4) lib/abstract_controller/base.rb:134:in `process'
actionview (5.2.4.4) lib/action_view/rendering.rb:32:in `process'
actionpack (5.2.4.4) lib/action_controller/metal.rb:191:in `dispatch'
actionpack (5.2.4.4) lib/action_controller/metal.rb:236:in `block in action'
devise (4.7.3) lib/devise/failure_app.rb:74:in `recall'
devise (4.7.3) lib/devise/failure_app.rb:41:in `respond'
actionpack (5.2.4.4) lib/abstract_controller/base.rb:194:in `process_action'
actionpack (5.2.4.4) lib/abstract_controller/base.rb:134:in `process'
actionpack (5.2.4.4) lib/action_controller/metal.rb:191:in `dispatch'
actionpack (5.2.4.4) lib/action_controller/metal.rb:236:in `block in action'
devise (4.7.3) lib/devise/failure_app.rb:23:in `call'
devise (4.7.3) lib/devise/delegator.rb:7:in `call'
warden (1.2.9) lib/warden/manager.rb:143:in `call_failure_app'
warden (1.2.9) lib/warden/manager.rb:129:in `process_unauthenticated'
warden (1.2.9) lib/warden/manager.rb:44:in `call'
rack (2.2.3) lib/rack/tempfile_reaper.rb:15:in `call'
rack (2.2.3) lib/rack/etag.rb:27:in `call'
rack (2.2.3) lib/rack/conditional_get.rb:40:in `call'
rack (2.2.3) lib/rack/head.rb:12:in `call'
actionpack (5.2.4.4) lib/action_dispatch/http/content_security_policy.rb:18:in `call'
rack (2.2.3) lib/rack/session/abstract/id.rb:266:in `context'
rack (2.2.3) lib/rack/session/abstract/id.rb:260:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/cookies.rb:670:in `call'
activerecord (5.2.4.4) lib/active_record/migration.rb:559:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/callbacks.rb:28:in `block in call'
activesupport (5.2.4.4) lib/active_support/callbacks.rb:98:in `run_callbacks'
actionpack (5.2.4.4) lib/action_dispatch/middleware/callbacks.rb:26:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/executor.rb:14:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/debug_exceptions.rb:61:in `call'
web-console (3.7.0) lib/web_console/middleware.rb:135:in `call_app'
web-console (3.7.0) lib/web_console/middleware.rb:22:in `block in call'
web-console (3.7.0) lib/web_console/middleware.rb:20:in `catch'
web-console (3.7.0) lib/web_console/middleware.rb:20:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/show_exceptions.rb:33:in `call'
railties (5.2.4.4) lib/rails/rack/logger.rb:38:in `call_app'
railties (5.2.4.4) lib/rails/rack/logger.rb:28:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/remote_ip.rb:81:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/request_id.rb:27:in `call'
rack (2.2.3) lib/rack/method_override.rb:24:in `call'
rails_same_site_cookie (0.1.8) lib/rails_same_site_cookie/middleware.rb:13:in `call'
rack (2.2.3) lib/rack/runtime.rb:22:in `call'
activesupport (5.2.4.4) lib/active_support/cache/strategy/local_cache_middleware.rb:29:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/executor.rb:14:in `call'
actionpack (5.2.4.4) lib/action_dispatch/middleware/static.rb:127:in `call'
rack (2.2.3) lib/rack/sendfile.rb:110:in `call'
railties (5.2.4.4) lib/rails/engine.rb:524:in `call'
puma (3.12.6) lib/puma/configuration.rb:227:in `call'
puma (3.12.6) lib/puma/server.rb:706:in `handle_request'
puma (3.12.6) lib/puma/server.rb:476:in `process_client'
puma (3.12.6) lib/puma/server.rb:334:in `block in run'
puma (3.12.6) lib/puma/thread_pool.rb:135:in `block in spawn_thread'
```

### 該当のソースコード

CSRF に関係する部分はとくに明示的に何かかいてるわけではなく
Rails がかってに埋め込んだり処理してくれてると思うんですが
原因特定に必要なソースがあれば提示します

app/views/layouts/application.html.haml には
```
    = csrf_meta_tags
```
はかかれてあります

### 試したこと

エラーをはいている
lib/action_controller/metal/request_forgery_protection.rb
このファイルの中をデバッグしようと考えました

まず docker コンテナ上で `gem environments` を叩くと
```
RubyGems Environment:
  - RUBYGEMS VERSION: 2.7.7
  - RUBY VERSION: 2.5.1 (2018-03-29 patchlevel 57) [x86_64-linux]
  - INSTALLATION DIRECTORY: /usr/local/bundle
  - USER INSTALLATION DIRECTORY: /root/.gem/ruby/2.5.0
  - RUBY EXECUTABLE: /usr/local/bin/ruby
  - EXECUTABLE DIRECTORY: /usr/local/bundle/bin
```
となっていて /usr/local/bundle 以下にあるみたいですが
コンテナ内では vi しか使えなくて不便なので
ホスト上にボリュームマウントしてる RAILS_ROOT 内にジェムをインストールしようと考え、

`bundle install --path vendor/bundle/`

を実行したところ正常にインストールされました

```
Bundle complete! 47 Gemfile dependencies, 148 gems now installed.
Bundled gems are installed into `./vendor/bundle`
```
ところがその後 rails s や rails db:migrate 等の rals コマンドを叩いたところ固まったまま反応しなくなってしまいました

検索してみると spring stop を実行しろという記事がたくさんでてくるのですが
`Spring is not running`
といわれるだけで改善しません

docker コンテナなので ./vendor/bundle にインストールする前には簡単に戻せるのですが
結局デバッグもまともにできない状態です


質問まとめとしては

1. authenticity_token がパラメータにうめこまれているにもかかわらず CSRF に失敗する理由

2. その原因を調査する方法

3. RubyGems Environment が /usr/local/bundle の状態で
   `bundle install --path vendor/bundle/` を行うと rails コマンドが固まってしまう理由

の３点いずれかでいいので回答いただけるとありがたいです


### 補足情報（FW/ツールのバージョンなど）

ホスト：
MAC OSX
docker desktop 2.0.1.5

ゲスト：
ruby:2.5.1 コンテナイメージ
bundler 1.16.2
rails-5.2.0 

よろしくお願いいたします

authenticity_token がパラメータにうめこまれているにもかかわらず CSRF に失敗する

ruby on railsにて、具体的な処理をcontrollerとは別のファイルにまとめて、controllerからそのファイルの関数を呼び出したいのですが、この場合は処理をまとめたファイルはどこの階層に配置するのが適切でしょうか。

ruby on railsのファイルの配置について

##現状
現在、Railsでアプリケーションを作成しています。
RSpecのrequestsスペックにてコントローラーのテストを行っているのですが、destroyアクションのテストで躓いているため、わかる方いましたら教えてください。


挙動としては以下を想定しています。
- 管理者(admin: true) → 削除が行える
- 管理者以外(admin: false) → 削除は行われずトップページにリダイレクトする

以下のコードでテストを行ったのですが、削除が思ったように行われません。(なぜか削除したい時に削除されず、削除して欲しくない時に削除されるという結果が返ってきています。)
トップページへのリダイレクトに関するテストは通ります。
```requestspec
describe '#destroy' do
    let(:admin_user) { FactoryBot.create(:user, admin: true) }
    let(:user) { FactoryBot.create(:user, admin: false) }
    let(:laundry) { FactoryBot.create(:laundry) }

    context '管理者の場合' do
      it '店舗情報を削除できること' do
        sign_in admin_user
        expect {
          delete laundry_path(laundry)
        }.to change { Laundry.count }.by(-1)
      end
    end

    context '認可されていないユーザーの場合' do
      it '店舗情報を削除できないこと' do
        sign_in user
        expect {
          delete laundry_path(laundry)
        }.to_not change { Laundry.count }
      end

      it 'トップページにリダイレクトすること' do
        sign_in user
        delete laundry_path(laundry)
        expect(response).to redirect_to root_path
      end
    end
```

エラー文↓
```
1) Laundries #destroy 管理者の場合 店舗情報を削除できること
     Failure/Error:
         expect {
           delete laundry_path(laundry)
       }.to change { Laundry.count }.by(-1)
     
       expected `Laundry.count` to have changed by -1, but was changed by 0
     # ./spec/requests/laundries_spec.rb:226:in `block (4 levels) in <top (required)>'

  2) Laundries #destroy 認可されていないユーザーの場合 店舗情報を削除できないこと
     Failure/Error:
       expect {
         delete laundry_path(laundry)
       }.to_not change { Laundry.count }
     
       expected `Laundry.count` not to have changed, but did change from 0 to 1
     # ./spec/requests/laundries_spec.rb:240:in `block (4 levels) in <top (required)>'
```

```controller

  before_action :check_user, except: [:index, :show, :search]

  def destroy
    laundry = Laundry.find(params[:id])
    if laundry.destroy
      redirect_to root_path, notice: '削除が完了しました'
    else
      redirect_to root_path, alert: '削除が失敗しました'
    end
  end

private

  def check_user
    redirect_to root_path unless user_signed_in? && current_user.admin?
  end
```
##質問内容
``let(:laundry) { FactoryBot.create(:laundry) }``を``let!(:laundry) { FactoryBot.create(:laundry) }``にするとテストが成功するのですが、なぜ``let!``にすることで成功するのかがわかりません。

そもそも自分が書いたテストコード自体が間違っているのでしょうか？
わかる方いましたら教えていただきたいです。

よろしくお願いいたします。

##開発環境
- rails (6.0.3.3)
- ruby (2.6.5)
- rspec-rails (4.0.1)