HTML

popover属性で作るJavaScriptなしのポップアップ

popover 属性を使うと、JavaScriptを書かずに簡易なポップアップを実装できます。しばらくコーディングから離れていましたが、HTMLもどんどん進化し...
JavaScript

@graph を使った構造化データのメリットと設定方法

Webページの情報を検索エンジンに伝えるために利用される構造化データ。直接HTMLにマークアップして出力することもできますが、多くの場合は JavaScript...
Python

Flask-CORSの使い方 [備忘録]

すぐに忘れるのでFlask-CORSの設定をまとめます。基本的な使い方from flask import Flaskfrom flask_cors import...
スポンサーリンク
HTML

[HTML] picture要素の備忘録

webPやAvif対応ブラウザが少なかった頃にはよく使用していましたが、最近はご無沙汰になっていたpicture要素。メディアクエリやファイル形式の違いなど、条...
HTML

fieldset要素がオーバーフローしてしまうときはmin-widthを指定

formの選択肢をfieldsetでまとめた際に、親要素のサイズをオーバーフローしてしまうトラブルに遭いました。具体的には、下のようなオーバーフローするfiel...
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-i...
WordPress

WordPress REST APIを特定のサイトにのみ許可する

WordPressのREST APIは標準で公開されておりサイトURLさえ知っていれば誰でも利用できます(セキュリティ系プラグインなどがRestAPIを無効化し...