こんにちは、上條(mk-0A0)です。 先日スライダーの実装に Keen-Slider を使ったのですが、その際にレスポンシブってどうやるんだ…?となったので、試したことを書こうと思います。 Keen-Slider とはスライダーを実装できるライブラリです。 JavaScript や React はもちろん、Vue, Angular にも対応しています。 そして依存関係が無いため 5.5KB と軽量なのも嬉しいところです。 公式通りに実装するReact の導入手順で実装してみます。 import { useKeenSlider } from 'keen-slider/react' import 'keen-slider/keen-slider.min.css' const KeenSlider = () => { const [sliderRef] = useKeenSlider({ sl