少し自分のことを
現在、大学４年生であり、未熟ながらも研究ではjavascriptに触れている事があるため、学んだことを備忘録として残しておこうと思い書いています。
ご指摘やアドバイス等頂けると大変ありがたいです。
本題
slick.jsを利用してカルーセルの表示をしようとした際にボタンの表示がうまくいきませんでした。
原因を探ったところこちらの記事に書いてありました。
レスポンシブ対応のカルーセルJQプラグインslickの使い方
今回の原因は、
slick-theme.cssのファイルがなかったため。
なぜ起きたか
slick.jsのダウンロードの際に公式サイトの「Download Now」の方をダウンロードしたため。
そちらのフォルダにはslick-theme.cssのファイルがなかった。
あと、初歩的すぎて中々情報がなかったかもしれない。
どうすれば良いか
slick.jsの「View On Github」からGithubにとんで、そちらでダウンロードする。
もしくは、slick/slick-theme.css をコピペする。
後は外部ファイルのリンク付けを行えば大丈夫なはずです。
最後に
今回のようなことは恐らく初心者が陥ることが割りと多いのではないかと感じた。
僕自身が初心者だからこそ初心者視点でつまずきそうなところを記事にしていこうと決意した最初の記事でした。