皆さんこんにちは。本日はスライダー「slick」の個人的メモ。
レスポンシブの記述方法を毎回調べるのも愚かしいのでブログネタに。
ブレイクポイントが１つのときと複数の場合とでは微妙に括り方が違うんですよね。

ブレイクポイントが１つの場合

  <script type="text/javascript">
    $('.好きなクラス名').slick({
      autoplay: true,
      autoplaySpeed: 5000,
      dots: true,
      arrows: false,
      responsive: [{
        breakpoint: 640,
        settings: {
          slidesToShow: 1,
        }
      }]
    });
  </script>
  

ブレイクポイントが複数の場合

    <script type="text/javascript">
    $('.好きなクラス名').slick({
      autoplay: true,
      autoplaySpeed: 5000,
      dots: false,
      arrows: true,
      slidesToShow: 6,
      responsive: [{
        breakpoint: 640,
        settings: {
          slidesToShow: 3,
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 2,
        }
      },
      ]
    });
  </script>
  

他にも様々なオプションがあるので是非覗いてみてください。