画面内の特定の要素以外をクリックしたときに処理をする
画面内の特定の要素以外をクリックしたときに処理をする方法をメモ。...
JavaScriptの記事一覧
IE8でJavaScriptのaddEventListener()が使えない
最近はIE8が対象ブラウザに入ることは少なくなっていると思いますが、IE8以下でaddEventListener()が使...
YouTubeの再生画質を変更する
YouTubeを埋め込む際、プレーヤーのサイズに応じて再生画質が自動で設定されますが、再生画質を変更したいということがた...
JavaScriptでネットワークがオンライン状態かどうか調べる
ネットワークがオンライン状態かどうかを調べる方法をメモ。...
自作したプラグイン内で関数を実行する
jQueryのプラグインを作成した際に、オプションで関数を実行できるように実装しようとして少し迷ったので、実装した方法を...
WebStorageで1回目のアクセス時のみモーダルを表示する
WebStorageを使って、1回目のアクセス時のみモーダルを表示するサンプルを作ってみます。...
YouTubeプレーヤーAPIでプレーヤーに別の動画を読み込む
YouTubeのプレーヤーに別の動画を読み込ませる方法をメモ。...
YouTubeのプレーヤーを任意のタイミングで埋め込む
APIを使ってYouTubeのプレーヤーを埋め込む際、API読み込み後にonYouTubeIframeAPIReady(...
Web Workerを使ってみる
JavaScriptで時間のかかる処理などをバックグランドで並列実行できる「Web Worker」を使ってみます。...
IEでAjaxのキャッシュが残る件
Ajaxを使った実装をした際に、IEでキャッシュが残って変更されない不具合に遭遇したので対応方法をメモしておきます。...
要素が画面内にあるかどうか判別する処理を実装する
要素が画面内にあるかどうか判別して、画面内にある場合にのみclassを付与する処理を実装してみます。...
JavaScriptでサーバーの時間を取得して、指定範囲の間だけ表示の切り替えをする
ユーザーのローカルの時間ではなくサーバーの時間を取得して、その時間に応じて処理を行ってみます。 ※2017/09/22 ...
JavaScriptでシェアボタンを生成する
シェアボタンをカスタマイズして設置することがよくあるので、URLを生成してから埋め込むまでの処理を作成してみます。...
Facebookのシェアダイアログを使ってみる
Facebookのシェアダイアログを使って、シェアボタンのカスタマイズを行ってみます。...
JavaScriptとCSSで揺れながら落下する処理を実装する
雪が降っているような表現をしてみたかったので、JavaScriptとCSSを使って揺れながら落下する動きを実装してみまし...
スクロールで指定した要素が表示された時にclassを追加する
スクロールで画面内に要素が表示されたらアニメーションを行う実装をすることがよくあるので、指定した要素が画面内に表示された...
配列の値の中からランダムで選択する
配列の値の中からランダムで選択する方法をメモ。...
jQueryのスムーズスクロールでブラウザバックに対応する
ページ内リンクのスムーズスクロールは色々なサイトで見かけるのですが、ブラウザバック時に元の位置ではなく前のページに戻って...
overflow: auto;を設定した要素内にある要素の位置を取得する
overflow:auto;を設定した要素内に配置している要素の位置を取得する際に少し詰まったので、取得方法などをメモし...
JavaScriptでランダムに偏りを持たせる
JavaScriptでランダムに偏りを持たせる方法について調べてみたのでメモ。...