勉強したことのメモ

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

「 JavaScript 」 一覧

無料でシンプルなアイコンを設置できる「Feather」の利用方法

無料でシンプルなアイコンを設置できる「Feather」の利用方法

  2024/07/26    JavaScript

ページ上にアイコンを表示したい場合Font Awesomeを使うことが多いが、個 ...

バニラJS対応(jQuery非依存)の通知(トースト)系ライブラリ「Notyf」の利用方法

バニラJS対応(jQuery非依存)の通知(トースト)系ライブラリ「Notyf」の利用方法

  2024/07/24    JavaScript

以前に通知(トースト)系ライブラリ「Toastr」の利用方法をメモしたが、こちら ...

Leafletでマップ上に通知(トースト)機能を追加する方法(Leaflet.Notifications)

Leafletでマップ上に通知(トースト)機能を追加する方法(Leaflet.Notifications)

  2024/07/22    JavaScript

Leafletでマーカー内のボタンクリック時等、ユーザーが何らかのアクションを行 ...

バニラ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」の利用方法

  2024/07/18    JavaScript

あるサイトのコーディングデータを貰った際に「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の ...