たより

すべて

@sakupi01.com blog

🎄Open UI Advent Calendar: Day 19 / Customizable Select Element Ep.17

Customizable Select Elementの関連仕様: `` - UAによるLight DOMへのNodeクローンタイミングの検討

@sakupi01.com blog

🎄Open UI Advent Calendar: Day 18 / Customizable Select Element Ep.16

Customizable Select Elementの関連仕様: `` - Light DOMへのクローン追加実装に関して、CSSWGとの合意形成。UAによるLight DOMへのNodeクローンタイミングに関する懸念を深掘る

@sakupi01.com blog

🎄Open UI Advent Calendar: Day 17 / Customizable Select Element Ep.15

Customizable Select Elementの関連仕様: `` - `slot`属性と`behavior`属性が使用廃止を受け、CSE Anatomyが改訂。HTML史上初となる、UAからLight DOMへ変更を加える実装検討へ

stin's Blog

Honoの捉え方、またはNext.jsとの組み合わせ方

この記事は「Hono Advent Calendar 2024 シリーズ 2」17日目の記事です。 https://qiita.com/advent-calendar/2024/hono HonoというWebフレームワークがあります。Exp

@sakupi01.com blog

🎄Open UI Advent Calendar: Day 16 / Customizable Select Element Ep.14

Customizable Select Elementの関連仕様: `` - 「選択された``を``にスロットしてカスタマイズできるようにする」唯一の手段、`slot`属性と`behavior`属性が使用廃止へ

@sakupi01.com blog

Cardのマークアップでもう悩まない!NestedでClickableなUIを実現する、Link Area Delegationとは

本エントリでは、インタラクティブな要素がネストされたUIを、標準的な方法で実現しようという「Link Area Delegation」Proposalについて紹介します。

@sakupi01.com blog

🎄Open UI Advent Calendar: Day 15 / Customizable Select Element Ep.13

Customizable Select Elementの関連仕様: `` - ``の内部コンテンツ自体を``に反映する仕様の検討

azukiazusa のテックブログ2

MSW で Web Socket のリクエストをモックする

Mock Service Worker (MSW) の v2.6.0 から Web Socket のリクエストをモックすることができるようになりました。Web Socket のサポートのリクエストは 2020 年から存在しており、多くの議論

@sakupi01.com blog

🎄Open UI Advent Calendar: Day 14 / Customizable Select Element Ep.12

Customizable Select Elementの関連仕様: `` - `part`属性をCSEのUA実装で使用することの問題から、`part`属性を`behavior`属性にリネームへ。``のvalueのみならず、内部コンテンツ自体

@sakupi01.com blog

🎄Open UI Advent Calendar: Day 13 / Customizable Select Element Ep.11

Customizable Select Elementの関連仕様: `` - ``提案のきっかけと、選択された``のvalueとスタイルを反映する初期の仕組みとして、`part`属性と`slot`属性について

@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の初期提案