矢印キーでリンクのフォーカスを移動する
キーボードの矢印キーでリンクのフォーカスを移動する処理を実装したのでメモしておきます。...
JavaScriptの記事一覧
JavaScriptのプラグイン「perfect-scrollbar.js」を使ってみる
スクロールバーをカスタマイズできるプラグイン「perfect-scrollbar.js」を使ってみます。 ※今回はバージ...
jQueryのバージョンを確認する
サイト制作時はあまり使うことはないかもしれませんが、他のサイト閲覧時にページ内で使用しているjQueryのバージョンを確...
jQueryのdata()でDOMを変更できない
jQueryのdata()メソッドを使っていて少し詰まったのでメモ。...
jQueryのremoveClass()で部分一致のclassを削除する
jQueryのremoveClass()で、部分一致のclassを削除したい場合がたまにあるので実装方法をメモ。...
画面内の特定の要素以外をクリックしたときに処理をする
画面内の特定の要素以外をクリックしたときに処理をする方法をメモ。...
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を使って揺れながら落下する動きを実装してみまし...