前回はJQueryのslickを使って画像をスライドさせるサンプルコードを作成しました。 今回はslickを使わずにJavaScriptだけで同じ動きをするサイトをGeminiに作成して頂きました。 SlickやjQueryを使わず、**Vanilla JS（純粋なJavaScript）**だけでスライダーを実装する ...

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

Webサイト構築において、スライダーは非常にポピュラーなセクションの一つです。 特にTOPページのファーストビューに多用されており、あなたも一度は目にしたことがあるのではないでしょうか。 スライダーには「〇〇% OFF！」や「今季最新作」のような ...