web関連 - 言語-javascript
-
プログラミング
【javascript】CSSの「scale() 」で拡大縮小した時の要素の高さを求める方法
2021/09/27プログラミング言語-javascriptCSSのscale()関数で拡大縮小した時、次の要素と隙間が空いたり要素が被ることがある。その際に要素の高さをjavascriptを使い良い感じに整える方法の備忘録。 解説「scale()」後の要素の高さの計算方法 まず… -
プログラミング
【javascript】Intersection ObserverAPIを使ってスクロールイベント
2021/09/24プログラミング言語-javascript「Intersection ObserverAPI」を使ってスクロールを監視し、ターゲットが画面内に入った時に処理を実行する方法の備忘録 「Intersection ObserverAPI」を使ったスクロール監視＆イベン… -
プログラミング
【javascript】jQueryを使わないで子孫要素探す方法
2021/09/20プログラミングjQuery 言語-javascriptjQueryのfind()を使わないでjavascriptだけで子孫要素を探そうとしたときの備忘録 jQueryを使わないで子孫要素を探す方法 querySelector()を使って探す <div class=&q… -
プログラミング
【javascript】「[].slice.call()」について
2021/09/20プログラミング言語-javascript「[].slice.call()」という見慣れない書き方があったので備忘録 配列風オブジェクトを配列にすることができる [].slice.call()はHTMLコレクションといった配列風オブジェクトを配列にすることができ… -
プログラミング
【js】「Locomotive Scroll」を使った慣性スクロールサイトについて
2021/09/18プログラミング言語-javascript慣性スクロールを容易に実装できる「Locomotive Scroll」を使ったら面倒だったので備忘録 実際の使い方について解説しないのでgithub見てデモサイトとか落とした方が早い デモファイルはdocsの中にinde… -
プログラミング
【js】既にある要素を移動させる方法
2021/09/18プログラミングjQuery 言語-javascript既存の要素を別のところに移動させたかったときの備忘録 jQueryとjavascriptの2パターン紹介 【jQuery】既にある要素を移動する方法 jQueryで移動させたい要素を「要素の中」と「要素の隣（同階層）」に… -
プログラミング
【swiper.js】スライダーを複数用意したときにページネーションが上手く動作しなかった
2021/07/29プログラミングswiper.js 言語-javascriptswiper.jsを使って複数のスライダーを作成したときに「.swiper-pagination」だけ表示されなかったときの備忘録 「.swiper-pagination」が動かない理由 「.swiper-paginat… -
プログラミング
【javascript】「セレクトボックスの項目」ごとに実行する処理を切り替える方法
2021/06/25プログラミング言語-javascript「セレクトボックスの項目」ごとにイベントを用意し、「セレクトボックスの項目」が変わったタイミングで設定されている処理を発火させる方法の備忘録 「セレクトボックスの項目」が変更されたタイミングで処理を実行する方法 セレクト… -
プログラミング
【javascript】複数の要素にイベントを仕込みたい
2021/06/23プログラミング言語-javascript同じclassを持つ要素に同じクリックイベントを仕込みたかったんだけどjavascriptのやり方がわからなかったので備忘録 javascriptで複数の要素にイベントを仕込む方法 querySelectorAll()で… -
プログラミング
【javascript】正規表現を使って「見出しタグ」以外の数字を取得する方法
2021/06/21プログラミング正規表現 自作ジェネレータ 言語-javascript「見出しタグ(h1など)」部分以外の数字を取得したかった時の備忘録 「見出しタグ」以外の数字を取得する方法 「見出しタグ（<h~>）」以外の数字を正規表現で取得する。 let string = "&…