swiper.jsでautoplayでdelayとspeedを使用していた場合、最初の1枚目だけが次のスライドへの切り替えにかかる時間が異なる その理由と対処方法について説明します。 最初の1枚目と2枚目以降で表示時間が…

swiper.jsを使って複数のスライダーを作成したときに「.swiper-pagination」だけ表示されなかったときの備忘録 スライダーを複数用意する時はそれぞれに独自のclassやidをつける必要がある swip…

別のブランチからmasterブランチにpushしたかったときの備忘録 別のブランチにpushする方法 ローカル環境でdevelopブランチにて作業中 リモートリポジトリのmasterブランチにpushすることを想定したコ…

デバイスごとのブラウザ表示領域が異なりファーストビューに要素が収まっておらずお客さんと揉めたのでそれについて色々と調べた時の備忘録 デバイスの画面解像度と実際に表示されるサイズは異なる デバイスの解像度で1920 x 1…

セレクトボックスの項目を変えることで実行する処理や関数を変更したかったときの備忘録 ※セレクトボックスを変更したタイミングで即時発火 セレクトボックスで実行する処理を切り分けるコード ざっくり「二つの処理」と「実行する処…

同じclassを持つ要素に同じクリックイベントを仕込みたかったんだけどjavascriptのやり方がわからなかったので備忘録 javascriptで複数の要素にイベントを仕込む方法 querySelectorAll()で…

見出しタグ(h1など)の数字以外の数字を取得する方法 見出しタグ以外の数字を取得する方法 見出しタグの数字を除いた数字を正規表現で取得する方法 let string = "<h2>私がNo.1だ！&…

送信ボタンが押されて入力がなければエラーメッセージを出したかった時の備忘録 送信時入力が無かったら任意のエラーメッセージを出す方法 フォームに未入力があったらclass="error"を表示 フォームの入力が完了したら「…

「01+01」をしたときに「02」というような出力結果を得たかったときの備忘録 計算後に0パディング(0埋め)を行う 「01+01」をjavascriptで計算すると計算結果として「2」が出力されて求めていた結果が出力さ…

デザインデータやテキストデータを扱う際に都度brタグを挿入するのが手間なので改行を自動でbrタグに変換するコードを作ってみた 改行\nをbrタグに変換するコード <textarea id="before&…