JavaScript sveltekitのグローバルスタイルをSCSSで書く
sveltekitではプリプロセッサにviteが使用されているため、特に何もしなくてもstyleタグに lang="scss" を指定するとSCSS記法が使えま...
JavaScript
JavaScript 
JavaScript JavaScriptの引数にオブジェクトを使用する
なにかしらの処理をする関数があるとして、途中から意図せず引数が増えていってしまう場合があります。 function example(paramA,paramB,...
JavaScript slick.jsで画像のカルーセルをつくるとき、decoding属性があると表示されなかった話
原因の究明も深追いもしていないので、こういう事例があるのだなーぐらいで読んでいただけると幸いです。 先日、カラーミーショップの簡易パフォーマンス改善を承り、画像...
JavaScript Vueテンプレートのループ覚書
Vuejsのテンプレートで初めてループ処理を書くとき、いくつか引っ掛かったので備忘録としてまとめます。 v-forとv-ifを同時に使いたいとき v-forとv...
JavaScript Swiperで複数のスライドを連動する方法
Swiperのcontrollerメソッドを使うことで、複数のスライドを同時に動かすことができます。 // 3つのスライドをすべて連動させあうサンプル cons...
JavaScript 配列内の要素すべてが条件に一致しているかチェックするArray.every()
ある文字列が複数条件にマッチするか調べる良い方法がないかと考えていたら、every()メソッドを使うのが一番スマートのようでしたので備忘録。 every()、基...
JavaScript JavaScriptのレスポンシブ
CSSで@media screenをつかってレスポンシブなデザインを作るように、JavaScriptでもメディアクエリにあわせた設定が可能です。 window....
JavaScript select要素のoptionを操作するときのJavaScript
たまに使うと忘れているので自分用メモ。 選択されているoption要素のvalueではなく要素自体（テキスト）を取得 手順 直接optionを指定することはでき...
JavaScript Objectをkey,valueで呼び出す
ループの中でオブジェクトをkey、valueで呼出したいときの備忘録です。 Object.entries(object)を使う Object.entries( ...
JavaScript 【非同期通信】fetchの完了を待って続きの処理を行う
これまでasync / await をなんとなくでしか理解していなかったばかりに盛大に時間をロスしてしまったので反省として記録にまとめます。 今後どなたかの役に...
JavaScript 初心者向け Swiper jsの使い方 覚書
Twitterに勝手に表示されるおすすめ投稿で「Swiperの使い方がわからない！」という叫びと、それに共感する声をたくさん見たので、ざっくりとした基本の使い方...
JavaScript DOMの変化を監視してくれるMutation Observer
Java ScriptのObserver（監視者）にはいくつか種類がありますが、Mutation ObserverはDOMの変更を監視してくれます。 単純にDO...