常連

現在大学生です。Web系エンジニアになりたいと考えています。

タイトルの意味なのですが、例えば私がLaravelを使ってポートフォリオを作って主にRailsを使っている企業に応募した場合の人事的な評価の話です。同じ大学の先輩の話を聞くに「現時点でフレームワークをなんでもいいから使いこなしているということは入社後に新しいフレームを習得できる見込みが速いと判断されるから飽くまでも学生のうちはそんな気にすることでもないと思う。」とおっしゃっていました。

本当なのでしょうか....?

初歩的なことかもしれませんが有識者の方ご教授お願い致します。

Web自社開発起業などが使用しているものと異なるフレームワークを使っている場合の評価とは......?

## テーマ、知りたいこと

転職保証ありのオンライン型プログラミングスクールにはどのような印象をお持ちでしょうか？

## 背景、状況

プログラミングを独学で勉強し始めましたが、限界を感じております。
未経験から仕事を得られる水準まで育成する方針やサポートの手厚さを魅力に感じて、とあるスクールの受講を検討しています。ただ、ネットで上位にヒットするのは利害関係者周りの意見が多く、利害とは無関係の第3者の正直なご意見を伺ってみたいです。



転職保証ありのオンライン型プログラミングスクールってどう？

### 実現したいこと
- エラー原因の特定。
- テストのパス

### 発生している問題・分からないこと
11.3.1authenticated?メソッドの抽象化
https://railstutorial.jp/chapters/account_activation?version=7.0#sec-generalizing_the_authenticated_method
の進行中でテストをしたところエラーが２件発生しました。


### エラーメッセージ
```error
ERROR SessionsHelperTest#test_current_user_returns_nil_when_remember_digest_is_wrong (0.13s)
Minitest::UnexpectedError:         ArgumentError: wrong number of arguments (given 1, expected 2)
            app/models/user.rb:39:in `authenticated?'
            test/helpers/sessions_helper_test.rb:26:in `current_user'
            test/helpers/sessions_helper_test.rb:17:in `block in <class:SessionsHelperTest>'

ERROR SessionsHelperTest#test_current_user_returns_right_user_when_session_is_nil (0.14s)
Minitest::UnexpectedError:         ArgumentError: wrong number of arguments (given 1, expected 2)
            app/models/user.rb:39:in `authenticated?'
            test/helpers/sessions_helper_test.rb:26:in `current_user'
            test/helpers/sessions_helper_test.rb:11:in `block in <class:SessionsHelperTest>'
```

### 該当のソースコード

```Ruby
authenticated?メソッドを含めたapp/models/user.rb

class User < ApplicationRecord
  attr_accessor :remember_token, :activation_token
  before_save   :downcase_email
  before_create :create_activation_digest
  validates :name,  presence: true, length: { maximum: 50 }
  VALID_EMAIL_REGEX = /\A[\w+\-.]+@[a-z\d\-.]+\.[a-z]+\z/i
  validates :email, presence: true, length: { maximum: 255 },
                    format: { with: VALID_EMAIL_REGEX },
                    uniqueness: true
  has_secure_password
  validates :password, presence: true, length: { minimum: 6 }, allow_nil: true

  # 渡された文字列のハッシュ値を返す
  def User.digest(string)
    cost = ActiveModel::SecurePassword.min_cost ? BCrypt::Engine::MIN_COST :
                                                  BCrypt::Engine.cost
    BCrypt::Password.create(string, cost: cost)
  end

  # ランダムなトークンを返す
  def User.new_token
    SecureRandom.urlsafe_base64
  end

  # 永続的セッションのためにユーザーをデータベースに記憶する
  def remember
    self.remember_token = User.new_token
    update_attribute(:remember_digest, User.digest(remember_token))
    remember_digest
  end

  # セッションハイジャック防止のためにセッショントークンを返す
  # この記憶ダイジェストを再利用しているのは単に利便性のため
  def session_token
    remember_digest || remember
  end

  # 渡されたトークンがダイジェストと一致したらtrueを返す(追加した部分です)
  def authenticated?(attribute, token)
    digest = send("#{attribute}_digest")
    return false if digest.nil?
    BCrypt::Password.new(digest).is_password?(token)
  end

  # ユーザーのログイン情報を破棄する
  def forget
    update_attribute(:remember_digest, nil)
  end

  private

    # メールアドレスをすべて小文字にする
    def downcase_email
      self.email = email.downcase
    end

    # 有効化トークンとダイジェストを作成および代入する
    def create_activation_digest
      self.activation_token  = User.new_token
      self.activation_digest = User.digest(activation_token)
    end

end


```

```Ruby
current_user内の抽象化したauthenticated?メソッド 

app/helpers/sessions_helper.rb

module SessionsHelper

  # 渡されたユーザーでログインする
  def log_in(user)
    session[:user_id] = user.id
    # セッションリプレイ攻撃から保護する
    # 詳しくは https://techracho.bpsinc.jp/hachi8833/2023_06_02/130443 を参照
    session[:session_token] = user.session_token
  end

  # 永続的セッションのためにユーザーをデータベースに記憶する
  def remember(user)
    user.remember
    cookies.permanent.encrypted[:user_id] = user.id
    cookies.permanent[:remember_token] = user.remember_token
  end

  # 記憶トークンcookieに対応するユーザーを返す
  def current_user
    if (user_id = session[:user_id])
      user = User.find_by(id: user_id)
      @current_user ||= user if session[:session_token] == user.session_token
    elsif (user_id = cookies.encrypted[:user_id])
      user = User.find_by(id: user_id)
      if user && user.authenticated?(:remember, cookies[:remember_token])　⇦追加したコードです
        log_in user
        @current_user = user
      end
    end
  end


  # 渡されたユーザーがカレントユーザーであればtrueを返す
  def current_user?(user)
    user && user == current_user
  end

  # ユーザーがログインしていればtrue、その他ならfalseを返す
  def logged_in?
    !current_user.nil?
  end

  # 永続的セッションを破棄する
  def forget(user)
    user.forget
    cookies.delete(:user_id)
    cookies.delete(:remember_token)
  end

  # 現在のユーザーをログアウトする
  def log_out
    forget(current_user)
    reset_session
    @current_user = nil
  end

  # アクセスしようとしたURLを保存する
  def store_location
    session[:forwarding_url] = request.original_url if request.get?
  end

end

```

```Ruby
Userテスト内の抽象化したauthenticated?メソッド 

test/models/user_test.rb

require "test_helper"

class UserTest < ActiveSupport::TestCase

  def setup
    @user = User.new(name: "Example User", email: "user@example.com",
                    password: "foobar", password_confirmation: "foobar")
  end

  test "should be valid" do
    assert @user.valid?
  end

  test "name should be present" do
    @user.name = ""
    assert_not @user.valid?
  end

  test "email should be present" do
    @user.email = "     "
    assert_not @user.valid?
  end

  test "name should not be too long" do
    @user.name = "a" * 51
    assert_not @user.valid?
  end

  test "email should not be too long" do
    @user.email = "a" * 244 + "@example.com"
    assert_not @user.valid?
  end

  test "email validation should accept valid addresses" do
    valid_addresses = %w[user@example.com USER@foo.COM A_US-ER@foo.bar.org
                        first.last@foo.jp alice+bob@baz.cn]
    valid_addresses.each do |valid_address|
      @user.email = valid_address
      assert @user.valid?, "#{valid_address.inspect} should be valid"
    end
  end

  test "email validation should reject invalid addresses" do
    invalid_addresses = %w[user@example,com user_at_foo.org user.name@example.
                           foo@bar_baz.com foo@bar+baz.com]
    invalid_addresses.each do |invalid_address|
      @user.email = invalid_address
      assert_not @user.valid?, "#{invalid_address.inspect} should be invalid"
    end
  end


  test "email addresses should be unique" do
    duplicate_user = @user.dup
    @user.save
    assert_not duplicate_user.valid?
  end

  test "password should be present (nonblank)" do
    @user.password = @user.password_confirmation = " " * 6
    assert_not @user.valid?
  end

  test "password should have a minimum length" do
    @user.password = @user.password_confirmation = "a" * 5
    assert_not @user.valid?
  end

  test "authenticated? should return false for a user with nil digest" do　⇦追加した部分です。
    assert_not @user.authenticated?(:remember, '')
  end
end

```
※追加したsessions_helper_test.rb
```Ruby

require "test_helper"

class SessionsHelperTest < ActionView::TestCase

  def setup
    @user = users(:michael)
    remember(@user)
  end

  test "current_user returns right user when session is nil" do
    assert_equal @user, current_user
    assert is_logged_in?
  end

  test "current_user returns nil when remember digest is wrong" do
    @user.update_attribute(:remember_digest, User.digest(User.new_token))
    assert_nil current_user
  end

# 記憶トークンcookieに対応するユーザーを返す
  def current_user
    if (user_id = session[:user_id])
      @current_user ||= User.find_by(id: user_id)
    elsif (user_id = cookies.encrypted[:user_id])
      user = User.find_by(id: user_id)
      if user && user.authenticated?(cookies[:remember_token])
        log_in user
        @current_user = user
      end
    end
  end

end

```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
- チャットgptにて質問した結果を引用

エラーメッセージから判断すると、authenticated? メソッドに渡す引数が間違っている可能性があります。authenticated? メソッドは2つの引数を期待していますが、渡された引数が1つだけであることが原因でエラーが発生しているようです。

authenticated? メソッドに渡す引数を確認し、適切なトークン（cookies[:remember_token] など）を渡してみてください。

修正方法
authenticated? メソッドに渡す引数を確認し、適切なトークン（cookies[:remember_token] など）を渡してみてください。

以下のように修正してみてください：

修正例:
ruby
コードをコピーする
# user.rb の authenticated? メソッド
def authenticated?(attribute, token)
  digest = send("#{attribute}_digest")
  return false if digest.nil?
  BCrypt::Password.new(digest).is_password?(token)
end

# sessions_helper.rb 内での呼び出し
if user && user.authenticated?(:remember, cookies[:remember_token]) # ここでトークンを渡す
  log_in user
  @current_user = user
end

修正箇所がないように見えます。
sessions_helper_test.rbを追記しました。リスト 11.30のrails testでgreenになるはずがエラーによってRedの状態です。

### 補足
Rails 7.0.8.4

Railsチュートリアル第７版の11章　11.3.1authenticated?メソッドの抽象化の突破。　エラーの原因が不明です

### 実現したいこと

Ruby on Railsのインストール

### 前提
こちらのサイトを参考にし、ruby on railsのインストールを試みました。
https://medium-company.com/ruby-on-rails-%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89/
gem install railsでrailsのインストールをしようとしたところデータベースのエラーが発生し、railsのインストールができません。ネットで検索してみても同じようなエラーになっている方がおらず、途方に暮れている状態です。わかる方に助言をお願いしたいです。


### 発生している問題・エラーメッセージ

エラーメッセージ
```ここに言語を入力
C:\Users\hirah>gem install rails
Fetching psych-5.1.1.gem
Using rubygems directory: C:/Users/hirah/.gem/ruby/3.2.0
Installing required msys2 packages: mingw-w64-ucrt-x86_64-libyaml
エラー: 処理を始められませんでした (データベースをロックできません)
エラー: データベースをロックできませんでした: Permission denied
pacman failed with the following output:
Building native extensions. This could take a while...
ERROR:  Error installing rails:
        ERROR: Failed to build gem native extension.

    current directory: C:/Users/hirah/.gem/ruby/3.2.0/gems/psych-5.1.1/ext/psych
C:/Ruby32-x64/bin/ruby.exe extconf.rb
checking for yaml.h... no
yaml.h not found
*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of necessary
libraries and/or headers.  Check the mkmf.log file for more details.  You may
need configuration options.

Provided configuration options:
        --with-opt-dir
        --without-opt-dir
        --with-opt-include
        --without-opt-include=${opt-dir}/include
        --with-opt-lib
        --without-opt-lib=${opt-dir}/lib
        --with-make-prog
        --without-make-prog
        --srcdir=.
        --curdir
        --ruby=C:/Ruby32-x64/bin/$(RUBY_BASE_NAME)
        --with-libyaml-source-dir
        --without-libyaml-source-dir
        --with-yaml-0.1-dir
        --without-yaml-0.1-dir
        --with-yaml-0.1-include
        --without-yaml-0.1-include=${yaml-0.1-dir}/include
        --with-yaml-0.1-lib
        --without-yaml-0.1-lib=${yaml-0.1-dir}/lib
        --with-yaml-0.1-config
        --without-yaml-0.1-config
        --with-pkg-config
        --without-pkg-config
        --with-libyaml-dir
        --without-libyaml-dir
        --with-libyaml-include
        --without-libyaml-include=${libyaml-dir}/include
        --with-libyaml-lib
        --without-libyaml-lib=${libyaml-dir}/lib

To see why this extension failed to compile, please check the mkmf.log which can be found here:

  C:/Users/hirah/.gem/ruby/3.2.0/extensions/x64-mingw-ucrt/3.2.0/psych-5.1.1/mkmf.log

extconf failed, exit code 1

Gem files will remain installed in C:/Users/hirah/.gem/ruby/3.2.0/gems/psych-5.1.1 for inspection.
Results logged to C:/Users/hirah/.gem/ruby/3.2.0/extensions/x64-mingw-ucrt/3.2.0/psych-5.1.1/gem_make.out
```



### 試したこと

mkmf.logを読んでみるも何がなんだかわからず、、、
回答者様からの助言でdb.ickを消そうしましたが、見つからない。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-10-11/5c3a3ca6-c27a-4195-8684-ed7363998be3.png)

### 補足情報（FW/ツールのバージョンなど）

windows11/ruby3.2.2/sqlite3 3.43.2


ruby on railsのインストール中に起こるデータベースのエラー

### 実現したいこと

投稿に紐づくコメントを削除したいです。

### 前提
railsでコメント機能を作成しています。

### 発生している問題・エラーメッセージ
定番のメッセージなのですが
```
undefined method `destroy!' for nil:NilClass
```

### 該当のソースコード

```ruby
  scope module: 'users' do
    resources :posts, except: %i[index new] do
      resources :comments, module: :posts, only: %i[create destroy]
    end
  end
```

```ruby
class Users::Posts::ApplicationController < Users::ApplicationController
  before_action :set_post

  private

  def set_post
    @post = Post.find(params[:post_id])
  end
end
```

```ruby
class Users::Posts::CommentsController < Users::Posts::ApplicationController

  def destroy
    comment = current_user.comments.find_by(id: params[:id])
    comment.destroy!
    redirect_to post_path(@post), alert: 'コメントを削除しました'
  end

  private

  def comment_params
    params.require(:comment).permit(:content)
  end
end
```
```ruby
- comments.each do |comment|
  .card.w-50.mx-auto.my-3
    .card-header
      = "#{comment.user.name}さんのコメント"
    .card-body
      = comment.content
      - if comment.user == current_user
        = link_to post_comment_path(comment), data: { turbo_method: :delete, turbo_confirm: '本当に削除しますか？' }, class: 'text-reset ms-auto' do
          %i.bi.bi-trash
```
viewに関してはパーシャルにしているので`@comments`ではなく`comments`になっています

### 試したこと
最初は`comment = current_user.comments.find(params[:id])`という記述で書いていたのですがこれだとレコードが見つからないというエラーになったので、`find_by`で試したところ`comment`がnilになっていて、結局どうすればいいのかわからなくなってしまいました。

### 補足情報（FW/ツールのバージョンなど）
ruby 3.1.3
Rails 7.0.4


Rails 投稿に紐づくコメントが削除できない

### 実現したいこと
現在、Ruby on railsを用いて、地点データをgoogle map上に一覧表示するアプリを制作しています。
そのために、モデルで保存されている地点のデータをgoogle mapを表示するためのJavascriptのコードに受け渡す必要があります。

### 発生している問題・分からないこと
railsのデータをjavascriptに受け渡す方法を調べたところ、まずはhtmlにデータを受け渡し、そこからjavascriptに渡すという方法が出てきました。

そこで、以下のhtml.erbにおいて、divタグの中に
data-map-points-value="<%= ＠point1.to_json %>"
と記載して、rails controller上でモデルから取り出したデータ@point1をJSON化したものを、
htmlの中に埋め込みました。

結果、htmlでは、以下のものがdata-map-points-valueとして設定されているはずです。
{"id":1,"post_id":4,"title":"ほげほげ","content":"ほげほげ","position":1,"lat":"35.689481","lng":"139.691686","country_id":153,"prefecture_id":35,"created_at":"2024-11-06T12:47:10.620Z","updated_at":"2024-11-12T01:34:57.561Z"}

その上で、stimulusのmap_controllerで、
console.log(this.pointsValue)としたのですが、
コンソールには
_{ }_
としか表示されません。

Stimulusによるhtmlとjavascriptの接続方法をどこかで間違えているのかなと思うのですが、
調べても解決に至らず、ご質問させていただきました。
よろしくお願いします。



### 該当のソースコード

```posts/show.html.erb
<div id="data-reciever" data-controller="map" 
data-map-target="pointsDataReciever" 
data-map-points-value="<%= @point1.to_json %>">
</div> 

<div class="leaflet-container" data-controller="map"
data-map-target="placeholder"
style="height: 800px; width: 800px;">
</div>
```

```map_contoroller.js
import { Controller } from "@hotwired/stimulus";

export default class extends Controller {
    static targets = ["placeholder", "pointsDataReciever"]
    static values = { points: String }
 
    connect() { 
    console.log (this.pointsValue);
    }
}

```

```posts_controller.rb
  def show
    @point1 = @points.find_by(position:1)
  end
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
https://stimulus.hotwired.dev/handbook/managing-state
を参考に、他の方法として以下も試してみました。

具体的には、htmlのdivタグに、

data-map-points="<%= @point1.to_json %>"

と追記し、その上でmap_controllerを

var pointsGet = this.data.get('points')
console.log (pointsGet);
console.log (this.element.dataset.points);

としました。しかしコンソールではそれぞれ
null
undefined
となってしまい、解決しませんでした...

### 補足
● バージョン
ruby 3.2.4
rails 7.0.8.4
stimulus rails 1.3.4

Stimulusを使って、html上のデータをjavascriptに渡したい

### 実現したいこと
現在、口コミサイトのようなものを作成しています。
そこで最大３枚まで画像を付けられるように設計しております。

編集画面にて画像を変更したいとなった場合、下記を実現したいと考えております。
①すでに最初の投稿で画像をアップロードしていた場合はそのプレビュー表示と削除ができる。
②①で既存画像を削除した場合は新しい画像がアップロードできる。
③既存画像が1枚のみだった場合、残り2枚画像をアップロードできる。



### 発生している問題・分からないこと
現在、上記実現したいことのうち①と②は実装できたのですが、③のみができておりません。

既存画像が1枚ある状態の時に、既存画像のプレビュー表示はされている。また削除及び追加もできる。
既存画像が1枚ある状態の時に、新しい画像のアップロードをしようとすると画像選択はできるがプレビュー表示ができない。

エラーを見ると、「preview-container」のindexが正しく取れていないようなので、色々コードを書き換えてみたりしたのですがわからずじまいです。

### エラーメッセージ
```error
Uncaught TypeError: Cannot read properties of undefined (reading 'querySelector')
```

### 該当のソースコード

```html.erb

      <div class="row justify-content-center">
        <div id="file_input_container" class="mb-4">
          <p>写真を追加する（最大3枚まで）</p>
          <div class="d-flex justify-content-start">
            <% @review.images.each_with_index do |image, index| %>
              <div class="file-input-wrapper" data-controller="edit-preview">
                
                <div class="preview-container" data-edit-preview-target="preview" data-index="<%= index %>" style="display: block;">
                  <%= image_tag url_for(image), alt: "Uploaded Image", class: "img-thumbnail" %>
                </div>
                <%= form.check_box :existing_image_ids, { multiple: true, id: "delete_checkbox_#{index}", class: "d-none" }, image.id, nil %>
                <button type="button" class="delete-btn" data-action="click->edit-preview#delete" 
                  data-edit-preview-target="deleteBtn" data-index="<%= index %>" style="display: block;">×</button>
                <input type="file" name="review[images][]" accept="image/*" class="form-control-file" 
                  data-edit-preview-target="fileInput" data-action="change->edit-preview#initializeFileInput" 
                  data-index="<%= index %>" style="display: none;">
                <div class="plus-icon" data-edit-preview-target="plusIcon" data-index="<%= index %>" style="display: none;">+</div>
              </div>
            <% end %>
          
            
            <% remaining_images = 3 - @review.images.size %>
            <% if remaining_images > 0 %>
              <% remaining_images.times do |i| %>
                <div class="file-input-wrapper" data-controller="edit-preview">
                  <input type="file" name="review[images][]" accept="image/*" class="form-control-file" 
                    data-edit-preview-target="fileInput" data-action="change->edit-preview#initializeFileInput" 
                    data-index="<%= @review.images.size + i %>">
                  <div class="plus-icon" data-edit-preview-target="plusIcon">+</div>
                  <div class="preview-container" data-edit-preview-target="preview" data-index="<%= @review.images.size + i %>" style="display: none;">
                    <img src="" alt="Preview">
                  </div>
                  <button type="button" class="delete-btn" data-action="click->edit-preview#delete" 
                    data-edit-preview-target="deleteBtn" data-index="<%= @review.images.size + i %>" style="display: none;">×</button>
                </div>
              <% end %>
            <% end %>
          </div>
        </div>
      </div>
```

```controller.js
initializeFileInput(event) {
  const input = event.target;
  const index = input.dataset.index;
  const file = input.files[0];

  console.log("Input index:", index);
  console.log("Preview Targets:", this.previewTargets);

  console.log("Preview Targets:", this.previewTargets);
 console.log("Total previewTargets length:", this.previewTargets.length);

  const previewContainer = this.previewTargets[index];
  const plusIcon = this.plusIconTargets[index];
  const deleteBtn = this.deleteBtnTargets[index];

  if (file) {
    // ファイルが選択された場合、プレビューを表示
    const reader = new FileReader();
    reader.onload = (e) => {
      const img = previewContainer.querySelector('img');
      img.src = e.target.result;

      plusIcon.style.display = 'none';
      previewContainer.style.display = 'block';
      deleteBtn.style.display = 'block';
    };

    reader.readAsDataURL(file);
  }
}

```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [x] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
現在はソースコードを既存画像がある場合に応じて新規画像のアップロードフォームを増減する形にしていますが、それを最初からフォームを3つ作りその中で既存画像がある場合とない場合にわけたりしたソースコードも試しましたが、結果は同じでした。

### 補足
特になし

Ruby on Railsにて、すでに別の画像があるところに新しい画像のアップロードをしたい

### 前提

現在[こちらのサイト](https://zenn.dev/jinwatanabe/articles/d8e73fcccf16fbfed9df)を参考にdocker-compose を使用してバックエンド側(Rails7系 APIモード)とフロントエンド側(React TypeScript)で開発したポートフォリオをAWSにデプロイしようとしています。現在サイトの通りに、一旦ローカル環境でRailsが本番環境で正常に作動するかチェックをしています。しかし、コンテナを起動すると以下のエラーが発生してしまいます。


### 発生している問題・エラーメッセージ（nginxコンテナで発生）

```yml
web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/", host: "localhost"
web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/500.html", host: "localhost"
web_1    | 172.25.0.1 - - [26/Aug/2022:00:46:25 +0000] "GET / HTTP/1.1" 502 559 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"
web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET /favicon.ico HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/favicon.ico", host: "localhost", referrer: "http://localhost/"
web_1    | 2022/08/26 00:46:25 [crit] 7#7: *1 connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory) while connecting to upstream, client: 172.25.0.1, server: localhost, request: "GET /favicon.ico HTTP/1.1", upstream: "http://unix:///myapp/tmp/sockets/puma.sock:/500.html", host: "localhost", referrer: "http://localhost/"
web_1    | 172.25.0.1 - - [26/Aug/2022:00:46:25 +0000] "GET /favicon.ico HTTP/1.1" 502 559 "http://localhost/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36"
```

### docker-compose.production.yml

```yml
version: "3.3"
services:
  api:
    build:
      context: ./backend/
      dockerfile: Dockerfile
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec puma -C config/puma.rb -e production"
    volumes:
      - ./backend:/myapp
      - ./backend/vendor/bundle:/myapp/vendor/bundle
    environment:
      TZ: Asia/Tokyo
      RAILS_ENV: development
    # ports:
    #   - "3001:3000"
    depends_on:
      - db
    stdin_open: true
    tty: true
    env_file:
      - .env
    user: root

  front:
    build:
      context: ./frontend/
      dockerfile: Dockerfile
    volumes:
      - ./frontend/app:/usr/src/app
    command: sh -c "yarn && yarn start"
    ports:
      - "4000:3000"
    environment:
      - WDS_SOCKET_PORT=0
  
  db:
    image: mysql:8.0
    environment:
      MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
    command: --default-authentication-plugin=mysql_native_password
    volumes:
      - mysql-data:/var/lib/mysql
      - /tmp/dockerdir:/etc/mysql/conf.d/
    ports:
      - "3306:3306"
    cap_add:
      - SYS_NICE
  
  web:
    build:
      context: backend/containers/nginx
    volumes:
      - public-data:/myapp/public
      - tmp-data:/myapp/tmp
    ports:
      - 80:80
    depends_on:
      - api

volumes:
  db:
    driver: local
  public-data:
  tmp-data:
  log-data:
  mysql-data:
```

### config/puma.rb
```rb
threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }.to_i
threads threads_count, threads_count
port        ENV.fetch("PORT") { 3000 }
environment ENV.fetch("RAILS_ENV") { "development" }
plugin :tmp_restart

app_root = File.expand_path("../..", __FILE__)
# bind "unix:#{app_root}/tmp/sockets/puma.sock"
bind "unix://#{app_root}/tmp/sockets/puma.sock"

stdout_redirect "#{app_root}/log/puma.stdout.log", "#{app_root}/log/puma.stderr.log", true
```
### nginx.conf
```json
# プロキシ先の指定
# Nginxが受け取ったリクエストをバックエンドのpumaに送信
upstream myapp {
  # ソケット通信したいのでpuma.sockを指定
  # server unix:/myapp/tmp/sockets/puma.sock;
  server unix:///myapp/tmp/sockets/puma.sock;
}

server {
  listen 80;
  # ドメインもしくはIPを指定
  server_name localhost;
  # server_name .*;

  access_log /var/log/nginx/access.log;
  error_log  /var/log/nginx/error.log;

  # ドキュメントルートの指定
  root /myapp/public;

  client_max_body_size 100m;
  error_page 404             /404.html;
  error_page 505 502 503 504 /500.html;
  try_files  $uri/index.html $uri @myapp;
  keepalive_timeout 5;

  # リバースプロキシ関連の設定
  location @myapp {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_pass http://myapp;
  }
}
```

### 試したこと
・まず、エラーの通り/myapp/tmp/sockets/puma.sockファイルがないのだと思い、以下を試しました。
### １　パスの確認
　[このサイトを参考に進めました](https://qiita.com/NaokiIshimura/items/7cb2390243939a34754f)。私の場合、docker-compose で同じサーバ（EC2インスタンス）上で同時にrailsとnginxを立ち上げるため、「１. WEB/APサーバが一体化された構成」というのが当てはまりそうです。
　「上記の設定後はrails server起動時にsockファイルがlistenされるようになります。」とあるようにpuma.rbを設定後railsコンテナは
```yml
api_1    | Puma starting in single mode...
api_1    | * Puma version: 5.6.4 (ruby 3.1.2-p20) ("Birdie's Version")
api_1    | *  Min threads: 5
api_1    | *  Max threads: 5
api_1    | *  Environment: production
api_1    | *          PID: 1
api_1    | * Listening on http://0.0.0.0:3000
api_1    | * Listening on unix:///myapp/tmp/sockets/puma.sock
api_1    | Use Ctrl-C to stop
```
となっているので正常に動作してそうです。
しかし、connect() to unix:///myapp/tmp/sockets/puma.sock failed (2: No such file or directory)というエラーがnginx側で出ています。
```yml
$docker-compose -f docker-compose.production.yml exec web nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
```
となっているので恐らくnginxは起動はしています。

### ２なぜかファイルエラーが起きるので再度作成
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-26/f03193f9-6783-470a-9de7-4939447a332f.png)
このように、puma.sockがvscodeで開けないようです。一度消して再度作り直した（pumaにより強制的に作られる）のですがこうなってしまいます。これは仕様でしょうか。
### 3 myappディレクトリが何なのかよくわからない
　私のディレクトリにはmyappというディレクトリは存在しません。appならあります。ですが、
```rb
app_root = File.expand_path("../..", __FILE__)
bind "unix://#{app_root}/tmp/sockets/puma.sock"
```
puma.rbにあるこの部分でパスを生成しているので合っている？と思われます。
・何かしらアドバイスがあればよろしくお願いいたします。不備があれば追記いたします。

### 追記
```
bind "unix://#{app_root}/backend/tmp/sockets/puma.sock"

bind "unix:/backend/tmp/sockets/puma.sock"
```
puma.rb nginx.confのパスをそれぞれ書き換えましたが、今度は
```
bundler: failed to load command: puma (/usr/local/bundle/bin/puma)
```
というエラーでディレクトリやファイルが見つからないというエラーが起きました。
また、[この記事を参考に](https://stackoverflow.com/questions/70887445/nginx-puma-ubuntu-20-04-error-111-connection-refused)
### puma.rb
```rb
bind "unix:#{app_root}/tmp/sockets/puma.sock"
```
### nginx.conf
```conf
upstream myapp {
  # ソケット通信したいのでpuma.sockを指定
  server unix:/myapp/tmp/sockets/puma.sock;
  # server unix:///myapp/tmp/sockets/puma.sock;
}
```
このように書き換え、再度ビルドしましたが
```
connect() to unix:/myapp/tmp/sockets/puma.sock failed (2: No such file or directory) 
```
となってしまいます。どうすればいいのでしょうか。



Ruby on Rails 7