当記事では、BlobからFileに変換する方法とFileからBlobに変換する方法を記します。どちらも簡単に行えます。 BlobからFileに変換 FileからBlobに変換 以上、BlobとFileの相互に変換する方法 […]
【Javascript】BlobとFileの相互変換
Javascript
【Javascript】DataURLとFileの相互変換
当記事では、DataURLからFileに変換する方法とFileからDataURLに変換する方法を記します。 DataURL⇒File DataURLからFileへの変換はfetchメソッドとFile Apiを組み合わせる […]
【Javascript】DataURLとBlobの相互変換
当記事では、DataURLからBlobに変換する方法とBlobからDataURLに変換する方法を記します。 DataURL⇒Blob DataURLからBlobに変換するにはfetchメソッドが便利だと思います。then […]
【Javascript】Ajaxの取得結果を変数に入れる
Javascriptのajax関数は非同期的に実行され、doneメソッドの中でレスポンスを処理するというのが一般的な使い方だと思います。 今回、このajaxのレスポンスをdoneメソッドで処理するのではなく、グローバル変 […]
【Javascript】FileReaderの取得結果を変数に入れる
JavascriptのFileReaderは非同期的に実行され、onloadイベントの中で取得結果を処理するというのが一般的な使い方だと思います。 今回、このFileReaderの取得結果をonloadの中で処理するので […]
【Javascript】Fetch Apiの取得結果を変数に入れる
Javascriptのfetchメソッドは非同期的に実行され、thenメソッドの中でレスポンスを処理するというのが一般的な使い方だと思います。 今回、このfetchのレスポンスをthenメソッドで処理するのではなく、変数 […]
Swiperスライダーのデモ22選
Swiper.jsを使用して作成できるスライダーのサンプル22選をデモ付きでご紹介します。また、それぞれのスライダーの作成方法を記した記事のリンクも載せておきます。 ①ノーマルなスライダー まずは特にカスタマイズしていな […]
【Swiper】フリップスライダーを作成する
swiper.jsのエフェクトオプションの一つ、flip effectを使用してフリップスライダーを作成する方法を記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swi […]
【Swiper】カバーフロースライダーを作成する
swiper.jsのエフェクトオプションを使用して当記事アイキャッチのようなカバーフロースライダーを作成する方法を記します。また、coverflowEffectで細かい調整を行う方法についても説明します。 通常のSwip […]
【Swiper】カードスライダーを作成する
当記事ではswiper.jsのエフェクトオプションを使用してカードスライダーを作成する方法を記します。またcardsEffectで細かい調整を行う方法についても説明します。 通常のSwiper.jsでのスライダーの作成は […]
