WebStorageで1回目のアクセス時のみモーダルを表示する
WebStorageを使って、1回目のアクセス時のみモーダルを表示するサンプルを作ってみます。...
JavaScriptの記事一覧
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でランダムに偏りを持たせる方法について調べてみたのでメモ。...
JavaScriptで配列内の最大値と最小値を調べる
配列内の数値の最小値と最大値を取得する方法を調べてみたのでメモ。...
プラグインのスライダーの動きをカスタマイズする
プラグインのスライダーの動きをCSSで変更する機会がありましたので、やり方をメモしておきます。 今回使用するプラグインは...
matchMediaを変数に入れて複数箇所で使用する
matchMediaを変数に入れて複数箇所で使用としたときに少し詰まったので、やり方をメモしておきます。...
JavaScriptで親や兄弟要素を取得する
JavaScriptで指定した要素から親・子・兄弟に当たる要素を取得する方法をメモ。...
指定範囲でのパララックスを実装する
指定範囲内でパララックスさせることがたまにあるので、実装方法をメモしておきます。...