常連

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

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

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

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

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

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

### 発生している問題・分からないこと
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?メソッドの抽象化の突破。　エラーの原因が不明です

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

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

## 背景、状況

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



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

### 実現したいこと

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 投稿に紐づくコメントが削除できない

### 実現したいこと
bookmark機能の搭載を実行したいのですがうまくいきませんの

### 前提
railsにて簡易な旅行の予定アプリのようなものを作りそこにお気に入り機能を搭載させているのですが思ったようになりません。以下お願いします


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

一般的な方法（bookmarkについて検索して見れる手法）だとこのように
例えばこれ[qiitaのBookmark情報](https://qiita.com/oden-09/items/46b76269784bcf2c5f48)
```
No route matches [GET] "/bookmarks"
```
自分の方法だとdb上及びviewとして登録はできるが一旦何かしらのエラーに
後述のindex_pageエラーか記述ミスのredirectの方です
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-13/53848363-0fb0-4ba8-bbfb-be400d7488ff.png)


### 該当のソースコード
```config/routes.rb
# frozen_string_literal: true

Rails.application.routes.draw do
  # planページ
  resources :planners, only: %i[index new create show edit update destroy] do
    resources :schedules, only: %i[index new create show edit update destroy] do
      member do
        get :bookmarks
      end
    end
  end
  resources :bookmarks, only: %i[index destroy]
end
```

```db/migrate/20250308130112_create_bookmarks.rb
class CreateBookmarks < ActiveRecord::Migration[7.0]
  def change
    create_table :bookmarks do |t|
      t.references :user, foreign_key: true
      t.references :schedule, foreign_key: true

      t.timestamps
    end
    add_index :bookmarks, [:user_id, :schedule_id], unique: true
  end
end
```
```app/models/bookmark.rb
# frozen_string_literal: true

class Bookmark < ApplicationRecord
  belongs_to :user
  belongs_to :schedule

  validates :user_id, uniqueness: { scope: :schedule_id }
end
```

```app/models/user.rb
# frozen_string_literal: true

class User < ApplicationRecord

  has_many :schedules, dependent: :destroy
  has_many :planners, dependent: :destroy
  has_many :bookmarks, dependent: :destroy
  has_many :bookmark_schedules, through: :bookmarks, source: :schedule

  def own?(object)
    object.user_id == id
  end

  # お気に入り
  def bookmark(schedule)
    bookmarks.create(schedule_id: schedule.id) unless bookmark?(schedule)
  end

  def unbookmark(schedule)
    bookmarks.find_by(schedule_id: schedule.id)&.destroy
  end

  def bookmark?(schedule)
    bookmarks.exists?(schedule_id: schedule.id)
  end
end
```

```app/models/schedule.rb
# frozen_string_literal: true

class Schedule < ApplicationRecord
  belongs_to :user
  belongs_to :planner
  has_many :bookmark_users, through: :bookmarks, source: :user
  has_many :bookmarks, dependent: :destroy

```
```app/views/schedules/_bookmark_buttons.html.erb
<div class='ms-auto'>
  <% if current_user.bookmark?(schedule) %>
    <%= render 'unbookmark', { schedule: schedule } %>
  <% else %>
    <%= render 'bookmark', { schedule: schedule } %>
  <% end %>
</div>
```
```app/views/schedules/_bookmark.html.erb
<%= link_to bookmarks_path(schedule_id: schedule.id),
            method: :post,
            remote: true,
            id: "bookmark-button-for-schedule-#{schedule.id}" do %>
  <i class="bi bi-star"></i>
<% end %>
```
```app/views/schedules/_unbookmark.html.erb
<%= link_to bookmark_path(bookmark),
            data: { turbo_method: :delete },
            id: "unbookmark-button-for-schedule-#{schedule.id}" do %>
  <i class="bi bi-star-fill"></i>
<% end %>
```

```app/controllers/bookmarks_controller.rb
# frozen_string_literal: true

class BookmarksController < ApplicationController
  before_action :set_schedule, only: %i[index destroy]

  def index
    @bookmark = current_user.bookmarks.build(schedule_id: params[:schedule_id])
    @bookmark.save
    redirect_to planner_schedules_path(planner)
  end

  def destroy
    current_user.bookmarks.find_by(schedule_id: params[:schedule_id]).destroy!
  end

  private

  def set_schedule
    @schedule = Schedule.find(params[:schedule_id])
  end
end

```

### 試したこと
ありふれた仕様なので基本的にはweb検索やAIも使いましたがコードはどこのパターンでも結局このルートエラーなのでroutes.rbを重点に検討しました
ただどうしてもエラーの解決が出来なかったので、当初resourcesの[create destroy]にindex(これはget扱いらしいので)を入れてたせいか１つだけonになってたので、試しにcreateをindexで使用したら([index destroy]の形で)登録そのものはできますがリダイレクト先がよくわからなくて
リダイレクト先指定＝これも本来いらないみたいですが書かないと「No template for interactive request」のエラーが出る（これはindexページ作成で対処）
### 補足情報（FW/ツールのバージョンなど）

上記試した事のindexに関してですがそれでいいとして登録したものの一覧ページと区分けする問題はないのかなど気になっています、またついでですがとりあえずのルーティングです
```
rails routes | grep bookmark
              bookmarks_planner_schedule GET      /planners/:planner_id/schedules/:id/bookmarks(.:format)                                           schedules#bookmarks
                               bookmarks POST     /bookmarks(.:format)                                                                              bookmarks#create
                                bookmark DELETE   /bookmarks/:id(.:format)                                                                          bookmarks#destroy
```

railsでbookmark機能のエラーが解決出来ません

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

編集画面にて画像を変更したいとなった場合、下記を実現したいと考えております。
①すでに最初の投稿で画像をアップロードしていた場合はそのプレビュー表示と削除ができる。
②①で既存画像を削除した場合は新しい画像がアップロードできる。
③既存画像が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にて、すでに別の画像があるところに新しい画像のアップロードをしたい

### 実現したいこと
現在、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

Ruby on Rails 7