Closed junohm410 closed 4 weeks ago
SplideというスライダーのJSライブラリを用いて商品画像のカルーセルを作成した。 https://ja.splidejs.com/
当初はSwiper(およびそれに依存したStimulus Componentsのカルーセル)を使用するつもりで試したが、imoportmap-rails経由でCDNからライブラリを読み込もうとすると、依存する別のモジュールをダウンロードできないという問題に直面。 HTML上に直接scriptタグを書き、src属性にCDNのパスを書くことで読み込むことは可能だが、importmapというRails7のレールに乗れないことが気になったため、当該の問題が置きないSplideを選択。 またSplideはSwiperよりも軽量かつ、国産ライブラリかつドキュメントも充実しているので、それらのメリットも享受できると判断。
SplideというスライダーのJSライブラリを用いて商品画像のカルーセルを作成した。 https://ja.splidejs.com/
当初はSwiper(およびそれに依存したStimulus Componentsのカルーセル)を使用するつもりで試したが、imoportmap-rails経由でCDNからライブラリを読み込もうとすると、依存する別のモジュールをダウンロードできないという問題に直面。 HTML上に直接scriptタグを書き、src属性にCDNのパスを書くことで読み込むことは可能だが、importmapというRails7のレールに乗れないことが気になったため、当該の問題が置きないSplideを選択。 またSplideはSwiperよりも軽量かつ、国産ライブラリかつドキュメントも充実しているので、それらのメリットも享受できると判断。