【Javascript】Ajaxの取得結果を変数に入れる

Javascriptのajax関数は非同期的に実行され、doneメソッドの中でレスポンスを処理するというのが一般的な使い方だと思います。 今回、このajaxのレスポンスをdoneメソッドで処理するのではなく、グローバル変 […]

【Javascript】FileReaderの取得結果を変数に入れる

JavascriptのFileReaderは非同期的に実行され、onloadイベントの中で取得結果を処理するというのが一般的な使い方だと思います。 今回、このFileReaderの取得結果をonloadの中で処理するので […]

【Javascript】Fetch Apiの取得結果を変数に入れる

Javascriptのfetchメソッドは非同期的に実行され、thenメソッドの中でレスポンスを処理するというのが一般的な使い方だと思います。 今回、このfetchのレスポンスをthenメソッドで処理するのではなく、変数 […]

Swiperスライダーのデモ16選

Swiper.jsを使用して作成できるスライダーのデモを16選ご紹介します。また、それぞれのスライダーの作成方法を記した記事のリンクも載せておきます。 ①ノーマルなスライダー まずは特にカスタマイズしていないノーマルなス […]

【Swiper.js】フリップスライダーを作成する

flip slider

swiper.jsを使用してフリップスライダーを作成する方法を記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swiper.jsを初めて使う方はこちらから先に参考いただ […]

【Swiper.js】カバーフロースライダーを作成する

coverflow slider

swiper.jsを使用して当記事アイキャッチのようなカバーフロースライダーを作成する方法を記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swiper.jsを初めて使 […]

【Swiper.js】カードスライダーを作成する

card slider

当記事ではswiper.jsを使用してカードスライダーを作成する方法を記します。swiper.jsのオプションに用意されており、slick.jsにはおそらくない機能のひとつだと思います。 通常のSwiper.jsでのスラ […]

【Swiper.js】キューブスライダーを作成する

cube slider

当記事ではswiper.jsを使用して立体的なキューブスライダーを作成する方法を記します。swiper.jsのオプションに用意されており、slick.jsにはおそらくない機能のひとつだと思います。 通常のSwiper.j […]

【Swiper】lazyオプションを使用して遅延読み込みする

swiper lazy loading

当記事ではswiper.jsのlazyオプションを使用してSwiperスライダーを遅延読み込みする方法について記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swipe […]

【Swiper】グリッドスライダーの作り方

grid slider

当記事ではswiper.jsを使用して、グリッドスライダーを作成する方法を記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swiper.jsを初めて使う方はこちらから先 […]