railでslickを導入したいがどうしてもjavascriptが機能しない

Question

こんにちは。現在rails のslickを活用し、スライドショーを実現したいと考えております。

実は以前はsliderを導入しようと試みましたが、その際どのサイトを参考にしてもjavascriptが動かずに断念した経緯があります。その後、簡単な色付けを行うjavascriptを記述してみましたが、無事色付けも行うことができ、javascript自体が機能しない訳ではなさそうです。

今回sliderで再度トライしようと試みましたが、やはり同様にスライダーが実現出来ない結果となってしまいました。

どうしても原因究明出来ず、お力添え頂きたく存じます。

以下、導入コードと参考URL、ツリーとなります。

link[href="js/slick-theme.css" rel="stylesheet" type="text/css"]
link[href="js/slick.css" rel="stylesheet" type="text/css"]
script[src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"]
script[type="text/javascript" src="js/slick.min.js"]

$('.slider').slick();

ul.slider
  li
      = image_tag "google.png"
  li
      = image_tag "google.png"
  li
      = image_tag "google.png"

https://webdesignday.jp/inspiration/technique/jquery-js/3847/

Comments

[m.ts10806]

>$('.slider').slick();

上記、どこに書いてますか？

[KOO_]

application.jsとなります。よろしくお願い致します。

[m.ts10806]

質問本文からはそれは伝わらないので、きちんと記載してください。
あと、JavaScriptのエラーが起きてないか確認しましたか？

[KOO_]

ごめんなさい。javascriptのエラーと言うのはどこで確認が取れるのでしょうか？よろしくお願い致します。

[m.ts10806]

ブラウザ
開発ツール(デベロッパーツール)
コンソール

調べて沢山出てくる内容です。
フロント側のデバッグ方法も知っておかないとWebアプリケーションは作れません。