Webサイトでは必ずと言っていいほどよく見かけるスライダーUIですが、どういった仕組みで動いているか知っていますか? いまや便利で高機能なjQueryプラグインがたくさんあるため、わざわざイチから作る機会は少ないと思います。しかし、仕組みを知っておけばプラグインで対応できない場合に作ることができますし、プラグインをカスタマイズして実装することもできるようになります。 自分で作ることができるようになると仕様をプラグインに縛られることがなくなるため、わがままな要求にも応えられるようになります。なにより自分で作って動いてるものを見ると楽しいこと間違いなしです。 そういったものでバグが見つかったときの焦り具合も尋常じゃありませんが。 ということで、スライダーの作り方と仕組みを初心者向けに解説していきたいと思います。 (ここでいう初心者とはHTML・CSS・jQueryの基本がわかる程度です) ※I
![jQueryを使ったスライダーの作り方とその仕組み](https://cdn-ak-scissors.b.st-hatena.com/image/square/84894fa5ef5253506957b0f9aa52e78ac996897a/height=288;version=1;width=512/http%3A%2F%2Fapoc.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Fhttps-www.pakutaso.com-assets_c-2015-05-N612_suberidaiwosuberukodomo-thumb-1000xauto-14117.jpg)