画像を順々に切り替える処理を実装する
画像を複数重ねて配置して、一定時間ごとに切り替える処理を実装する機会がたまにあるので、実装方法をメモ。...
jQueryの記事一覧
data属性の名前に使える文字列
data属性を設定する際、名前に使える文字列について調べてみました。...
Marker Clustererを使ってみる
Google Mapsで複数のマーカーを立てた際、近いマーカーをまとめて表示できるMarker Clustererを使っ...
tableの幅を変更できるプラグイン「jQuery Resizable Columns」を使ってみる
tableの列の幅をドラッグで変更させたいことがあったので、jQueryプラグインの「jQuery Resizable ...
Google Maps APIで特定の範囲をマップ内に収める
Google Maps APIで指定した複数のマーカーをマップ内に収める方法を調べたのでメモしておきます。...
jQueryで実装したキーワード検索にページ送りを追加する
以前jQueryを使ってキーワード検索の機能とページ送りの機能を実装しましたが、今回はその2つを組み合わせてみます。...
jQueryでページ送りを実装する
jsonなどの情報を使って一覧表示をした際に、ページを分割してページャーで切り替えられるようにする処理をjQueryで実...
data属性のうち特定の値を持たない要素のみを対象にする
jQueryを使って、特定のdata属性のうち特定の値を持たない要素にclassを付けるという処理を実装していたのですが...
Google Maps APIで表示しているマーカーを切り替える
昨日jsonのデータを使ってGoogle Mapsにマーカーを設置する記事を掲載しましたが、このマーカーをカテゴリ毎に絞...
Google Maps APIでjsonのデータからマーカーを設置する
CMSで入力した内容をjsonで出力してGoogle Mapsに表示するということがたまにあるので、jsonの内容使って...
jQueryでキーワード検索の機能を実装する
CMSの記事情報をjsonで出力する前提で、json内の情報を検索する処理をjQueryで実装してみます。...
クリッカブルマップをレスポンシブ対応するプラグイン「jQuery RWD Image Maps」を使ってみる
クリッカブルマップをレスポンシブ対応する機会があったので、jQueryプラグインの「jQuery RWD Image M...
JavaScriptで外部のJavaScriptを読み込む
外部ファイルのJavaScriptをJavaScriptで読み込む方法を試してみました。...
Webフォントを遅延して読み込ませる
Webフォントを遅延して読み込ませることができるかを試してみました。...
画像をぼかす処理を実装してみる
動的に追加される画像に対してぼかし処理を入れる機会があったので、その際に調べた画像をぼかす方法をメモしておきます。...
JavaScriptでじゃんけんするゲームを作ってみる
JavaScriptでじゃんけんするだけの簡単なゲームを作ってみます。...
jQueryのon()で複数のイベントを設定する
jQueryのon()でhover()を使いたいことがたまにあるので、実装方法をメモしておきます。...
JavaScriptを使ってiOSでスクロールできないようにする
以前iOSでスクロールできないようにする記事を投稿しましたが、iOS10でうまくいかないことがあったので、別の対応方法を...
Facebookページプラグインのレスポンシブ対応で表示されない場合
以前にFacebookのページプラグインをレスポンシブに対応する方法の記事を書きましたが、画面幅によって表示されない現象...
jQueryで複数のclassを追加・削除する
jQueryのaddClass()とremoveClass()を使って、複数のclassを追加したり削除したりする方法を...