Archive ...
-
Published on March 28, 2025
Form Control Styling Level 1 など: Cybozu Frontend Weekly (2025-03-25号)
Blog written on Zenn
Read more... -
Published on March 27, 2025
Standardizing User Intent with Interest Invokers ! (... and it's complicated)
本エントリでは、Interest Invokers の仕様策定において重要な「Show Interest」という概念と、 HIDs (Human Interface Devices) の「Show Interest」に係る議論の現状を解説します。
Read more... -
Published on March 5, 2025
Interop 2025, CSS 新機能の Ship など: Cybozu Frontend Weekly (2025-03-04号)
Blog written on Zenn
Read more... -
Published on February 17, 2025
Safari 18.2 「view-transition-name: auto;」への警鐘
Safari 18.2でShipされた`view-transition-name: auto;`は、未だに議論の余地が残るため、仕様をよく理解した上での利用が必要な理由を解説します
Read more... -
Published on January 26, 2025
Customizable Select ElementにおけるParser RelaxationのアップデートとShipの背景
長年の議論を経て、ようやく仕様が固まった、CustomizableなSelect要素の現状について、Parser Relaxationのを軸に解説します
Read more... -
Published on December 31, 2024
2024年の振り返り
2024年の振り返り
Read more... -
Published on December 25, 2024
🎄Open UI Advent Calendar: Day 25 / Epilogue
OpenUI Advent Calendar エピローグ
Read more... -
Published on December 24, 2024
🎄Open UI Advent Calendar: Day 24 / Global Design System Part2
Open UIが提唱するデザインシステム、Global Design Systemとその未来
Read more... -
Published on December 23, 2024
🎄Open UI Advent Calendar: Day 23 / Global Design System Part1
デザインシステムの開発を加速させる、堅牢で柔軟なGlobal Design Systemの提唱
Read more... -
Published on December 22, 2024
🎄Open UI Advent Calendar: Day 22 / Customizable Select Element Ep.20
Customizable Select Elementのまとめ
Read more... -
Published on December 21, 2024
🎄Open UI Advent Calendar: Day21 / Customizable Select Element Ep.19
Customizable Select Elementの関連仕様: `<selectedcontent>` - 子Node変更検知タイミングの仕様決定（現時点で）
Read more... -
Published on December 20, 2024
🎄Open UI Advent Calendar: Day 20 / Customizable Select Element Ep.18
Customizable Select Elementの関連仕様: `<selectedcontent>` - 「同期タイミング」でクローンを作成の方針で決定。`cloneNode()`の制限が浮き彫りになる
Read more... -
Published on December 19, 2024
🎄Open UI Advent Calendar: Day 19 / Customizable Select Element Ep.17
Customizable Select Elementの関連仕様: `<selectedcontent>` - UAによるLight DOMへのNodeクローンタイミングの検討
Read more... -
Published on December 18, 2024
🎄Open UI Advent Calendar: Day 18 / Customizable Select Element Ep.16
Customizable Select Elementの関連仕様: `<selectedcontent>` - Light DOMへのクローン追加実装に関して、CSSWGとの合意形成。UAによるLight DOMへのNodeクローンタイミングに関する懸念を深掘る
Read more... -
Published on December 17, 2024
🎄Open UI Advent Calendar: Day 17 / Customizable Select Element Ep.15
Customizable Select Elementの関連仕様: `<selectedcontent>` - `slot`属性と`behavior`属性が使用廃止を受け、CSE Anatomyが改訂。HTML史上初となる、UAからLight DOMへ変更を加える実装検討へ
Read more... -
Published on December 16, 2024
Cardのマークアップでもう悩まない！NestedでClickableなUIを実現する、Link Area Delegationとは
本エントリでは、インタラクティブな要素がネストされたUIを、標準的な方法で実現しようという「Link Area Delegation」Proposalについて紹介します。
Read more... -
Published on December 16, 2024
🎄Open UI Advent Calendar: Day 16 / Customizable Select Element Ep.14
Customizable Select Elementの関連仕様: `<selectedcontent>` - 「選択された`<option>`を`<button>`にスロットしてカスタマイズできるようにする」唯一の手段、`slot`属性と`behavior`属性が使用廃止へ
Read more... -
Published on December 15, 2024
🎄Open UI Advent Calendar: Day 15 / Customizable Select Element Ep.13
Customizable Select Elementの関連仕様: `<selectedcontent>` - `<option>`の内部コンテンツ自体を`<selectedcontent>`に反映する仕様の検討
Read more... -
Published on December 14, 2024
🎄Open UI Advent Calendar: Day 14 / Customizable Select Element Ep.12
Customizable Select Elementの関連仕様: `<selectedcontent>` - `part`属性をCSEのUA実装で使用することの問題から、`part`属性を`behavior`属性にリネームへ。`<option>`のvalueのみならず、内部コンテンツ自体を`<selectedcontent>`に反映する仕様策定の示唆
Read more... -
Published on December 13, 2024
🎄Open UI Advent Calendar: Day 13 / Customizable Select Element Ep.11
Customizable Select Elementの関連仕様: `<selectedcontent>` - `<selectedcontent>`提案のきっかけと、選択された`<option>`のvalueとスタイルを反映する初期の仕組みとして、`part`属性と`slot`属性について
Read more... -
Published on December 12, 2024
🎄Open UI Advent Calendar: Day 12 / Customizable Select Element Ep.10
Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker()`のデフォルト色から深掘る、system-color/ color-scheme/ prefers-color-schemeの関係
Read more... -
Published on December 11, 2024
🎄Open UI Advent Calendar: Day 11 / Customizable Select Element Ep.9
Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker-icon`のデフォルトスタイルはどうやって決まったのか
Read more... -
Published on December 10, 2024
🎄Open UI Advent Calendar: Day 10 / Customizable Select Element Ep.8
Customizable Select Elementの関連仕様: `appearance: base-select;` - 選択された`<option>`のデフォルトチェックマークのスタイルはどうやって決まったのか
Read more... -
Published on December 9, 2024
🎄Open UI Advent Calendar: Day 9 / Customizable Select Element Ep.7
`<selectmenu>`のその後：`<selectlist>`から`<select>`に至るまで
Read more... -
Published on December 8, 2024
🎄Open UI Advent Calendar: Day 8 / Customizable Select Element Ep.6
`<selectmenu>`のその後：`<selectlist>`に至るまで
Read more... -
Published on December 7, 2024
🎄Open UI Advent Calendar: Day7 / Customizable Select Element Ep.5
Open UIでCSEのResearchが行われる。同時期にMSで`<selectmenu>`Explainerの作成。Explainerに基づいて、`<selectmenu>`がIntent to Prototypeに
Read more... -
Published on December 6, 2024
🎄Open UI Advent Calendar: Day 6 / Customizable Select Element Ep.4
Open UIでCustomizable Select Elementの初期提案
Read more... -
Published on December 5, 2024
🎄Open UI Advent Calendar: Day 5 / Customizable Select Element Ep.3
Web標準化の動きが進んでもなお、CustomizableでないForm Controlの紹介。Customizable Select Element提案の契機となるサーベイ
Read more... -
Published on December 4, 2024
🎄Open UI Advent Calendar: Day 4 / Customizable Select Element Ep.2
ブラウザ戦争の激化と、OSに依存したコントロールの問題の顕在化。打開する動きとして、WaSPによるWeb標準の台頭への動き、モダンブラウザの登場、より柔軟なスタイリングを可能にするCSS3の登場
Read more... -
Published on December 3, 2024
🎄Open UI Advent Calendar: Day 3 / Customizable Select Element Ep.1
Form Controlの歴史と、ブラウザやOSに依存するForm Controlのスタイルについて
Read more... -
Published on December 2, 2024
🎄Open UI Advent Calendar: Day 2 / Web UIの抱える課題とOpen UIの発足背景
Web UIの抱える課題とOpen UIの発足背景について
Read more... -
Published on December 1, 2024
🎄Open UI Advent Calendar: Day 1 / Open UIについて
Open UIの概要と、その調査方法
Read more... -
Published on November 30, 2024
🎄Open UI Advent Calendar: Day 0 / Prologue
OpenUI Advent Calendar プロローグ
Read more... -
Published on October 24, 2024
📝note: What is web accessibility?
Practical Accessibility のメモ
Read more... -
Published on October 10, 2024
CSS新機能のWorking Draft公開など: Cybozu Frontend Weekly (2024-10-08号)
Blog written on Zenn
Read more... -
Published on September 19, 2024
Rolldown + oxcによるビルド＆型生成の高速化など: Cybozu Frontend Weekly (2024-09-17号)
Blog written on Zenn
Read more... -
Published on August 9, 2024
Declarative Shadow DOMを利用したWeb ComponentsをSSR・CSRで実現する
Blog written on Zenn
Read more... -
Published on August 2, 2024
フォーカスインジケータの活用方針
Blog written on Zenn
Read more... -
Published on July 17, 2024
Interop 2024の中間アップデートなど: Cybozu Frontend Weekly (2024-07-16号)
Blog written on Zenn
Read more... -
Published on July 14, 2024
新人研修の内容・感想など: 備忘録
2024/4から24卒として新人研修を受けてました。終わってから配属などあり、ようやく落ち着いてきたので、ざっくりと研修の内容を書いたり感想を書いたりします。まとまりはないです。
Read more... -
Published on May 12, 2024
TSKaigi2024参加レポート
Blog written on Zenn
Read more... -
Published on April 21, 2024
Lost PixelとGithub Actionsを用いたVRTのユースケース
撮影したスナップショットをGithub上で管理し、PR上で差分検知を行うことで、意図せぬビジュアルのデグレを防いでくれるLost Pixelの具体的な運用方法についてです
Read more... -
Published on March 1, 2024
内定者アルバイトを終えて
チーム開発何もわからんだった私が、チームワークを大切にする会社の内定者アルバイトに参加して思ったことをつらつら書きます。まとまりはないです。
Read more... -
Published on February 2, 2024
Reactの状態を理解して適切にHooksを利用する
Blog written on Zenn
Read more... -
Published on December 10, 2023
プロジェクトを理解するためのReactデザインパターン
Blog written on Zenn
Read more... -
Published on November 24, 2023
Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - SSR + App Router Cache編
Blog written on Zenn
Read more... -
Published on November 22, 2023
Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - SWR・TanStack Query編
Blog written on Zenn
Read more... -
Published on November 22, 2023
Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - useEffect編
Blog written on Zenn
Read more...