同じ外部jsファイルを複数ページで使用する
サイトの仕様上、同じjsファイル内に複数ページ分の処理を記述しないといけない場合があります。 そういった場合に、ページ毎...
JavaScriptの記事一覧
YouTubeプレーヤーAPIでYouTubeを複数設置する
YouTubeプレーヤーAPIを使ってYouTubeを複数設置してみます。 埋め込みはすぐできたのですが、onPlaye...
gulp.watchでタスクを実行してみる
Gulp.jsのwatchを使ってファイルを監視して、変更があった場合にタスクを実行してみます。...
pjaxを使ってみる
ページ遷移時にコンテンツを動的に書き換えることのできる「pjax」というプラグインを試してみたいと思います。...
数値の小数点の処理
小数点の付いた数値を整数にする方法をいくつか試してみます。 2024/4/27追記 Math.trunc()の追加と、合...
jQueryで要素を動的に追加する
jQueryで要素を動的に追加する方法で、やったことのないやり方を見かけたので試してみました。...
画面いっぱいに画像を表示する
画像比率を保持+上下左右中央になるようにして、画面いっぱいに画像を表示するサンプルです。...
無名関数と即時関数について
無名関数や即時関数は何となく知っていたのですが、使う意味や具体的な使い方があまりよく分かっていなかったので調べてみました...
jQueryのwhen() を使う
複数のjsonファイルを取得して色々処理する方法を調べる機会があったのですが、jQueryのwhen()がとても便利そう...
jQueryで画像をプリロードする
jQueryで画像をプリロードする方法を試してみます。...
jquery.bxslider.jsの使い方やオプションなどのまとめ
スライダーを簡単に実装できるjQueryのプラグイン「jquery.bxslider.js」の使い方をメモ。...
アニメーションの繰り返し処理を実装する
繰り返しアニメーションし続ける処理を実装してみます。...
1回目のアクセス時のみ表示する
注意喚起やローディング、アピールしたいことなど、1回目のアクセス時のみ何かを表示したいときのサンプルです。...
指定した範囲内でランダムに数値を取得する
指定した範囲内でランダムに数値を取得するサンプルです。...
Gulp.jsの設定を共有する
何人かでコーディングの作業をする際にGulp.jsを使用したのですが、他の人の設定したpackage.jsonを使う方法...
指定範囲内の数値をランダムに並べ替える
指定した範囲内の数値をランダムに並べ替える、みたいな処理をしたいという要望がたまにあるので、個人的によくやる方法をメモし...
スクロール位置や要素の座標を取得する
スクロールや要素の位置を取得して何らかの処理を行うことがよくあるのですが、取得方法を忘れがちなのでメモしておきます。...
.closest()の使い方
最近知ったのですが、jQueryの.closest()というメソッドがとても便利だったので使い方をメモしておきます。...
文字列を数値に変更する
文字列として扱われている値を、数値として扱えるように変更してみます。...
jQueryをCDNから読み込み、失敗した場合はローカルファイルを読み込む方法
基本的にはjQueryをCDNから読み込み、何らかの原因で読み込みに失敗した場合はローカルファイルを読み込む方法を試して...