画像を順々に切り替える処理を実装する
画像を複数重ねて配置して、一定時間ごとに切り替える処理を実装する機会がたまにあるので、実装方法をメモ。...
JavaScriptの記事一覧
data属性の名前に使える文字列
data属性を設定する際、名前に使える文字列について調べてみました。...
Vimeoで背景動画を実装する
Vimeoで背景動画を実装できるかどうかを調べる機会があったのでメモ。...
西暦を和暦に変換する
令和になったタイミングということで、JavaScriptで西暦の年月日を和暦に変換する実装をしてみました。...
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の内容使って...
video要素にsetAttributeで追加したmutedがFirefoxとchromeで効かない
setAttributeでmutedを指定した際に、Firefoxとchromeでミュートにならない現象に遭遇したのでメ...
jQueryでキーワード検索の機能を実装する
CMSの記事情報をjsonで出力する前提で、json内の情報を検索する処理をjQueryで実装してみます。...
Media Queriesの状態をJavaScriptで取得する
Media QueriesのブレークポイントとJavaScriptの実行タイミングを合わせる方法として、過去に以下の記事...
クリッカブルマップをレスポンシブ対応するプラグイン「jQuery RWD Image Maps」を使ってみる
クリッカブルマップをレスポンシブ対応する機会があったので、jQueryプラグインの「jQuery RWD Image M...
JavaScriptでトランプのカードをシャッフルする
JavaScriptでトランプゲームを作る用に、トランプのデータ生成からシャッフルまでの実装を試してみました。...
JavaScriptで外部のJavaScriptを読み込む
外部ファイルのJavaScriptをJavaScriptで読み込む方法を試してみました。...
生年月日から現在の年齢を計算する
生年月日から現在の年齢を計算する処理を実装する際に少し詰まったので、実装方法をメモ。...
Webフォントを遅延して読み込ませる
Webフォントを遅延して読み込ませることができるかを試してみました。...