JavaScriptSwiperで複数のスライドを連動する方法 Swiperのcontrollerメソッドを使うことで、複数のスライドを同時に動かすことができます。 // 3つのスライドをすべて連動させあうサンプル ...2023.01.22JavaScript
JavaScript配列内の要素すべてが条件に一致しているかチェックするArray.every() ある文字列が複数条件にマッチするか調べる良い方法がないかと考えていたら、every()メソッドを使うのが一番スマートのようでしたので備忘録。 e...2022.11.11JavaScript
JavaScriptJavaScriptのレスポンシブ CSSで@media screenをつかってレスポンシブなデザインを作るように、JavaScriptでもメディアクエリにあわせた設定が可能です。 ...2022.11.10JavaScript
JavaScriptselect要素のoptionを操作するときのJavaScript たまに使うと忘れているので自分用メモ。 選択されているoption要素のvalueではなく要素自体(テキスト)を取得 手順 直接op...2022.10.25JavaScript
JavaScriptObjectをkey,valueで呼び出す ループの中でオブジェクトをkey、valueで呼出したいときの備忘録です。 Object.entries(object)を使う Object.en...2022.09.20JavaScript
JavaScript【非同期通信】fetchの完了を待って続きの処理を行う これまでasync / await をなんとなくでしか理解していなかったばかりに盛大に時間をロスしてしまったので反省として記録にまとめます。 今後どなた...2022.09.20JavaScript
JavaScript初心者向け Swiper jsの使い方 覚書 Twitterに勝手に表示されるおすすめ投稿で「Swiperの使い方がわからない!」という叫びと、それに共感する声をたくさん見たので、ざっくりとした基本の使い...2022.06.26JavaScript
JavaScriptDOMの変化を監視してくれるMutation Observer Java ScriptのObserver(監視者)にはいくつか種類がありますが、Mutation ObserverはDOMの変更を監視してくれます。 単...2022.04.19JavaScript
JavaScriptページ内リンクのスクロールを簡単に実装できるscrollIntoView 同じページ内を移動するリンクスクロールは、今やcssのscroll-behaviorプロパティだけでも実装できますが、どうしてもJava Script...2022.04.23JavaScript
JavaScriptJava Scriptの第一歩 WEB制作を独学でやっていると、HTMLとCSSは理解できてもJava Scriptでつまづくケースは非常に多いと思います。 私もかつて同じよう...2022.04.23JavaScript
JavaScriptHistory APIで履歴に状態を記録する ajaxを使って、1つのページ上で表示するコンテンツを切り替えたり、自動で続きのコンテンツを読み込んで表示する などよくあります ネットショップでいえば...2022.04.19JavaScript
JavaScriptVimeoの埋め込み動画に関する備忘録 サイト高速化の案件で、vimeoのiframeについて色々調べたので備忘録に残しておきます。 ネイティブLazyLoad iframeコー...2022.04.19JavaScript