jQueryのイベントで別のイベントを発火する
jQueryのイベントで、別のイベント内容を実行させる方法をメモ。...
JavaScriptの記事一覧
audioの音をフェードイン・フェードアウトさせる
audioの再生時や一時停止時に音をフェードイン・フェードアウトするように実装してみます。...
webpackを使ってみる
JavaScriptの開発で便利なビルドツールのwebpackを試してみます。...
スマートフォンで端末の向きが変更されたときのみ処理を行う
JavaScriptのresizeイベントをスマートフォンで使う場合、ブラウザのツールバーやアドレスバーが隠れたときにも...
別タブを開いたときに音声を停止する
audioで音声再生中に別タブを開いたりブラウザを最小化した時に、音声意を停止させる方法をメモ。...
sessionStorageで保存する値が文字列になる
sessionStorageで真偽値を保存した時に、文字列に変換されてしまっているようだったのでメモしておきます。...
ES2015を使ってみる
ES2015(ES6)で追加された機能の中から、よく使いそうなものをいくつか試してみます。...
jquery.bxslider.jsを使ったサンプルいろいろ
jquery.bxslider.jsの設定方法を色々と試してみます。 基本的な使い方は、以前書いた記事「jquery.b...
Facebookページの投稿を取得する
FacebookのGraph APIを使って、Facebookページの投稿を取得してみます。 今回使用しているGraph...
video要素で読み込んだ動画の情報を取得する
video要素で読み込んだ動画の長さをJavaScriptで取得しようとして少し詰まったので、実装方法をメモしておきます...
一定時間後にカーソルを非表示にする
一定時間マウス操作がなかったときに、カーソルを非表示にできるかどうかを試してみました。...
audioをJavaScriptで操作するプレーヤーを作成する
JavaScriptでaudioを操作する簡単なプレーヤーを作成してみます。...
audioで使用する音源の総時間を取得する
audioの総時間を取得しようとして少し詰まったのでメモしておきます。...
スマートフォンでボタンをクリックした時にYouTubeを再生する
スマホ向けサイトでYouTubeを埋め込む場合、iPhoneではプレーヤーをタップする形でないと動画を再生することができ...
JavaScriptでtransitionの指定をする
CSSであらかじめclassを用意するのではなく、JavaScriptでtransitionの値を指定してアニメーション...
iPhoneで動画をブラウザ内で再生する
iPhoneでvideoを使用する場合、autoplayの指定が効かない、再生時はフルスクリーン表示になるなど色々な制約...
JavaScriptでaudioを作成する
HTML上にaudio要素を埋め込むのではなく、JavaScriptでaudioを作成してから音を再生してみます。...
iOSとAndroidでavailWidthとavailHeightの挙動が異なる
availWidthとavailHeightをスマートフォンサイトで使用した時に、iOSとAndroidで挙動が違ってい...
jQueryのtoggleClass()を使ってみる
要素にclassの追加・削除を行えるtoggleClass()の使い方を調べてみました。...
jQueryで複数のclassをまとめて追加する
jQueryで複数のclassをまとめて追加する方法をメモ。...