blog.jxck.io
2024 年を振り返る
例年通り 2024 年を振り返る。
すべて
stin's Blog
指定したWebページを動く状態でクローンする方法
ふと、指定したURLのWebページをクローンして別の環境で再現する方法がないかと考えました。 HTMLとそれが参照するCSS, JavaScript, 画像ファイルなどをダウンロードして保存しておき、静的ファイルとして配信すれば同じWebペ
azukiazusa のテックブログ2
2024 年に読んでよかった本
私は今年 1 年間でおおよそ 300 冊の本を読んだようです。その中から、特に印象に残った本をいくつか紹介します。
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 25 / Epilogue
OpenUI Advent Calendar エピローグ
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 24 / Global Design System Part2
Open UIが提唱するデザインシステム、Global Design Systemとその未来
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 23 / Global Design System Part1
デザインシステムの開発を加速させる、堅牢で柔軟なGlobal Design Systemの提唱
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 22 / Customizable Select Element Ep.20
Customizable Select Elementのまとめ
azukiazusa のテックブログ2
カード UI の入れ子のリンクの問題を解決する Link Area Delegation の提案
多くのウェブサイトではリンクを入れ子にしたカード UI が利用されています。しかし、このような UI では HTML 仕様に違反していたり、ハッキーな手法で実装されていることがあります。Open UI コミュニティでは Link Area
@sakupi01.com blog
🎄Open UI Advent Calendar: Day21 / Customizable Select Element Ep.19
Customizable Select Elementの関連仕様: `` - 子Node変更検知タイミングの仕様決定（現時点で）
@sakupi01.com blog
🎄Open UI Advent Calendar: Day 20 / Customizable Select Element Ep.18
Customizable Select Elementの関連仕様: `` - 「同期タイミング」でクローンを作成の方針で決定。`cloneNode()`の制限が浮き彫りになる
@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`属性について