[B! ui] teppeisã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

teppeis id:teppeis

uiã«é–¢ã™ã‚‹teppeisã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (611)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

NHKã®ãƒãƒƒãƒˆå—ä¿¡å¥‘ç´„ï¼ˆæ¡ˆï¼‰ãŒâ€œãƒ€ãƒ¼ã‚¯ãƒ‘ã‚¿ãƒ¼ãƒ³â€éŽãŽã¦è¦‹éŽã”ã›ãªã„ä»¶ï¼ˆå‰ç·¨ï¼‰ã€€NHKã®è¦‹è§£ã¯ï¼Ÿ
NHKæ”¾é€æ–‡åŒ–ç ”ç©¶æ‰€ãŒ2021å¹´ã«ç™ºè¡¨ã—ãŸã€Œå›½æ°‘ç”Ÿæ´»æ™‚é–“èª¿æŸ»2020ã€ã«ã‚ˆã‚‹ã¨ã€ãƒ†ãƒ¬ãƒ“ã‚’è¦‹ã‚‹äººï¼ˆ1æ—¥ã«15åˆ†ä»¥ä¸Šãƒ†ãƒ¬ãƒ“ã‚’è¦‹ã‚‹äººï¼‰ã¯å…¨ä½“ã®8å‰²ã‚’åˆ‡ã‚Šã€16ï½ž19æ³ã§ã¯5å‰²ã‚’ä¸‹å›žã£ãŸã€‚ã™ã§ã«æ—¥æœ¬å›½æ°‘ã®2å‰²ä»¥ä¸Šã¯ãƒ†ãƒ¬ãƒ“ã¨ã‚ã¾ã‚Šç¸ã®ãªã„ç”Ÿæ´»ã‚’é€ã£ã¦ã„ã‚‹ã“ã¨ã«ãªã‚‹ãŒã€NHKã®ãƒãƒƒãƒˆå—ä¿¡å¥‘ç´„ãŒå§‹ã¾ã‚‹ã¨ã€ãã‚“ãªäººãŸã¡ã‚‚ã‚¹ãƒžãƒ›æ“ä½œã‚’èª¤ã‚‹ã¨å—ä¿¡å¥‘ç´„ã‚’æ±‚ã‚ã‚‰ã‚Œãã†ã ã€‚ã—ã‹ã‚‚èª¤ã‚Šã‚„ã™ã„çŠ¶æ³ãŒã§ãã‚ˆã†ã¨ã—ã¦ã„ãŸã€‚ 2025å¹´10æœˆã‹ã‚‰ã€ŒåŒæ™‚é…ä¿¡ã€ã€Œè¦‹é€ƒã—é…ä¿¡ã€ã€Œç•ªçµ„é–¢é€£æƒ…å ±ã®é…ä¿¡ã€ã‚’å¿…é ˆæ¥å‹™ã¨ã—ã¦å±•é–‹ã™ã‚‹NHKã¯ã€ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã®æä¾›ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã¤ã„ã¦ã€9æœˆã«ä¸€éƒ¨ãƒ¡ãƒ‡ã‚£ã‚¢ã‚’é›†ã‚ã¦èª¬æ˜Žä¼šã‚’å®Ÿæ–½ã—ãŸã€‚ã“ã®æ™‚ã®è³‡æ–™ã¨å ±é“ã‹ã‚‰ã€ãƒãƒƒãƒˆä¸Šã®å—ä¿¡å¥‘ç´„æ‰‹é †ï¼ˆæ¡ˆï¼‰ã¨ãã®ç”»é¢ã«ã¯ã€ã„ã‚ã‚†ã‚‹ãƒ€ãƒ¼ã‚¯ãƒ‘ã‚¿ãƒ¼ãƒ³ï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’é¨™ã—ã€äººã€…ã®åˆ¤æ–ã‚’èª¤ã‚‰ã›ã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã€ç·å‹™çœã®è³‡æ–™ã‚ˆã‚Šï¼‰ãŒå«ã¾ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«è¦‹å—ã‘ã‚‰ã‚Œã‚‹ã€‚ ã€ŒåŒæ„ã—ã¦åˆ©ç”¨ã™ã‚‹ã€ã‚¯ãƒª
teppeis 2024/11/28
nhk

ui
ãƒªãƒ³ã‚¯
LCHã¯ã€UIã«ãƒ™ã‚¹ãƒˆãªã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ï½œhirotoarakawa
Linearã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜äº‹ãŒã™ã”ãè‰¯ã‹ã£ãŸã€‚ A design reset (part I) How we redesigned the Linear UI (part â…¡) ãã®è¨˜äº‹ã®ä¸ã§ã€ŒLCHã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ã€ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ãŸã€‚çŸ¥ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã‚‹ã¨ã€ä»¥ä¸‹ã®è¨˜äº‹ã‚’è¦‹ã¤ã‘ãŸã€‚ ã“ã®è¨˜äº‹ã®å†…å®¹ã‚’æŠœç²‹ã—ãªãŒã‚‰ã€è‡ªåˆ†ç”¨ã«ç°¡æ˜“ãªãƒ¡ãƒ¢ã¨ã—ã¦ã¾ã¨ã‚ã‚‹ã€‚ LCHã¨ã¯ï¼ŸLCHã¯ç°¡å˜ã«è¨€ã†ã¨ã€ç•°ãªã‚‹è‰²ç›¸ã§ã‚‚åŒã˜ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã«è¦‹ãˆã‚‹ã‚ˆã†ã«æ§‹æˆã•ã‚ŒãŸã‚«ãƒ©ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ã€‚ 1976å¹´ã«å›½éš›ç…§æ˜Žå§”å“¡ä¼šÂ (International Commission on Illumination, CIE) ã«ã‚ˆã£ã¦æœ€åˆã«å®šç¾©ã•ã‚ŒãŸè‰²ç©ºé–“ã§ã‚ã‚‹ãŸã‚ã€CIELAB ã¨ã‚‚å‘¼ã°ã‚Œã¦ã„ã‚‹ã€‚ LCH ã¯ã€Lightnessï¼ˆæ˜Žåº¦ï¼‰ã€Chromaï¼ˆå½©åº¦ï¼‰ã€Hueï¼ˆè‰²ç›¸ï¼‰ã®ç•¥ã€‚ HSL ã¨ LCH ã®é•ã„Lightnessï¼ˆæ˜Žåº¦
teppeis 2024/05/06
color

ui

a11y

linear
ãƒªãƒ³ã‚¯
ãã®çŠ¶æ…‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³è€ƒãˆã¦ãªã‹ã£ãŸï¼ã€€UI Stackã£ã¦ãƒŠãƒ‹ï½œkana
ã‚¢ãƒ—ãƒªã®ç”»é¢ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã« ã€Œãªã«ã‚‚ç™»éŒ²ãƒ‡ãƒ¼ã‚¿ãŒãªã„å ´åˆã€ã©ã†è¡¨ç¤ºã—ã¾ã™ã‹ã€ã€Œé¸æŠžã—ãŸã¨ãã®çŠ¶æ…‹ã£ã¦ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã‹ã€ãªã©ã¨èžã‹ã‚Œã¦ ã€Œï½³ï¾œï½±è€ƒãˆã¦ãªã‹ã£ãŸã™ã¿ã¾ã›ã‚“ã€ä»Šä½œã‚Šã¾ã™ã€‚ã€‚ã€ ï¼ˆãªã‚“ã¦è‡ªåˆ†ã¯ãƒãƒ³ã‚³ãƒ„ãªã‚“ã ã€ã€ï½³ï½³ï½³ï¼‰ ã¨ã€ãªã‚ŠãŸããªã„ã§ã™ã‚ˆãã€‚ UI Stackã¯ðŸ‘†ã®ã‚ˆã†ãªçŠ¶æ³ã‚’å›žé¿ã™ã‚‹ã®ã«ä¾¿åˆ©ã§å¤§äº‹ãªè€ƒãˆæ–¹ã ã¨æ€ã£ãŸã®ã§ã€è¨€è‘‰ã®æ„å‘³ã‚’çŸ¥ã‚‰ãªã„æ–¹ã¯ãœã²èªã‚“ã§ã£ã¦ãã ã•ã„ï¼ UI Stack ã‚¢ãƒ¡ãƒªã‚«ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ Scott Hurff ã•ã‚“ãŒä¸–ã«å‡ºã—ãŸ ã€ŒUIã®è€ƒæ…®ã™ã¹ã5ã¤ã®çŠ¶æ…‹ã€ã¨ã„ã†è€ƒãˆæ–¹ã§ã™ 5ã¤ã®çŠ¶æ…‹ ãƒ»Blank Stateï¼ˆç©ºã£ã½ã®çŠ¶æ…‹ï¼‰ ãƒ»Loading Stateï¼ˆãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°çŠ¶æ…‹ï¼‰ ãƒ»Partial Stateï¼ˆéƒ¨åˆ†é”æˆçŠ¶æ…‹ï¼‰ ãƒ»Error Stateï¼ˆã‚¨ãƒ©ãƒ¼çŠ¶æ…‹ï¼‰ ãƒ»Ideal Stateï¼ˆç†æƒ³çŠ¶æ…‹ï¼‰ ä¸€ã¤ä¸€ã¤å‚è€ƒã‚’äº¤ãˆãª
teppeis 2024/02/05
ui
ãƒªãƒ³ã‚¯
Explore AI-Driven UI Patterns | Teardowns.ai
Watch an exampleWatch an example of an interface teardownExplore UI patterns for AI workflowsUnlock a growing library of 100+ image and video teardowns of cutting-edge AI interfaces
teppeis 2024/01/25
ai

ui

matome
ãƒªãƒ³ã‚¯
Designing better target sizes
Intro As a user, you need to interact with clickable UI elements like buttons, links, cards, and more. If an action has a small target size, it will be harder for the user to click, or they might click an adjacent action element by mistake. Letâ€™s take a look at the following example.
teppeis 2024/01/22
ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä¸‰è§’å½¢ã®ã‚„ã¤ã¨ã‹ã€ã‚¿ãƒƒãƒç«¯æœ«ã§æ“ä½œå¯èƒ½ãªã‚µã‚¤ã‚ºãªã©

ui
ãƒªãƒ³ã‚¯
GitHub - fullcalendar/fullcalendar: Full-sized drag & drop event calendar in JavaScript
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
teppeis 2023/12/04
calendar

library

ui

component
ãƒªãƒ³ã‚¯
Tiptap - Dev Toolkit Editor Suite
Transf orm in-line text, images and documents with AI
teppeis 2023/11/29
editor

saas

notion

ui

contenteditable
ãƒªãƒ³ã‚¯
PWA Night vol.57 ï½žèªè¨¼ãƒ»èªå¯ã€œ ã«ã¦ãƒ‘ã‚¹ã‚ãƒ¼ã®è©±ã‚’ã—ã¾ã—ãŸ - r-weblife
ritou ã§ã™ã€‚ ã“ã‚Œã§è©±ã—ã¾ã—ãŸã€‚ pwanight.connpass.com ç™ºè¡¨è³‡æ–™ã¨ç™ºè¡¨å†…å®¹ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ç™ºè¡¨è³‡æ–™ speakerdeck.com ç™ºè¡¨å†…å®¹ å°æœ¬ãƒãƒ©è¦‹ã—ãªãŒã‚‰è©±ã—ãŸã®ã§å®Ÿéš›ã«ã¯ã“ã®ã¨ãŠã‚Šã«ãªã£ã¦ãªã‹ã£ãŸéƒ¨åˆ†ã‚‚ã‚ã‚Šã¾ã™ã€‚ ä»Šæ—¥ã¯ã€ãƒ‘ã‚¹ã‚ãƒ¼ã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ ç´°ã‹ã„è‡ªå·±ç´¹ä»‹ã¯çœç•¥ã—ã¾ã™ã€‚ è‰²ã€…å®£ä¼ã—ãŸã„ã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒãƒ–ãƒã‚°ã«æ›¸ãã¾ã™ã€‚ ä»Šæ—¥ã®å†…å®¹ã§ã™ãŒã€åˆã‚ã«ãƒ‘ã‚¹ã‚ãƒ¼ã®æ¦‚è¦ã«ã¤ã„ã¦ã–ã£ã¨è§¦ã‚Œã¾ã™ã€‚ ç¶šã„ã¦Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãƒ‘ã‚¹ã‚ãƒ¼ã‚’å°Žå…¥ã™ã‚‹ã¨ãªã£ãŸå ´åˆã«ã©ã“ã‹ã‚‰æ‰‹ã‚’ã¤ã‘ã‚‹ã¹ãã‹ã¨ã„ã†ã¨ã“ã‚ã«è§¦ã‚ŒãŸå¾Œã€ä¸€ç•ªã®æ‚©ã¿ã©ã“ã‚ã«ãªã‚Šãã†ãªãƒã‚°ã‚¤ãƒ³ã®UI/UXã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ æ¦‚è¦ã‹ã‚‰ã„ãã¾ã—ã‚‡ã†ã€‚ ãƒ‘ã‚¹ã‚ãƒ¼ã®ç´¹ä»‹è¨˜äº‹ã‚‚ãŸãã•ã‚“å‡ºã¦ã„ã‚‹ã®ã§è¦ç‚¹ã ã‘ã¾ã¨ã‚ã¾ã™ã€‚ ãƒ‘ã‚¹ã‚ãƒ¼ã¨ã¯ã€Œãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãŒä¸è¦ãªèªè¨¼æ–¹å¼ã€ã§ã‚ã‚Šã€ãã‚Œã‚’æ”¯ãˆã‚‹ä»•æ§˜ã¯FIDOã‚¢ãƒ©ã‚¤ã‚¢ãƒ³ã‚¹ã¨W3Cã«ã‚ˆã‚Šç–
teppeis 2023/11/16
passkey

ui
ãƒªãƒ³ã‚¯
Minimalist Affordances: Making the right tradeoffs â€¢ Lea Verou
Usability and aesthetics usually go hand in hand. In fact, there is even what we call the â€œAesthetic Usability Effectâ€: users perceive beautiful interfaces as easier to use and cut them more slack when it comes to minor usabiity issues. Unfortunately, sometimes usability and aesthetics can be at odds, also known as â€œform over functionâ€. Simplicity, and knowing when to stop A common incarnation of
teppeis 2023/11/03
UIã‚¹ãƒˆãƒƒã‚¯ãƒ›ãƒ«ãƒ ç—‡å€™ç¾¤

ui

design

github
ãƒªãƒ³ã‚¯
idcon29ã®Y!Jã®äº‹ä¾‹ã‹ã‚‰ãƒã‚°ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã«ãŠã‘ã‚‹WebAuthnå¯¾å¿œã®èª²é¡Œã‚’è€ƒãˆãŸ - r-weblife
ritouã§ã™ã€‚ idcon ã® Yahoo! JAPAN ã®äººã®è³‡æ–™ã¨å‹•ç”»ã‚’è¦‹ãŸãƒ¡ãƒ¢ã§ã™ã€‚ www.docswell.com youtu.be 2ç”»é¢ã®ãƒã‚°ã‚¤ãƒ³UX p5 2ç”»é¢ã‹ä¸€å›žã§ã‚„ã‚‹ã‹ã®è©±ã¯ã€å€‹äººçš„ã«ã“ã ã‚ã£ã¦ã„ã‚‹ã‚¹ã‚ãƒ£ãƒ³ã®è©±ã‚‚ã‚ã‚Šã¾ã™ãã€‚ Y!Jã¯Federation(RPå´)ã‚’ã‚„ã£ã¦ã„ã¾ã›ã‚“ãŒã€ãƒžãƒãƒ•ã‚©ã®ã‚ˆã†ã«ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼/FederationãŒã‚ã‚‹ã¨ã“ã‚ã«WebAuthnã‚’è¿½åŠ ã™ã‚‹å ´åˆã«ã©ã†ã™ã¹ãã‹ã€ã¿ãŸã„ãªã®ã¯åˆ¥é€”ã©ã“ã‹ã§æ•´ç†ã—ãŸã„æ°—ãŒã—ã¦ã„ã¾ã™ã€‚ æŽ¨æ¸¬ Platform Authenticator ã ã‘ã¯ãªã Yubikeyã¨ã‹ã®Roaming Authenticatorã«å¯¾å¿œã—ã¦ã‚‹å ´åˆã€ãƒªã‚»ãƒƒãƒˆã—ãŸå ´åˆã‚‚åŒã˜ã“ã¨ãŒèµ·ã“ã‚Šãã†ã€‚ ãã‚‚ãã‚‚FIDOã¯ãƒ–ãƒ©ã‚¦ã‚¶ - èªè¨¼å™¨ã¨å¤šæ®µã®å‡¦ç†ã«ãªã£ã¦ã„ã‚‹ã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã®å®Œå…¨ãªã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã£ã¦ã®ã‚‚é›£ã—ãã†ã€‚ ä¾‹ãˆã°ã€Andr
teppeis 2022/10/17
yahoo

webauthn

ui

atode
ãƒªãƒ³ã‚¯
Notion â€“ The all-in-one workspace for your notes, tasks, wikis, and databases.
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
teppeis 2022/07/26
MUIç¤¾ã®NotionãŒå…¬é–‹ã•ã‚Œã¦ãŸ

mui

material

ui

document

notion
ãƒªãƒ³ã‚¯
The Component Gallery
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
teppeis 2022/05/17
ui

component

matome
ãƒªãƒ³ã‚¯
Component Name Matrix | Open UI
Component Name MatrixSection titled Component%20Name%20MatrixThis table shows names of components from various UI works, self cross referenced with each other. Convergence is indicated by color and percentage.
teppeis 2022/05/07
ui

matome
ãƒªãƒ³ã‚¯
ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ„å‘³ï½œusagimaru
ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ã‚ˆã£ã¦ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æŠ€è¡“ã«ã¯è¤‡æ•°ã®æ–¹æ³•ãŒã‚ã‚Šã€é–‹ç™ºå´ã®è¦ä»¶ã‚„åˆ¶ç´„ã€å¥½ã¿ç‰ã«åˆã‚ã›ã¦é©ã—ãŸæŠ€è¡“ã‚’é¸ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ä¾‹ãˆã°iOSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æŠ€è¡“ã«ã¯ã€AppleãŒæä¾›ã™ã‚‹Cocoa Touchï¼ˆãŠã‚ˆã³UIKitã‚„Swift UIãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ç¾¤ï¼‰ãŒã‚ã‚Šã¾ã™ãŒã€ãã®ã»ã‹ã®ãƒ™ãƒ³ãƒ€ãƒ¼ã‹ã‚‰æä¾›ã•ã‚Œã¦ã„ã‚‹æŠ€è¡“ã¨ã—ã¦ã€Flutterã‚„React Native, Titanium, Xamarinãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚å˜åœ¨ã—ã¾ã™ã€‚ ã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒä¸€ç•ªå„ªã‚Œã¦ã„ã‚‹ã®ã‹ã‚’èªžã‚ã†ã¨ã™ã‚‹ã¨å®—æ•™æˆ¦äº‰ã«ç™ºå±•ã—ã¦ã—ã¾ã„ã¾ã™ã®ã§ã€ãã“ã¯é¿ã‘ã¤ã¤ã‚‚ã€Œãƒã‚¤ãƒ†ã‚£ãƒ–ã¨ã¯ä½•ã‹ã€ã®è§£é‡ˆã‚’ã¯ã£ãã‚Šã•ã›ã¦ãŠããŸã„ã¨æ€ã„ã¾ã—ãŸã€‚ ã©ã®ã‚ˆã†ã«ã—ã¦å®Ÿè£…æŠ€è¡“ã‚’é¸ã¶ã®ã‹é–‹ç™ºç¾å ´ã¨ã—ã¦ã¯ã€å¤§æŠµã¯æ¬¡ã®ã‚ˆã†ãªè¦³ç‚¹ã§å®Ÿè£…æŠ€è¡“ã‚’é¸ã¶ã“ã¨ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ»é–‹ç™ºã‚³ã‚¹ãƒˆã€é‹ç”¨ã‚³ã‚¹ãƒˆé‡è¦– ãƒ»é–‹ç™ºã‚¹ãƒ”ãƒ¼ãƒ‰é‡è¦– ãƒ»æŠ€è¡“
teppeis 2022/05/04
electron

1password

ui
ãƒªãƒ³ã‚¯
GitHub - GoogleChromeLabs/form-troubleshooter
teppeis 2022/04/05
google

form

ui

chrome

extension
ãƒªãƒ³ã‚¯
ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã‚ˆã†ï¼ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ - ã‚±ãƒ³ã‚ªãƒ¼ãƒ«ãƒ–ãƒã‚°
ã¾ã¨ã‚ ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«ã¯ä»¥ä¸‹ã®4ã¤ã‚’æŠ¼ã•ãˆã¾ã—ã‚‡ã†ã€‚ ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆæ©Ÿèƒ½ã«æœ€é©åŒ–ã™ã‚‹ éƒµä¾¿ç•ªå·ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯1ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã—ã¦ãƒã‚¤ãƒ•ãƒ³æœ‰ç„¡ã©ã¡ã‚‰ã‚‚å¯¾å¿œã™ã‚‹ ãƒ¢ãƒã‚¤ãƒ«UXå„ªå…ˆãªã‚‰éƒµä¾¿ç•ªå·ãŒå…¥åŠ›ã•ã‚ŒãŸã‚‰å³åº§ã«è£œå®Œã€‚ç²¾åº¦å„ªå…ˆãªã‚‰éƒµä¾¿ç•ªå·è£œå®Œãƒœã‚¿ãƒ³ã‚’è¨ç½® ä½æ‰€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯ã€Œéƒ½é“åºœçœŒã€ã€Œå¸‚åŒºç”ºæ‘ã€ã€Œç”ºåä»¥ä¸‹ã€ã®3ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒåŸºæœ¬ã€‚ã€Œå»ºç‰©ã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³ æœ¬æ–‡ åœ°åŸŸSNSã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã€ECã‚µã‚¤ãƒˆã®é…é€å…ˆå…¥åŠ›ã€è³‡æ–™è«‹æ±‚ã€è‡ªæ²»ä½“ã‚µã‚¤ãƒˆã§ã®é›»åç”³è«‹ãªã©ã€ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ´»ç”¨ã™ã‚‹ä¸Šã§ä½æ‰€å…¥åŠ›ã¯æ¬ ã‹ã™ã“ã¨ãŒã§ãã¾ã›ã‚“ã€‚ ä½æ‰€å…¥åŠ›ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤æ£ç¢ºã«è¡Œãˆã‚‹ã‚ˆã†ãªå…¥åŠ›ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ï¼‰ã¯ã€é›¢è„±çŽ‡ã‚’æ¸›ã‚‰ã—ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ä¸Šã§é‡è¦ã§ã™ã€‚ éƒµä¾¿ç•ªå·ã‚’å…¥åŠ›ã™ã‚‹ã¨å¯¾å¿œã™ã‚‹ä½æ‰€ã‚’è‡ªå‹•å…¥åŠ›ã™ã‚‹æ©Ÿèƒ½ï¼ˆéƒµä¾¿ç•ªå·ã«ã‚ˆã‚‹ä½æ‰€è£œå®Œï¼‰ã¯ã€ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã®æ”¹å–„æ–¹æ³•ã¨ã—ã¦æœ€ã‚‚åŠ¹
teppeis 2022/03/02
1ã¤ã®éƒµä¾¿ç•ªå·ã§è¤‡æ•°ã®çœŒã«ã¾ãŸãŒã‚‹ã®ãŒã‚ã‚‹ã®ã‹ãƒ¼

ux

ui

form
ãƒªãƒ³ã‚¯
Macç‰ˆSafari 15ã®ã€Œã‚¿ãƒ–ã€ã®æ‚²åŠ‡
ã‚¸ãƒ§ãƒ³ãƒ»ã‚°ãƒ«ãƒ¼ãƒãƒ¼ã®ãƒ–ãƒã‚°ã‚ˆã‚Šã€‚ é•·ã‹ã£ãŸiOS 15 Safariã®æ‚ªå¤¢ã¯å…ˆæœˆçµ‚ã‚ã‚Šã€è³žè³›ã«å€¤ã—ã¾ã™ãŒã€WWDCã§ç™ºè¡¨ã•ã‚ŒãŸ2ã¤ã®æ‚ªã„Safariãƒ‡ã‚¶ã‚¤ãƒ³ã®ã†ã¡ã€é‡è¦ã§ãªã„æ–¹ãŒå˜ç¶šã—ã€Macç‰ˆSafari 15ã®æ–°ã—ã„ã‚¿ãƒ–ãŒå®Ÿéš›ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚iPadç‰ˆã®Safari 15ã‚‚åŒæ§˜ã®å•é¡Œã‚’æŠ±ãˆã¦ã„ã¾ã™ãŒã€ã“ã“ã§ã¯Macç‰ˆã«ç„¦ç‚¹ã‚’å½“ã¦ãŸã„ã¨æ€ã„ã¾ã™ã€‚ WWDCã§ç™ºè¡¨ã•ã‚ŒãŸMacç‰ˆSafariã®å¤‰æ›´ã®ã†ã¡ã€æœ€ã‚‚ç‰©è°ã‚’é†¸ã—ä»–ã‚‚ã®ã¯ã€ã‚¿ãƒ–ã¨URLã®ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’å„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®æœ€ä¸Šéƒ¨ã«ä¸€åˆ—ã«åœ§ç¸®ã—ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å…¨ä½“ã‚’ç¾åœ¨æœ€å‰é¢ã«ã‚ã‚‹Webãƒšãƒ¼ã‚¸ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã§è‰²ä»˜ã‘ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ãŒã€ã‚ã‚ŠãŒãŸã„ã“ã¨ã€ Safariã®ç’°å¢ƒè¨å®šã‚¦ã‚£ãƒ³ãƒ‰ã‚¦(ã‚‚ã¡ã‚ã‚“ã€ã‚¿ãƒ–ã®ä¸‹)ã§ã‚ªãƒ•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚¿ãƒ–ã¨ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’åŒã˜åˆ—ã«é…ç½®ã—ã€ã‚¿ãƒ–è‡ªä½“ã‚’URLã®ãƒ†ã‚ã‚¹ãƒˆç·¨é›†ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¨ã—ã¦ä½¿
teppeis 2021/10/04
safari

ios

mac

ui

atode
ãƒªãƒ³ã‚¯
A Deep Dive into Airbnbâ€™s Server-Driven UI System
How Airbnb ships features faster across web, iOS, and Android using a server-driven UI system named Ghost Platform ðŸ‘». By Ryan Brooks Background: Server-Driven UIBefore we dive into Airbnbâ€™s implementation of server-driven UI (SDUI), itâ€™s important to understand the general idea of SDUI and how it provides an advantage over traditional client-driven UI. In a traditional world, data is driven by th
teppeis 2021/09/21
airbnb

ui

architecture
ãƒªãƒ³ã‚¯
Airbnbâ€™s Server-Driven UI System(Ghost Platform) ã®æ„Ÿæƒ³ - laiso
Airbnbâ€™s Server-Driven UI System(Ghost Platform) ã¨ã¯ä½•ã‹ AirbnbãŒç¤¾å†…ã§å–ã‚Šçµ„ã‚“ã§ã„ã‚‹æœ€æ–°UIé–‹ç™ºã‚·ã‚¹ãƒ†ãƒ Ghost Platformã¨ãã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã®åå‰ å…ƒAirbnb Android ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Ryan Brooksã«ã‚ˆã‚‹ãƒã‚¹ãƒˆã‚’å‚ç…§ A Deep Dive into Airbnbâ€™s Server-Driven UI System | by Ryan Brooks | The Airbnb Tech Blog | Medium A Deep Dive into Airbnbâ€™s Server-Driven UI System ã©ã†ã„ã†ã‚‚ã®ã‹ ã‚µãƒ¼ãƒãƒ¼(API)ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã¨ç”»é¢æ§‹é€ (UI)ã‚’é…ä¿¡ã—ã¦å„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§å†ç”Ÿã™ã‚‹ä»•çµ„ã¿ UIè¨€èªžéƒ¨åˆ†ã‚’æŠ½è±¡åŒ–ã—ãŸã‚‚ã® Webã€iOSã€Androidã«å¯¾å¿œã™ã‚‹ ãªãœç”»é¢æ§‹é€ ã‚’é…ä¿¡ã™ã‚‹ã®
teppeis 2021/09/21
mobile

graphql

ui

architecture

airbnb
ãƒªãƒ³ã‚¯
GitHub - moroshko/react-autosuggest: WAI-ARIA compliant React autosuggest component
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
teppeis 2021/08/13
react

ui
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸