Swiper.jsで作成したスライダーのページネーション（ドット）のサイズや位置や色を変更したい時があると思います。当記事ではその方法をデモを交えながら解説します。 通常のSwiper.jsでのスライダーの作成はご存じの […]
Swiperスライダーのページネーションのサイズや位置や色を変更する
【Javascript】アコーディオンメニューを最小コードで実装する
当記事では、jQueryなどの外部ライブラリを使用せず、アコーディオンメニューを実装する方法についてデモ付きで記します。 素のJavascriptでアコーディオンの開閉アニメーションを実装しようとすると煩雑になりがちです […]
【Javascript】モーダルウィンドウを実装する
当記事では、モーダルウィンドウを実装する方法について記します。dialog要素を使う事で簡単に作れます。 ⓪dialog要素とは dialog要素はHTML5から導入されました。モーダルウインドウの見た目を備えているので […]
【Javascript】ファイルを選択時に複数画像をプレビューする
当記事では、ファイル選択時に複数画像をプレビューする方法について記します。 ファイル選択時に画像を1枚だけプレビューしたい場合は下記が参考になるかと思います。【Javascript】ファイルを選択時に画像をプレビューする […]
【Javascript】ファイル選択時に画像をプレビューする
当記事では、ファイル選択をした時に画像をプレビューする機能をJavascriptで実装する方法について記します。FileReaderを使用したサンプルをよく見ますが、当記事ではFileReaderを使わずに実装してみます […]
【Javascript】BlobとFileの相互変換
当記事では、BlobからFileに変換する方法とFileからBlobに変換する方法を記します。どちらも簡単に行えます。 BlobからFileに変換 FileからBlobに変換 以上、BlobとFileの相互に変換する方法 […]
【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の中で処理するので […]
