PhantomJSを使ってみる
PhantomJSはWebkitベースのヘッドレスブラウザで、Webスクレイピングやスクリーンショットを取得したりするこ...
JavaScriptの記事一覧
e.targetとe.currentTargetの違い
e.targetとe.currentTargetの違いについて少し調べる機会があったのでメモ。...
無限スクロールで画像の読み込みをカウントする
以前に実装した無限スクロールに、画像の読み込みをカウントする機能を追加してみます。...
CSSでのアニメーション完了後にJavaScriptで処理を実行する
CSSのtransitionでのアニメーション完了後にJavaScriptで処理をしたいことがよくあるので、いい実装方法...
JavaScriptでOGPを書き換える
OGP情報をJavaScriptで書き換えて、facebookやtwitterに反映させることができるかを試してみました...
colorbox.jsでライトボックス表示後にYouTubeを自動再生する
jquery.colorbox.jsを使って、ライトボックス表示後にYouTubeを自動再生させてみます。...
jQuery UIをタッチイベントに対応させる
jQuery UIはデフォルトだとタッチイベントに対応していないようなので、タッチイベントに対応させる方法を調べました。...
無限スクロールを実装してみる
一定位置までスクロールすると、次のページのコンテンツを自動で読み込む処理を実装してみます。...
jQueryで要素を削除する
jQueryで要素を削除する方法をメモ。...
jQuery UI のSliderを使ってみる
inputのtype=rangeのようなUIを実装できるjQuery UIのSliderを使ってみます。...
JavaScriptでカラーコードをRGB形式に変更する
JavascriptでカラーコードをRGB形式に変換する方法をメモ。...
疑似要素でアニメーションを行う
疑似要素をjQueryでアニメーションさせようとして少し詰まったのでメモしておきます。...
iPhoneでJavaScriptからaudioの音量を変更できない
iPhoneでaudioの音量を変更しようとしてうまくいっていなかったのでメモしておきます。...
jQueryのイベントで別のイベントを発火する
jQueryのイベントで、別のイベント内容を実行させる方法をメモ。...
audioの音をフェードイン・フェードアウトさせる
audioの再生時や一時停止時に音をフェードイン・フェードアウトするように実装してみます。...
webpackを使ってみる
JavaScriptの開発で便利なビルドツールのwebpackを試してみます。...
スマートフォンで端末の向きが変更されたときのみ処理を行う
JavaScriptのresizeイベントをスマートフォンで使う場合、ブラウザのツールバーやアドレスバーが隠れたときにも...
別タブを開いたときに音声を停止する
audioで音声再生中に別タブを開いたりブラウザを最小化した時に、音声意を停止させる方法をメモ。...
sessionStorageで保存する値が文字列になる
sessionStorageで真偽値を保存した時に、文字列に変換されてしまっているようだったのでメモしておきます。...
ES2015を使ってみる
ES2015(ES6)で追加された機能の中から、よく使いそうなものをいくつか試してみます。...