gemをインストール
gem "jquery-rails"
bundle installとサーバーの再起動を実行
application.jsを編集
app/assets/javascripts/application.js に以下の二行を記述
//= require jquery
//= require jquery_ujs
//= require jquery
//= require jquery_ujs
//= require activestorage
//= require turbolinks
//= require_tree .
//= require rails-ujs
がデフォルトで記述されている場合はこれを消す。
rails-ujsとjquery_ujsはどちらかしか使えないため。
js配下にファイルを作成する
app/javascript/以下にjsを書いていくファイルを作成。
ファイル名は任意でOK
本来、ここで作ったファイルはapplication.jsでrequireしないといけないが
application.jsにrequire_treeの記述があることで、
js配下のファイルを全て読み込んでくれるようになっている。
注意！！
「//= require jquery」と「//= require jquery_ujs」はrequire_treeよりも上に記述する。
jsファイルが読み込まれるのよりも先に
js本体の読み込みが行われている必要があるため。
