勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

「 JavaScript 」 一覧

バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

  2024/07/21    JavaScript

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...

Leafletでマーカーを動的に変更し、変更状況をCookieに保存する方法

Leafletでマーカーを動的に変更し、変更状況をCookieに保存する方法

  2024/07/20    JavaScript

Leafletでポップアップ(フキダシ)内のボタンをクリックするとマーカーを動的 ...

JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

  2024/07/19    jQuery JavaScript

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...

バニラJS対応(jQuery非依存)の画像遅延読み込みライブラリ「lazysizes」の利用方法

バニラJS対応(jQuery非依存)の画像遅延読み込みライブラリ「lazysizes」の利用方法

あるサイトのコーディングデータを貰った際に「lazysizes」というJavaS ...

Leafletで表示したマップにジェスチャーハンドリングを追加する方法(Leaflet.GestureHandling)

Leafletで表示したマップにジェスチャーハンドリングを追加する方法(Leaflet.GestureHandling)

  2024/07/17    JavaScript

GoogleMapをズームする際にPCだと「Ctrl+スクロール」、スマホだと「 ...

Video.jsで動画プレイヤーのシークバーを非表示にし早送りさせない方法

Video.jsで動画プレイヤーのシークバーを非表示にし早送りさせない方法

  2024/07/16    JavaScript

Video.jsで動画を早送りさせないようシークバーを非表示にしたい。ただ、オプ ...

Video.jsで動画再生開始時と終了時に指定したアクションを発火させる方法

Video.jsで動画再生開始時と終了時に指定したアクションを発火させる方法

  2024/07/14    JavaScript

以前にYouTube埋め込み動画が再生終了したタイミングでJavaScriptの ...

日付の範囲指定用プラグイン「DateRangePicker」の利用方法

日付の範囲指定用プラグイン「DateRangePicker」の利用方法

  2024/07/13    jQuery JavaScript

日付型のデータを検索する際に開始・終了日のテキストボックスを用意し、それぞれにタ ...

Video.jsでテーマを指定して動画プレイヤーのデザインを変更する方法

Video.jsでテーマを指定して動画プレイヤーのデザインを変更する方法

  2024/07/12    JavaScript

Video.jsで動画プレイヤーのデザインを変更したい。調べたところWordPr ...

Video.jsで再生速度及び音量の設定状況をブラウザに保存させる方法(videojs-persist)

Video.jsで再生速度及び音量の設定状況をブラウザに保存させる方法(videojs-persist)

  2024/07/10    JavaScript

Video.jsで再生速度及び音量を変更してもページ更新・遷移すると設定状況がリ ...