HTML [HTML] picture要素の備忘録
webPやAvif対応ブラウザが少なかった頃にはよく使用していましたが、最近はご無沙汰になっていたpicture要素。 メディアクエリやファイル形式の違いなど、...
HTML 
HTML fieldset要素がオーバーフローしてしまうときはmin-widthを指定
formの選択肢をfieldsetでまとめた際に、親要素のサイズをオーバーフローしてしまうトラブルに遭いました。 具体的には、下のようなオーバーフローするfie...
Linux WSL2でnpm loginできないときのメモ
WSLのターミナルからnpm loginできない WSL(Windows Subsystem for Linux)のターミナルからnpm loginしようとする...
JavaScript sveltekitのグローバルスタイルをSCSSで書く
sveltekitではプリプロセッサにviteが使用されているため、特に何もしなくてもstyleタグに lang="scss" を指定するとSCSS記法が使えま...
JavaScript JavaScriptの引数にオブジェクトを使用する
なにかしらの処理をする関数があるとして、途中から意図せず引数が増えていってしまう場合があります。 function example(paramA,paramB,...
JavaScript slick.jsで画像のカルーセルをつくるとき、decoding属性があると表示されなかった話
原因の究明も深追いもしていないので、こういう事例があるのだなーぐらいで読んでいただけると幸いです。 先日、カラーミーショップの簡易パフォーマンス改善を承り、画像...
WordPress WordPressをヘッドレスCMS化した話
このたび長年放置していたWordPressサイト（このサイトではない）をヘッドレス化することにしました。 WPのヘッドレス化に至った理由としては、 FSEまで付...
JavaScript Vueテンプレートのループ覚書
Vuejsのテンプレートで初めてループ処理を書くとき、いくつか引っ掛かったので備忘録としてまとめます。 v-forとv-ifを同時に使いたいとき v-forとv...
WordPress WordPress REST APIを特定のサイトにのみ許可する
WordPressのREST APIは標準で公開されておりサイトURLさえ知っていれば誰でも利用できます（セキュリティ系プラグインなどがRestAPIを無効化し...
WordPress 画像ファイルの保存先をサブドメインに変更する 【WordPress】
RestAPIを使用してWordPressをヘッドレスCMSとして使うにあたり、投稿ページなどのURLは問題ないとしてメディアファイルのURLは元のままなのが気...
Linux WSLからWindowsのデスクトップにアクセスする
Windows Subsystem for Linux（WSL）からデスクトップやドキュメントにcdしたいときどうすれば良いのかなと迷ったので備忘録。 /mnt...
HTML モーダルをdialog要素で実装してみる
主要ブラウザがdialog要素が対応してそろそろ1年経つので、そろそろ良いだろうと実際の制作で使用してみました。 dialog要素を使用することによって得られる...