画面いっぱいに背景画像を表示して、slick.jsでフェード切り替えしようとしたら、なぜか画像の高さが1pxしかありませんでした。 その原因と解決策をまとめます。 なぜ画像の高さが1pxになるのか？ 原因は、スライド要素の高さを「相対値（%）」で指定して ...

こんにちは、前回、前々回に引き続き、 JavaScriptでUIを実装する方法を紹介していきます。今回は前回のドラッグと関連の深いスライダーを実装してみます。 基本のスライダー スライダーは簡単にいえば動きの制限されたドラッグです。 今回も、 最初は ...

SlickとSwiperの導入手順についてGeminiに聞いてみました。 スライダー実装の2大巨頭、SlickとSwiperの導入手順を解説します。 どちらも基本は**「1. ライブラリを読み込む」「2. HTMLを書く」「3. JSで実行する」**の3ステップですが、Swiperの方がHTMLのクラス名指定が ...