Memorandom

Chrome、Edge で <input type="file"> の Cancel イベントがキャンセルできない
2023/05/17 HTML JavaScript

<dialog>要素内の <input type="file"> のファイル選択ウインドウでキャンセルをクリックすると、ファイル選択ウインドウだけでなく、親の <dialog> 要素まで閉じられてしまいました。

続きを見る
Chrome、Edge 開発者ツールで CSS border-width が指定した値より小さくなる
2023/03/08 HTML CSS

CSS で border-width を指定しても、Chrome、Edge 開発者ツールの計算済みを確認すると指定した値よりも一定割合で小さくなった値が設定されました。結論開発者ツールのバグで対応不要ですが、事象等纏めておきました。

続きを見る
Canvas テキスト描画で CSS の text-overflow: ellipsis を実現
2023/02/24 JavaScript Web API

Canvas にテキストを描画する際に一定のサイズを超えると “…” といった形で CSS の text-overflow: ellipsis と同様にオーバーフロー分を省略する方法を紹介します。

続きを見る
Flask-Cors を使って Flask を Cross Origin Request に対応する
2023/02/03 Python JavaScript

Flask で作った REST API を Cross Origin Request に対応する必要があり、Flask-Cors を使用しました。その際に調べた Flask-Cors の使い方のメモです。

続きを見る
HTML head 内タグの最新の書き方
2022/11/27 HTML

HTML の <head> 内の一部のタグについて現行 HTML Living Standard ではどのように書くのが正しいのか、経緯も含め公式の仕様策定を引用しながら調べました。最近こういう書き方しないんだっけ？という人のお役に立てばと思います。

続きを見る
Hugo で記事毎に画像ファイルを管理する
2022/10/10 Hugo

Hugo で記事ファイル毎に画像ファイルを管理する方法を紹介します。その過程で Hugo の HTML 生成ルールも調べたので併せて紹介します。

続きを見る
Hugo のショートコード内で Markdown を使う
2022/08/20 Hugo Markdown

Hugo のショートコード内の Markdown もレンダーさせる際にちょっとハマったのでメモです。

続きを見る
プロキシ環境化の Windows に Rust 開発環境構築
2022/08/10 Rust Windows

プロキシ環境化で Windows に Rust 開発環境を構築する方法のメモです。

続きを見る
JavaScript でリスクフリーレート (RFR) を計算する
2022/03/20 JavaScript

LIBOR 閉塞で話題のリスクフリーレートを JavaScript で計算してみます。

続きを見る
Safari で Osaka フォントの表示不具合を CSS で対処
2021/05/05 HTML CSS Safari

Safari で Osaka フォントのインライン要素は末尾に空白ができるバグがあります。CSS の font-feature-settings プロパティで解消できます。

続きを見る