@sakupi01.com blog
🎄Open UI Advent Calendar: Day 12 / Customizable Select Element Ep.10
Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker()`のデフォルト色から深掘る、system-color/ color-scheme/ pre
すべて
blog.jxck.io
3PCA 30 日目: 2024 年の 3rd Party Cookie まとめ
このエントリは、2023 年の 3rd Party Cookie Advent Calendar の 30 日目である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps:
azukiazusa のテックブログ2
Testing Library の debug で出力される行数を多くする方法
Testing Library では要素の取得に失敗した場合にレンダリングされた HTML がコンソールに表示されます。しかし、デフォルトで出力される行は 7000 に制限されているため目的の要素が表示される前に表示が終了してしまうことがし
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 11 / Customizable Select Element Ep.9
Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker-icon`のデフォルトスタイルはどうやって決まったのか
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 10 / Customizable Select Element Ep.8
Customizable Select Elementの関連仕様: `appearance: base-select;` - 選択された``のデフォルトチェックマークのスタイルはどうやって決まったのか
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 9 / Customizable Select Element Ep.7
``のその後：``から``に至るまで
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 8 / Customizable Select Element Ep.6
``のその後：``に至るまで
azukiazusa のテックブログ2
Zod を使って OpenAI の構造化された出力を扱う
OpenAI の gpt-4o-2024-08-06 以降のモデルではパラメータとして JSON Schema を指定することで構造化された出力をサポートしています。Node.js 向けの OpenAI SDK では Zod を使ってスキー
@sakupi01.com blog
🎄Open UI Advent Calendar: Day7 / Customizable Select Element Ep.5
Open UIでCSEのResearchが行われる。同時期にMSで``Explainerの作成。Explainerに基づいて、``がIntent to Prototypeに
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 6 / Customizable Select Element Ep.4
Open UIでCustomizable Select Elementの初期提案
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 5 / Customizable Select Element Ep.3
Web標準化の動きが進んでもなお、CustomizableでないForm Controlの紹介。Customizable Select Element提案の契機となるサーベイ
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 4 / Customizable Select Element Ep.2
ブラウザ戦争の激化と、OSに依存したコントロールの問題の顕在化。打開する動きとして、WaSPによるWeb標準の台頭への動き、モダンブラウザの登場、より柔軟なスタイリングを可能にするCSS3の登場
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 3 / Customizable Select Element Ep.1
Form Controlの歴史と、ブラウザやOSに依存するForm Controlのスタイルについて
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 2 / Web UIの抱える課題とOpen UIの発足背景
Web UIの抱える課題とOpen UIの発足背景について
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 1 / Open UIについて
Open UIの概要と、その調査方法
azukiazusa のテックブログ2
Tailwind CSS v4 で導入される CSS First Configurations
Tailwind CSS v4 における最も大きな変更点の 1 つは、CSS First Configurations です。今まで `tailwind.config.js` で設定していたテーマなどの設定を CSS ファイル内で行うことが
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 0 / Prologue
OpenUI Advent Calendar プロローグ
stin's Blog
記事をPicture-in-Pictureで読めるようにしてみた
Document Picture-in-Picture APIというWeb APIがあります。まだブラウザの実装が限定的ですが、Chromeなら116から使えるようです。 https://developer.mozilla.org/en-U
azukiazusa のテックブログ2
アクセシビリティツリーを比較する Playwright の Aria snapshots がよさそう
Playwright の Aria snapshots はアクセシビリティツリーを比較することでテストする手法です。アクセシビリティツリーは DOM のスナップショットテストと比較して、外部から見た振る舞いが変わりづらいという利点があります
azukiazusa のテックブログ2
Node.js では標準モジュールで Promise timer が使える
人為的な遅延を発生させるために、`setTimeout` を Promise をラップする方法がよく使われています。これにより、`await` を使って任意の秒数処理を遅らせることができます。