jQueryの導入

　今回書くほどの量はないのですが、開発する時によく使うことになるかもしれないと思い、個人的な備忘録を兼ねて記事にします

 

jQueryとは？

jQuery（ジェイクエリー）は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。

出典: Wikipedia

 

上記のようにJavaScriptを簡潔にかけるようにするくらいの認識で良いと思います

 

jQueryの導入は簡単です！

まず、Gemfileへ下記を記述

Gemfile
gem 'jquery-rails'

 

bundle installを実行

ターミナル
$ bundle install

 

app/assets/javascripts/application.jsに以下の行を追加します

//= require jquery
//= require jquery_ujs

 

ライブラリを使用するために下記のリンクから一文をコピーして貼り付けます

https://developers.google.com/speed/libraries/#jquery

f:id:natori_gorira:20200626111802p:plain

 

通常はこちらを<head>~</head>の間へ貼り付ければOKです！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

 

 

hamlを使用している場合はコチラを使用してください

 

書き換えた一文をapp/view/layouts/application.html.hamlへ記述します

 

f:id:natori_gorira:20200626112631p:plain

 

 

 

これでjQueryの導入は完了です、簡単なので使ってみてください！