JavaScript @graph を使った構造化データのメリットと設定方法
Webページの情報を検索エンジンに伝えるために利用される構造化データ。直接HTMLにマークアップして出力することもできますが、多くの場合は JavaScript...
JavaScript
JavaScript 
JavaScript sveltekitのグローバルスタイルをSCSSで書く
sveltekitではプリプロセッサにviteが使用されているため、特に何もしなくてもstyleタグに lang="scss" を指定するとSCSS記法が使えま...
JavaScript JavaScriptの引数にオブジェクトを使用する
なにかしらの処理をする関数があるとして、途中から意図せず引数が増えていってしまう場合があります。function example(paramA,paramB,....
JavaScript slick.jsで画像のカルーセルをつくるとき、decoding属性があると表示されなかった話
原因の究明も深追いもしていないので、こういう事例があるのだなーぐらいで読んでいただけると幸いです。先日、カラーミーショップの簡易パフォーマンス改善を承り、画像の...
JavaScript Vueテンプレートのループ覚書
Vuejsのテンプレートで初めてループ処理を書くとき、いくつか引っ掛かったので備忘録としてまとめます。v-forとv-ifを同時に使いたいときv-forとv-i...
JavaScript Swiperで複数のスライドを連動する方法
Swiperのcontrollerメソッドを使うことで、複数のスライドを同時に動かすことができます。// 3つのスライドをすべて連動させあうサンプルconst ...
JavaScript 配列内の要素すべてが条件に一致しているかチェックするArray.every()
ある文字列が複数条件にマッチするか調べる良い方法がないかと考えていたら、every()メソッドを使うのが一番スマートのようでしたので備忘録。every()、基本...
JavaScript JavaScriptのレスポンシブ
CSSで@media screenをつかってレスポンシブなデザインを作るように、JavaScriptでもメディアクエリにあわせた設定が可能です。window.m...
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の使い方がわからない！」という叫びと、それに共感する声をたくさん見たので、ざっくりとした基本の使い方...