data属性のうち特定の値を持たない要素のみを対象にする
jQueryを使って、特定のdata属性のうち特定の値を持たない要素にclassを付けるという処理を実装していたのですが...
JavaScriptの記事一覧
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フォントを遅延して読み込ませることができるかを試してみました。...
JavaScriptでdata属性を扱う
data属性をjQueryで使う方法は以前記事で投稿しましたが、今回はJavaScriptでdata属性を扱ってみます。...
画像をぼかす処理を実装してみる
動的に追加される画像に対してぼかし処理を入れる機会があったので、その際に調べた画像をぼかす方法をメモしておきます。...
JavaScriptで桁数を揃える関数を作成する
以前に数値の桁数を合わせる処理の記事を書きましたが、処理を使うことが度々あるので、使いやすいように関数にまとめてみます。...
faviconに通知数を表示する
いろいろなサービスやツールを使っているとたまに見かける、faviconに通知数を表示する実装を試してみました。...
Vue.jsで条件分岐して要素を出し分ける
Vue.jsのv-ifを使って要素を出し分ける方法をメモ。...
JavaScriptで真偽値を反転する
シンプルに真偽値を反転させる方法がぱっと思いつかなかったので、実装方法をメモ。...
Vue.jsでループを入れ子にする
Vue.jsでループを入れ子にする方法が分からなかったので、実装方法をメモ。...
GIFアニメーションを任意のタイミングで動かす
GIFアニメーションを任意のタイミングで最初から再生する方法を調べてみました。...
JavaScriptのconcat()を使ってみる
配列同士を連結して新しい配列を返すconcat()メソッドを使ってみます。...