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

heavenshell id:heavenshell

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

${{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}}

Patterns | APG | WAI | W3C
An accordion is a vertically stacked set of interactive headings that each contain a title, content snippet, or thumbnail representing a section of content.
heavenshell 2024/10/17
ui
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIãƒ‘ã‚¿ãƒ¼ãƒ³ - ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ç·¨ï¼ˆå…¬é–‹ç‰ˆï¼‰ / UI Patterns of Desktop Applications - Window Layouts
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIãƒ‘ã‚¿ãƒ¼ãƒ³ - ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ç·¨ï¼ˆå…¬é–‹ç‰ˆï¼‰ macOSã‚‰ã—ã„ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãŸã‚ã«å½¹ç«‹ã¤åŸºæœ¬ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ macOS native Symposium #09 https://macos-native.githâ€¦
heavenshell 2023/07/10
mac

ui
ãƒªãƒ³ã‚¯
Passkey autofillã‚’åˆ©ç”¨ã—ãŸãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒã‚°ã‚¤ãƒ³å°Žå…¥ã§å¾—ãŸã‚‚ã®ã¨ã€å¾—ã‚‰ã‚Œãªã‹ã£ãŸã‚‚ã® - Money Forward Developers Blog
English version of this article is available here ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€CTOå®¤ IDã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºéƒ¨ã®yamato(@8ma10s)ã§ã™ã€‚ ãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ IDã¨ã„ã†ã€å½“ç¤¾ã‚µãƒ¼ãƒ“ã‚¹å‘ã‘ã®IdPã‚’é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã“ã®ãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ IDã«ãŠã„ã¦ã€ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’ä½¿ã‚ãšã«ã€ç”Ÿä½“èªè¨¼ãªã©ã‚’åˆ©ç”¨ã—ã¦ãƒã‚°ã‚¤ãƒ³ã§ãã‚‹ã€Œãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒã‚°ã‚¤ãƒ³ã€ã¨ã„ã†æ©Ÿèƒ½ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ ã¾ãŸã€ä»Šå›žã®ãƒªãƒªãƒ¼ã‚¹ã§ã¯ã€æ—¢ã«ã„ãã¤ã‹ã®ä»–ç¤¾ã‚µãƒ¼ãƒ“ã‚¹ã§å°Žå…¥ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªé€šå¸¸ã®ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒã‚°ã‚¤ãƒ³UIã§ã¯ãªãã€ã€ŒPasskey autofillã€ã¨ã„ã†ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è‡ªå‹•è£œå®Œã‚’åˆ©ç”¨ã™ã‚‹æ–°ã—ã„ã‚¿ã‚¤ãƒ—ã®ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒã‚°ã‚¤ãƒ³UI ã‚’ï¼ˆæã‚‰ãæ—¥æœ¬ã®ã‚µãƒ¼ãƒ“ã‚¹ã§åˆã‚ã¦ã€‚ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã«è§¦ã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¨ã„ã†æ„å‘³ã§ã¯ã€ãŠãã‚‰ãä¸–ç•Œã§ã‚‚åˆã‚ã¦ï¼‰å°Žå…¥ã—ã¦ã„ã¾ã™ã€‚ ç§é”ãŒã©ã†ã„ã£ãŸéŽç¨‹ã§ã€
heavenshell 2023/04/06
ui
ãƒªãƒ³ã‚¯
Patterns Â |Â web.dev
Web Platform Dive into the web platform, at your pace.
heavenshell 2022/10/12
ui

development
ãƒªãƒ³ã‚¯
HTMLã§ãƒ¢ãƒ¼ãƒ€ãƒ«UIã‚’ä½œã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„ã“ã¨ - ICS MEDIA
ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚„ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã„ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã¯ã€å¤šãã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§åˆ©ç”¨ã•ã‚Œã¦ãŠã‚Šé »ç¹ã«è¦‹ã‹ã‘ã¾ã™ã€‚ã©ã“ã§ã‚‚è¦‹ã‹ã‘ã‚‹ã“ã¨ã‹ã‚‰ã€Œç°¡å˜ã«ä½œæˆã§ãã‚‹ã€ã¨æ€ã‚ã‚ŒãŒã¡ã§ã™ãŒã€æ„å¤–ã¨å®Ÿè£…ãŒé›£ã—ã„UIã§ã™ã€‚ãŸã¨ãˆã°ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ãªãã¨ã‚‚ã€ä»¥ä¸‹ã®ã‚ˆã†ãªç¾è±¡ã«æ°—ä»˜ã„ãŸã“ã¨ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’è¡¨ç¤ºä¸ã«ã€è£å´ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã¦ã—ã¾ã£ãŸ ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’è¡¨ç¤ºä¸ã«ã€Tabã‚ãƒ¼ã§ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã‚’è¡Œã†ã¨è£å´ã‚’æ“ä½œã§ãã¦ã—ã¾ã£ãŸ â–¼è£å´ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã¦ã—ã¾ã†ä¾‹ â–¼è£å´ãŒã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã§ãã¦ã—ã¾ã†ä¾‹ ã“ã‚Œã‚‰ã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã¯ã€å®Ÿè£…ã§æ³¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚„ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç‰ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ç³»ã®UIã«å˜åœ¨ã™ã‚‹æ°—ä»˜ãã¥ã‚‰ã„å•é¡Œç‚¹ã¨ã€è§£æ±ºæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ãã‚Œãžã‚Œå½¹å‰²ã®ç•°ãªã‚‹UIã§ã™ãŒã€ç”»é¢å…¨åŸŸã‚’è¦†ã†UIã¨ã„ã†æ„å‘³ã«ãŠã„ã¦åŒç¨®
heavenshell 2022/06/23
javascript

ui
ãƒªãƒ³ã‚¯
ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆå¿ƒè€…å‘ã‘ã€‘ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’ä¸Šã’ã‚‹ã¡ã‚‡ã„ãƒ†ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºãŒåˆã‚ã¦ã®äººãŒæ„å¤–ã¨æŠœã‘ãŒã¡ãªè¦³ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ åˆã‚ã«ã–ã£ãã‚Šã¨æ¦‚è¦ã‚’è©±ã™ã¨ã€Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯è¡¨ç¾ã—ã¥ã‚‰ã„ã‚‚ã®ã€ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¯é™çš„ãªã‚‚ã®ãªã®ã§(ãŸã¾ã«ãŒã£ã¤ã‚Šãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã£ãŸã‚Šã‚‚ã‚ã‚Šã¾ã™ãŒ)ã€ã„ã‚ã‚†ã‚‹"çŠ¶æ…‹"ã‚’è¡¨ç¾ã™ã‚‹ã®ãŒé›£ã—ã‹ã£ãŸã‚ŠæŠœã‘ãŸã‚Šã—ãŒã¡ã§ã™ã€‚ å…·ä½“çš„ã«è¨€ã†ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€Emptyã€ã‚¨ãƒ©ãƒ¼ãªã©ã§ã™ã€‚ã“ã‚Œã‚‰ã‚’ã‚ˆã—ãªã«è£œå®Œã§ãã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã‚‚ãã£ã¨ã€Œé ¼ã‚Šã«ãªã‚‹ã…ï¼ã€ã¨æ€ã‚ã‚Œã‚‹ã“ã¨é–“é•ã„ãªã„ã§ã—ã‚‡ã†ã€‚ ã¨è¨€ã†ã‚ã‘ã§ãã‚“ãªä¾‹ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ä»Šå¾Œã‚‚æ€ã„ã¤ã„ãŸã‚‰è¿½åŠ ã™ã‚‹å¯èƒ½æ€§ãŒç„¡ãã«ã—ã‚‚éžãšã€‚ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å‡ºãã† ã“ã†è¨€ã†ã‚¯ãƒ«ã‚¯ãƒ«ã™ã‚‹ã‚„ã¤ã¨ã‹ ã“ã‚“ãªæ„Ÿã˜ã§ã‚·ãƒ¥ã‚¤ãƒ³ã‚·ãƒ¥ã‚¤ãƒ³ã™ã‚‹ã‚„ã¤ãŒã‚ã‚Šã¾ã™ã€‚ åŸºæœ¬çš„ã«ãƒ¦ãƒ¼ã‚¶ãŒã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã—ãŸæ™‚ã«å¾…ãŸã›ã‚‹å ´åˆã¯å¿…ãšè¡¨ç¤ºã•ã›ã¾ã—ã‚‡ã†ã€‚ ãƒ
heavenshell 2021/07/01
design

ui
ãƒªãƒ³ã‚¯
Game UI Database
Visualizers Default Greyscale Filter Protanopia Filter Deuteranopia Filter Tritanopia Filter Inversion Scanline/CRT ?????????
heavenshell 2020/12/07
ui

development
ãƒªãƒ³ã‚¯
Threads in Slack: A Long Design Journey (Part 1 of 2) â€¢ Slack Design
From time to time we run classic posts from our old design blog that show how Slack was built. This one was originally published in 2016, by former Senior Product Designer Hubert Florin. On August 19, 2014 at 11:46 AM, Stewart Butterfield, CEO of Slack, created a new channel called #feat-rxns and invited a few members of the Slack team to join the conversation. The purpose of this channel was to b
heavenshell 2020/10/15
ui
ãƒªãƒ³ã‚¯
UI Design Daily | Open Source UI Resources
Subscribe to our newsletterJoin 19000+ subscribers getting UI resources straight to their inbox
heavenshell 2020/06/21
design

ui
ãƒªãƒ³ã‚¯
Replit â€” CLUI: Building a Graphical Command Line
â€œCommand line interfaces. Once that was all we had. Then they disappeared, replaced by what we thought was a great advance: GUIs. GUIs were - and still are - valuable, but they fail to scale to the demands of today's systems. So now command line interfaces are back again, hiding under the name of search. Now you see them, now you don't. Now you see them again. And they will get better and better w
heavenshell 2020/03/06
ui
ãƒªãƒ³ã‚¯
Home
The digital world never sits still, and neither does design. As ...
heavenshell 2020/03/05
ui
ãƒªãƒ³ã‚¯
ã€Œé«˜é½¢è€…UIãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—æ¤œè¨¼ã®å¦ã³ã€ã«ã¤ã„ã¦ã®é‡è¦ãƒã‚¤ãƒ³ãƒˆã¨è³ªå•ã®å›žç”ï½œæ•·åœ° ç¢ä¹Ÿ/ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Ubieï½œnote
ã“ã‚“ã«ã¡ã¯ã€‚Ubie ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ•·åœ°(@shikichee)ã§ã™ã€‚ 11/16 (é‡‘)ã«ã€s-dev talks ã€œã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºå‹‰å¼·ä¼šã€œ #5 ã€Œãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã€ãŒé–‹å‚¬ã•ã‚ŒãŸã®ã§ã™ãŒã€20åˆ†ã®æž ã§ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ AIåŒ»ç™‚ç³»ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã®Ubieã«ã¦ã€ç›®çš„ãªããƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã®å¤±æ•—äº‹ä¾‹ã¨ã€èª²é¡Œç™ºè¦‹ã®ãŸã‚ã«ä½•ã‚’ã—ãŸã‹ã€é«˜é½¢è€…å‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³ã®çŸ¥è¦‹ã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€å½“æ—¥è©±ã›ãªã‹ã£ãŸé‡è¦ãƒã‚¤ãƒ³ãƒˆã‚„çš†æ§˜ã®åå¿œã‹ã‚‰ã„ãã¤ã‹ã”å›žç”ã—ã¾ã™ï¼ ç›®æ¬¡ ï¼‘ï¼šåˆæœŸãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒ†ã‚¹ãƒˆã§å¤±æ•—ã—ãŸåŽŸå› ï¼’ï¼šãªãœä½¿ã‚ã‚Œã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆã¸ã¨é€²åŒ–ã§ããŸã®ã‹ï¼Ÿ ï¼“ï¼šé«˜é½¢è€…å‘ã‘UIã®ç€æƒ³ã¯ã©ã“ã‹ã‚‰æ¥ãŸã®ã‹ ï¼”ï¼šç™ºè¡¨ã§è©±ã›ãªã‹ã£ãŸé«˜é½¢è€…ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ°—ã¥ã ï¼•ï¼šè³ªç–‘å¿œç”ã€ æ‡‡è¦ªä¼šã€ twitterã‚ˆã‚Šè£œè¶³ ï¼–ï¼šã¾ã¨ã‚ã¨ç™»å£‡ã—ã¦ã¿ãŸæ„Ÿæƒ³ï¼‘ï¼šåˆæœŸãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒ†ã‚¹ãƒˆã§å¤±æ•—ã—ãŸåŽŸå› æœ€åˆã«ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒAdobeXDã§44æžšã®ç”»
heavenshell 2020/02/26
ui
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŸ¥ã£ã¦ãŠããŸã„æµ·å¤–ã®å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ 17é¸ | ãƒ™ã‚¤ã‚¸ã®UIãƒ©ãƒœï½žæ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã¨SaaSã®UIã‚’è€ƒãˆã‚‹
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯ã€ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã™ã‚‹ä¸Šã§å¿…è¦ã¨ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¦‚å¿µã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ãªã©ã§æ§‹æˆã•ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ«ãƒ¼ãƒ«ã§ã™ã€‚ Salesforce.comã®ã€ŒLightning Design Systemã€ãŒ2015å¹´ã«ç™»å ´ã—ã¦ä»¥æ¥ã€å¤šãã®ä¼æ¥ãŒã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’å°Žå…¥ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã§æœ‰åãªUXPinãŒæä¾›ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€Œadeleã€ã§ã¯ã€90å€‹ä»¥ä¸Šï¼ˆ2019å¹´12æœˆç¾åœ¨ï¼‰ã‚‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®ä¼æ¥ã®ãƒ©ã‚¤ãƒ³ãƒŠãƒƒãƒ—ã‚’è¦‹ã‚‹ã¨ã€å¤§æ‰‹ITãƒ™ãƒ³ãƒ€ãƒ¼ã€SaaSãƒ™ãƒ³ãƒ€ãƒ¼ã®ã¿ãªã‚‰ãšã€è‡ªæ²»ä½“ã€é‡‘èžæ©Ÿé–¢ã€å¤§å¦ãªã©å¤šãã®æ¥ç•Œã§ã€çµ„ç¹”ã®ãƒ–ãƒ©ãƒ³ãƒ‰ç¢ºç«‹ã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’æ´»ç”¨ã—ã¦ã„ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ Googleã‚„AppleãŒæä¾›ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¯ã€æ—¢ã«å¤šãã®ãƒ–ãƒã‚°ã§èªžã‚Šã¤ãã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ä»–ã®ä¼æ¥ã§ã‚‚ç´ æ™´ã‚‰
heavenshell 2019/12/24
ui
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šè‰¯ã„ç›¸å¯¾æ—¥æ™‚è¡¨è¨˜ã«ã¤ã„ã¦ã®è€ƒå¯Ÿ
ãƒ‹ãƒ¥ãƒ¼ã‚¹ç³»ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¨˜äº‹ãƒªã‚¹ãƒˆã‚„ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãªã©ã§ã¯ã€å„è¨˜äº‹ã®å…¬é–‹æ—¥æ™‚ã‚’ç›¸å¯¾è¡¨è¨˜ã§è¡¨ç¾ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã€Œ5åˆ†å‰ã€ã€Œ3æ™‚é–“å‰ã€ã€Œãã®ã†ã€ã¨ã„ã†ã‚ˆã†ã«ã€è¨˜äº‹ã®å…¬é–‹ã‹ã‚‰ã©ã‚Œã ã‘æ™‚é–“ãŒçµŒéŽã—ã¦ã„ã‚‹ã‹ã‚’è¡¨ç¾ã™ã‚‹å½¢å¼ã§ã™ã€‚å…·ä½“çš„ã«ã¯ã€JavaScriptã§è¨˜äº‹ã®ã‚¿ã‚¤ãƒ ã‚¹ã‚¿ãƒ³ãƒ—ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§æ™‚ã®æ—¥æ™‚ã¨æ¯”è¼ƒã—ã€ç›¸å¯¾è¡¨è¨˜ã«å¤‰æ›ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ä¸€æ–¹ã€ã€Œ2018å¹´10æœˆ1æ—¥ã€ã®ã‚ˆã†ãªå½¢å¼ã¯çµ¶å¯¾è¡¨è¨˜ã¨å‘¼ã°ã‚Œã¾ã™ã€‚å„è¨˜äº‹ã®å€‹åˆ¥ãƒšãƒ¼ã‚¸ã§ã¯çµ¶å¯¾è¡¨è¨˜ãŒæŽ¡ç”¨ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ ã‚‚ã£ã¨ã‚‚å˜ç´”ãªç›¸å¯¾æ—¥æ™‚ã®å®Ÿè£…ã¯ã€60åˆ†å‰ã¾ã§ã¯ã€Œmåˆ†å‰ã€ã€24æ™‚é–“å‰ã¾ã§ã¯ã€Œhæ™‚é–“å‰ã€ã€ãã—ã¦ãã‚Œã‚ˆã‚Šå‰ã¯ã€Œdæ—¥å‰ã€ã¨ã„ã†ã‚ˆã†ã«ã€æ™‚é–“ã®å˜ä½ã©ãŠã‚Šæ©Ÿæ¢°çš„ã«å‡¦ç†ã—ãŸã‚‚ã®ã§ã™ã€‚ã—ã‹ã—ç§ãŸã¡ã®æ—¥æ™‚ã®æ‰ãˆæ–¹ã¯ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚„æ™‚è¨ˆã®ã¨ãŠã‚Šã§ã¯ãªãã€ã‚‚ã£ã¨æ„Ÿè¦šçš„ãªã‚‚ã®ã§ã™ã€‚æ—¥æ™‚ã®ç›¸å¯¾è¡¨è¨˜ã‚’å°Žå…¥ã™ã‚‹æ„ç¾©ã¯ã€æ£ç¢ºã«ä½•æ™‚é–“ä½•åˆ†å‰ã®è¨˜äº‹
heavenshell 2018/11/20
ui
ãƒªãƒ³ã‚¯
ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®ã©ã“ã«è¡¨ç¤ºã™ã‚‹ã¹ãã‹ - ãƒãƒƒãƒ—ã‚¤ãƒ³ã‚µã‚¤ãƒˆ
UX Movementã®è‘—è€…ãŠã‚ˆã³è¨ç«‹è€…ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚ãƒ«ã®é–‹ç™ºã‚’æ‰‹åŠ©ã‘ã—ã¦ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªä¸–ç•Œã®ãŸã‚ã«ã€ã“ã®ãƒ–ãƒã‚°ã‚’å‰µè¨ã—ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ã©ã“ã«ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é…ç½®ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã€€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æœŸå¾…ã™ã‚‹å ´æ‰€ã«ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒç½®ã‹ã‚Œã¦ã„ãªã„ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’å®Œäº†ã§ããªããªã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’é–“é•ãˆãŸã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãã‚Œã‚’ä¿®æ£ã—ã¦é€ä¿¡ã—ç›´ã™ãŸã‚ã«ã€ãªã«ãŒé–“é•ã£ã¦ã„ãŸã®ã‹ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Œäº†ã—ã‚ˆã†ã¨æ€ã£ã¦ã„ãŸã¨ã—ã¦ã‚‚ã€ãã‚ŒãŒã‚ã¾ã‚Šã«ã‚‚å¤§å¤‰ã§ã‚ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¿ƒå¤‰ã‚ã‚Šã—ã¦ã—ã¾ã†ã§ã—ã‚‡ã†ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸Šã‹ã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã‹ ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®é…ç½®å ´æ‰€ã§ã‚‚ã£ã¨ã‚‚ä¸€èˆ¬çš„ãªã®ã¯ã€ã€Œãƒ•ã‚©ãƒ¼ãƒ ã®ä¸Šã€ã¨ã€ã€Œã‚¨ãƒ©ãƒ¼ã®ã‚ã‚‹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã€ã¨ã„ã†ï¼’ç®‡æ‰€ã§ã™ã€‚ã©ã¡ã‚‰ã®é…ç½®å ´æ‰€ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã‚ˆã‚Šç›´æ„Ÿçš„ã§ã—ã‚‡ã†ã‹ï¼Ÿ èª¿æŸ»ã«
heavenshell 2018/08/28
ui
ãƒªãƒ³ã‚¯
PatternFly
Design and build better product experiences in the open with PatternFlyPatternFly is an open source design system that enables teams to create consistent and scala ble enterprise products. PatternFly is sponsored and maintained by Red Hat, but is open to all.
heavenshell 2018/06/13
ui

javascript
ãƒªãƒ³ã‚¯
IntelliJ Platform: Open Source Platform for Building Developer Tools
heavenshell 2017/08/18
ui

javascript
ãƒªãƒ³ã‚¯
Backlog UI ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®èˆžå°è£ / Backlog Renewal UI
2017å¹´4æœˆ13æ—¥ã®ã€ŒDevLOVE é–¢è¥¿ã€Žãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®é›£ã—ã•ã€ã€ã«ã¦ç™ºè¡¨ã•ã‚ŒãŸã€Backlog UI ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®èˆžå°è£ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
heavenshell 2017/05/01
ui
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | OOUI â€“ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°
æœ€è¿‘ã€OOUX ã¨ã„ã†è¨€è‘‰ã‚’è¦‹èžãã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã®åˆ©ç”¨è€…ä½“é¨“ï¼ˆObject-Oriented User Experienceï¼‰ã®ã“ã¨ã§ã€ã„ãã¤ã‹ã®è¨˜äº‹ã‚’èªã‚“ã ã¨ã“ã‚ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è¨è¨ˆã«ãŠã„ã¦ç”»é¢ã¨ãƒ‡ãƒ¼ã‚¿ã‚’å¯¾å¿œã¥ã‘ã‚‹éš›ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‰‹æŽ›ã‹ã‚Šã«ã™ã‚‹ã¨ã„ã†æ–¹æ³•è«–ã®ã‚ˆã†ã§ã™ã€‚ã¤ã¾ã‚Š OOUX ã¯ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨è¨€ã„æ›ãˆã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚ãã†ã™ã‚‹ã¨å®Ÿã¯ä»¥å‰ã‹ã‚‰ãã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã‚ã‚Šã€ã€ŒOOUIï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰ã€ã¨å‘¼ã°ã‚Œã¦ã„ãŸã®ã§ã™ã€‚æœ€è¿‘ã«ãªã£ã¦ OOUX ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚ã‚Œã‚‹ã®ã¯ã€OOUI ã®ã“ã¨ã‚’çŸ¥ã‚‰ãªã‹ã£ãŸã‹ã€ã‚‚ã—ãã¯æµè¡Œèªžã§ã‚ã‚‹ã€ŒUXã€ã‚’ç”¨ã„ãŸæ–¹ãŒã‹ã£ã“ã„ã„ã¨è€ƒãˆãŸã‹ã‚‰ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã€GUI ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
heavenshell 2016/12/13
ui
ãƒªãƒ³ã‚¯
JavaScriptã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã©ã†ã‚ã‚‹ã¹ãã‹ã¨ã„ã†è©±ã¨Onsen UIã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ - id:anatooã®ãƒ–ãƒã‚°
Onsen UI Advent Calendar ã®12/9ã®è¨˜äº‹ã§ã™ã€‚ Onsen UIã¯ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãƒ©ã‚¤ã‚¯ãªUIã‚’HTML + CSS + JavaScriptã§ç°¡å˜ã«æ§‹ç¯‰ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™(UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‚‚ãŸã¾ã«å‘¼ã°ã‚Œã¾ã™)ã€‚ â†“ã¿ãŸã„ãªãƒã‚¤ãƒ†ã‚£ãƒ–ãªãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã£ã½ã„ç”»é¢ã‚’ã‚µã‚¯ãƒƒã¨ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ç§ã¯æ•°å¹´å‰ã‹ã‚‰é–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼ã¨ã—ã¦Onsen UIã®è¨è¨ˆé–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€Onsen UIã«æ±‚ã‚ã‚‰ã‚Œã‚‹UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã®è¦ä»¶ã¨ãã‚Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã©ã®ã‚ˆã†ãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’å–ã£ã¦ã„ã‚‹ã®ã‹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ç‰¹å®šã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ä¾å˜ã—ãªã„ jQuery UIã‚„Reactã®ä¸Šã«ä¹—ã£ã‹ã£ã¦ã„ã‚‹UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã®ã‚ˆã†ã«ç‰¹å®šã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä»•çµ„ã¿ã‚’ä½¿ã£ã¦å®Ÿè£…ã•ã‚ŒãŸUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã„ã†ã®ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ã‚ã‚‹ç‰¹å®šã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯
heavenshell 2016/12/09
ui
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 æ¬¡ã®ãƒšãƒ¼ã‚¸