Rails5でJqueryを利用しようとして少しハマった件（Uncaught ReferenceError: $ is not defined）[Rails]

はじめに

Rails5では、jQueryに関するgemはrails newコマンドで標準でインストールされなくなりました。そこでjQueryをプロジェクト内で利用できるようにするにあたって、少しハマってしまいました。そこで、今回は、その解決方法をここで共有しておきたいと思います。

gemの導入

rails newコマンドでアプリケーションフォルダを作成した後に、下記記述をGemfileに追記して、bundle installを行います。

# jQuery
gem 'jquery-rails'

application.jsファイルに追記

次に、jqueryのコードを各ファイルが認識できるように、下記の2行をapplication.jsに記述します。

application.js

//= require jquery
//= require jquery_ujs

Rails関連記事

正規表現まとめ（基礎）[Ruby編]
配列で利用できる主なメソッドをまとめてみた[Ruby編]
Mysql2::Error: Duplicate entry for key.. エラーを撃退した話(validationの設定)

おわりに

フレームワークのバージョンアップによって、標準でインストールされるライブラリも変更しますよね。
yarnやWebPackの導入が進んでいることもあり、今後はjquery-railsなどのjQuery/JavaScriptライブラリ導入用のgemはだんだん使われなくなっていくことが予想されます。
ですので、今のうちになるべくyarnでJavaScriptライブラリを管理するのがよいでしょう。

少しでも役にたったよー、て方は「いいね」お願いします(^^)