WEB制作や開発の作業中、「ん？これなんだっけ？」となった事柄を中心にまとめた備忘録です。
WEB制作 全般 SQLAlchemyのbulk upsertがあまりにも遅過ぎたのでINSERTと速度比較してみた
SQLAlchemyを使って、外部APIから取得したデータをPostgreSQLに登録する処理を作っていたときのお話です。SQLAlchemyでもUpsert処...
WEB制作 全般 Pythonの__init__.pyは何のため？
Flaskを学び出したとき、ディレクトリごとに "__init__.py" というファイルを置く必要がある(モジュールとして認識させるため) と技術本で読んだ記...
WEB制作 全般 GridやFlexレイアウトで使えるorderプロパティ
HTMLでレイアウトを構成するとき、display: grid ・ display: flex は頻繁に利用されていると思いますが、それらで利用できるorder...
WEB制作 全般 popover属性で作るJavaScriptなしのポップアップ
popover属性を使うと、JavaScriptを書かずに簡易なポップアップを実装できます。しばらくコーディングから離れていましたが、HTMLもどんどん進化して...
WEB制作 全般 @graph を使った構造化データのメリットと設定方法
Webページの情報を検索エンジンに伝えるために利用される構造化データ。直接HTMLにマークアップして出力することもできますが、多くの場合は JavaScript...
WEB制作 全般 Flask-CORSの使い方 [備忘録]
フロント開発していると誰しも一度は引っかかったことがあるであろうCORSエラー。CORSとは「異なるオリジン間でのリソース共有をブラウザが安全に許可するための仕...
WEB制作 全般 [HTML] picture要素の備忘録
webPやAvif対応ブラウザが少なかった頃にはよく使用していましたが、最近はご無沙汰になっていたpicture要素。メディアクエリやファイル形式の違いなど、条...
WEB制作 全般 fieldset要素がオーバーフローしてしまうときはmin-widthを指定
formの選択肢をfieldsetでまとめた際に、親要素のサイズをオーバーフローしてしまうトラブルに遭いました。具体的には、下のようなオーバーフローするfiel...
WEB制作 全般 WSL2でnpm loginできないときのメモ
WSLのターミナルからnpm loginできないWSL(Windows Subsystem for Linux)のターミナルからnpm loginしようとすると...
WEB制作 全般 sveltekitのグローバルスタイルをSCSSで書く
sveltekitではプリプロセッサにviteが使用されているため、特に何もしなくてもstyleタグに lang="scss" を指定するとSCSS記法が使えま...
WEB制作 全般 引数の数が多いときは引数をオブジェクトにする[JavaScript]
なにかしらの処理をする関数があるとして、途中から意図せず引数が増えていってしまう場合があります。function example(paramA,paramB,....
WEB制作 全般 slick.jsで画像のカルーセルをつくるとき、decoding属性があると表示されなかった話
原因の究明も深追いもしていないので、こういう事例があるのだなーぐらいで読んでいただけると幸いです。先日、カラーミーショップの簡易パフォーマンス改善を承り、画像の...