[B! UI] mather314ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mather314 id:mather314

UIã«é–¢ã™ã‚‹mather314ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

Selection controlsâ€Šâ€”â€ŠUI component series
The word â€œtoggleâ€ is a reference to a switch with a short handle that alternates between two states each time it is activated. You encounter it every time you â€œswitchâ€ on the lights. As for â€œRadio Buttonsâ€ the word comes from the car radios that as common practice had a set of buttons under the dial that could mechanically store station presets, so the user switch between stations faster. Pressing
mather314 2023/05/10
å‚è€ƒã«ãªã‚‹

UI
ãƒªãƒ³ã‚¯
ã‚½ãƒªãƒƒãƒ‰ã¨ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã€ã©ã¡ã‚‰ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒèªè˜ã—ã‚„ã™ã„ã‹
ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã‚½ãƒªãƒƒãƒ‰ã¨ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã€ã©ã¡ã‚‰ã‚’ä½¿ç”¨ã™ã‚‹ã‹æ±ºã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„å ´åˆãŒã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ å¥½ã¿ã§æ±ºã‚ã‚‹ã¨ã„ã†äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãã‚Œãžã‚Œåˆ†ã‹ã‚Šã‚„ã™ã„å ´åˆã¨åˆ†ã‹ã‚Šã«ãã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã©ã®ã‚ˆã†ãªå ´åˆã«ã‚½ãƒªãƒƒãƒ‰ã‚’ä½¿ã„ã€ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ä½¿ã†ã¨ã‚ˆã„ã®ã‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ä¸‹è¨˜ã¯ã€å·¦ãŒéŽåŽ»ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã€å³ãŒç¾åœ¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã§ã™ã€‚ Solid Vs. Outline Icons: Which Are Faster to Recognize? by UX Movement ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ä¸Žãˆã‚‹å½±éŸ¿ ã‚¢ã‚¤ã‚³ãƒ³ã«ãŠã‘ã‚‹ç‰¹å¾´çš„ãªæ‰‹ãŒã‹ã‚Š ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚¢ã‚¤ã‚³ãƒ³ãŒé€Ÿã„å ´åˆ ã‚½ãƒªãƒƒãƒ‰ã‚¢ã‚¤ã‚³ãƒ³ãŒé€Ÿã„å ´åˆ ã‚¹ã‚¿ã‚¤ãƒ«ã«é•ã„ãŒãªã„å ´åˆ ãƒœã‚¿ãƒ³ã¨ã—ã¦ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½¿ç”¨ã™
mather314 2019/03/12
ã‚¢ã‚¤ã‚³ãƒ³

design

UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã‚€ãšã‹ã—ã™ãŽã‚‹ï¼äº”è¼ªå¤§ä¼šãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢å¿œå‹Ÿãƒ•ã‚©ãƒ¼ãƒ (ç¥žç”°æ•æ™¶) - å€‹äºº - Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹
KNNãƒãƒ¼ãƒ«ç¥žç”°ã§ã™ã€‚ ã„ã‚ˆã„ã‚ˆã€æ±äº¬äº”è¼ªã®å¤§ä¼šãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢å‹Ÿé›†ãŒé–‹å§‹ã¨ãªã£ãŸã€‚ ã€Žãƒ–ãƒ©ãƒƒã‚¯ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ã€ãªã©ã¨ãƒãƒƒãƒˆã§ã„ãã‚‰è¨€ã‚ã‚Œã‚ˆã†ã¨ã‚‚ã€ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ã™ã‚‹å´ãŒç´å¾—ã—ã¦ã„ã‚Œã°ã€ãã‚Œã¯ãƒ–ãƒ©ãƒƒã‚¯ãªãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ã§ã¯ãªã„ã¨æ€ã†ã€‚æ¯å›½ã®äº”è¼ªã®ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ã§å¾—ã‚‰ã‚Œã‚‹çµŒé¨“ã¯ã€äººç”Ÿã®ã†ã¡ã€ä½•åº¦ã‚‚ã‚ã‚‹ã‚‚ã®ã§ã¯ãªã„ã‹ã‚‰ã ã€‚ ãƒœã‚¯ãŒ1963å¹´ã®æ±äº¬äº”è¼ªã®è–ç«ãƒªãƒ¬ãƒ¼ã‚’è¦‹ãŸã®ã¯ç¥žæˆ¸å¸‚ã®å…µåº«åŒºã ã£ãŸã€‚ãŸã£ãŸï¼’æ³ã§ã‚ã£ãŸãŒã€ã‚ã®é›¨ã®æ—¥ã®è–ç«ãƒªãƒ¬ãƒ¼ã¯ã€ã—ã£ã‹ã‚Šã¨è„³è£ã«ç„¼ãä»˜ã„ã¦ã„ã‚‹ã€‚ã ã‹ã‚‰ã“ãã€ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ã§ã‚‚äº”è¼ªã«å‚åŠ ã—ãŸã„ã¨è€ƒãˆã¦ã„ã‚‹ã€‚ 1963å¹´10æœˆç¥žæˆ¸å¸‚å…µåº«åŒºä¸Šæ²¢é€š3ä¸ç›®ã€€å‡ºå…¸:ç¥žç”°å‹æ²»æ’®å½±11ä¸‡äººã®ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ãŒå¿…è¦ã¨ã•ã‚Œã¦ã„ã‚‹å¤§ä¼šãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ãŒï¼˜ä¸‡äººï¼ˆçµ„ç¹”å§”å“¡ä¼šï¼‰ã€ãã—ã¦ã€éƒ½å¸‚ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ãŒï¼“ä¸‡äººï¼ˆæ±äº¬éƒ½ï¼‰ã®å‹Ÿé›†ãŒæ˜¨æ—¥ï¼ˆ2018/09/26ï¼‰ã‚ˆã‚Šé–‹å§‹ã¨ãªã£ãŸã€‚ãã‚Œãžã‚Œã®ç”³ã—è¾¼ã¿ãƒšãƒ¼ã‚¸ãŒå…¬é–‹ã•ã‚ŒãŸã€‚ å¤§ä¼šãƒœ
mather314 2018/09/27
UIã¨ã‹ãã†ã„ã†ãƒ¬ãƒ™ãƒ«ã§ã¯ãªã„ãªâ€¦ã€‚ã©ã“ã«ã„ãã‚‰ã§ä¾é ¼ã—ãŸã‚“ã ã‚ã†â€¦ã€‚

ã“ã‚Œã¯ã²ã©ã„

web

UI
ãƒªãƒ³ã‚¯
Nintendo Switchã®UIã¯ãªãœä½¿ã„å‹æ‰‹ãŒã„ã„ã®ã‹!? å…¨å“¡ã§ä½“é¨“ã—ã€â€œã‚ãŸã‚Šã¾ãˆâ€ã‚’ç£¨ãä»»å¤©å ‚ã®ã‚‚ã®ä½œã‚Šã€CEDEC 2018ã€‘ - ãƒ•ã‚¡ãƒŸé€š.com
å‰è¿°ã—ãŸã‚ˆã†ã«ã€æœ¬ä½“æ©Ÿèƒ½ã¨ã¯ã‚²ãƒ¼ãƒ æ©Ÿæœ¬ä½“ã«æœ€åˆã‹ã‚‰å†…è”µã•ã‚Œã¦ã„ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ã“ã¨ã€‚ä»»å¤©å ‚ã®å®¶åºç”¨ã‚²ãƒ¼ãƒ æ©Ÿã§åˆã‚ã¦å®Ÿè£…ã•ã‚ŒãŸã®ã¯ã€2001å¹´ã«ç™ºå£²ã•ã‚ŒãŸ ãƒ‹ãƒ³ãƒ†ãƒ³ãƒ‰ãƒ¼ ã‚²ãƒ¼ãƒ ã‚ãƒ¥ãƒ¼ãƒ–ã§ã€å½“æ™‚ã¯ã‚»ãƒ¼ãƒ–ãƒ‡ãƒ¼ã‚¿ç®¡ç†ãªã©ã ã£ãŸã€‚ä»¥é™ã€ãƒ‹ãƒ³ãƒ†ãƒ³ãƒ‰ãƒ¼DSã€Wiiã€ãƒ‹ãƒ³ãƒ†ãƒ³ãƒ‰ãƒ¼3DSã€WII Uã¨ãƒãƒ¼ãƒ‰ãŒé€²åŒ–ã™ã‚‹ã«ã¤ã‚Œã€ã•ã¾ã–ã¾ãªã‚·ã‚¹ãƒ†ãƒ ã‚„ã‚µãƒ¼ãƒ“ã‚¹ãŒè¿½åŠ ã•ã‚Œã¦ã„ã£ãŸã€‚ã“ã†ã—ãŸå¤šæ©Ÿèƒ½åŒ–ã«åŠ ãˆã€ä»»å¤©å ‚ã®ã‚²ãƒ¼ãƒ æ©Ÿä»¥å¤–ã§ã‚‚å¤šæ©Ÿèƒ½ã§ã‚²ãƒ¼ãƒ ã‚’éŠã¹ã‚‹ãƒ‡ãƒã‚¤ã‚¹ãŒã¤ãŽã¤ãŽã«å‡ºç¾ã€‚ãã†ã—ãŸçŠ¶æ³ã®ä¸ã€ãƒ‹ãƒ³ãƒ†ãƒ³ãƒ‰ãƒ¼ã‚¹ã‚¤ãƒƒãƒã‚‚åŒã˜å¤šæ©Ÿèƒ½åŒ–ã‚’ç›®æŒ‡ã™ã“ã¨ã®æ˜¯éžã‹ã‚‰è€ƒãˆç›´ã—ãŸãã†ã ã€‚ãã®çµæžœã€ãŸã©ã‚Šç€ã„ãŸç”ãˆãŒâ€œã‚²ãƒ¼ãƒ æ©Ÿãªã®ã§ã€ã‚²ãƒ¼ãƒ ã§éŠã¶ã«ç‰¹åŒ–ã—ã‚ˆã†â€ã¨ã€åŽŸç‚¹å›žå¸°ã—ãŸã˜ã¤ã«ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã€‚ã€Œã“ã‚ŒãŒãƒ‹ãƒ³ãƒ†ãƒ³ãƒ‰ãƒ¼ã‚¹ã‚¤ãƒƒãƒã«è¾¼ã‚ã‚‰ã‚ŒãŸæ€ã„ã§ã™ã€ã¨å°é‡Žæ°ã€‚ã¤ãã‚‹ã‚‚ã®ã‚’åŽ³é¸ã—é…åŠ›ã‚’å‡ç¸®ã™ã‚‹ã¨ã¨ã‚‚ã«ã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã•ã›ãªã„ã“ã¨ã‚’ç›®æŒ‡ã—ãŸã€‚ãã®å®Ÿ
mather314 2018/08/23
ä½¿ã„å‹æ‰‹ãŒæ‚ªããªã„ã€ã£ã¦ã¡ã‚ƒã‚“ã¨è€ƒãˆã¦ä½œã‚‰ãªã„ã¨ä½œã‚Œãªã„ã€‚

ãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã®å®Ÿè·µï½œdely design
This domain may be for sale!
mather314 2018/07/20
ã‚ã¨ã§èªã‚€

ãƒ‡ã‚¶ã‚¤ãƒ³

Apple

UI

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
Haya2NOW
ISAS/JAXAJAPANESEENGLISHCURRENT TIME:-FROM LAUNCH:-FROM REENTRY:-DATA GENERATED:-DATA RECEIVED:-å¤ªé™½é›»æ± ç™ºç”Ÿé›»åŠ›:-Wãƒãƒƒãƒ†ãƒªãƒ¼å‡ºåŠ›é›»åŠ›:-Wãƒã‚¹æ¶ˆè²»é›»åŠ›:-WANTENNAã‚¢ãƒ³ãƒ†ãƒŠMGAä¸åˆ©å¾—ã‚¢ãƒ³ãƒ†ãƒŠæ–¹ä½è§’-ä»°è§’-TRANSMITTERé€ä¿¡æ©ŸXTRP1XTRP2é€ä¿¡ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒ³ãƒ—-é€ä¿¡ãƒ¢ãƒ¼ãƒ‰-é€ä¿¡ãƒ“ãƒƒãƒˆãƒ¬ãƒ¼ãƒˆ-æŽ¥ç¶šã‚¢ãƒ³ãƒ†ãƒŠ-RECEIVERå—ä¿¡æ©ŸRX1RX2å—ä¿¡ãƒ¬ãƒ™ãƒ«--ãƒ“ãƒƒãƒˆãƒ¬ãƒ¼ãƒˆ--æŽ¥ç¶šã‚¢ãƒ³ãƒ†ãƒŠ--THRUSTERã‚¹ãƒ©ã‚¹ã‚¿å™´å°„ç©ç®—ç§’æ•°TH01-TH02-TH03-TH04-TH05-TH06-TH07-TH08-TH09-TH10-TH11-TH12--USUDAUSUDAç¾åœ°æ™‚åˆ»2017-07-07T10:10:10æ–¹ä½è§’-ä»°è§’-å‡º:-æ²¡:-é€šä¿¡çŠ¶æ…‹æŽ¥ç¶šé–‹å§‹æ™‚åˆ»-BAND:-é€šä¿¡ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼
mather314 2018/06/07
ã“ã†ã„ã†ã®å¤§å¥½ãï½—

ã¯ã‚„ã¶ã•2

JAXA

å®‡å®™

UI

design
ãƒªãƒ³ã‚¯
ã€ŒAndroidã¯iOSã¨åŒã—ã‚™ãƒ†ã‚™ã‚µã‚™ã‚¤ãƒ³ã¦ã‚™ï¼ã€ã¨è¨€ã‚ã‚ŒãŸã¨ãã®å¯¾å¿œæ¡ˆ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« ã€ŒAndroidã¯iOSã¨åŒã—ã‚™ãƒ†ã‚™ã‚µã‚™ã‚¤ãƒ³ã¦ã‚™ï¼ã€ã¨è¨€ã‚ã‚Œã¦ã©ã†å®Ÿè£…ã—ã‚ˆã†ã‹æ‚©ã‚“ã§ã‚‹æ–¹å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ Androidã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãªã‚‰å½“ç„¶ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«åˆã‚ã›ã¦1ã‹ã‚‰ç”»é¢è¨è¨ˆã™ã‚‹ã®ãŒæœ€é«˜ãªã‚“ã§ã™ãŒã€ãã†ã¯ã„ã‹ãªã„ã“ã¨ãŒçµŒé¨“ä¸Šå¤šã„ã®ã§å¯¾å¿œæ¡ˆã‚’ã–ã£ãã‚Šã¾ã¨ã‚ã¾ã—ãŸã€‚ è«¸æ³¨æ„ ã“ã‚Œã¯ã€ŒiOSã¨Androidã®UIå¯¾å¿œä¸€è¦§ã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ iOSã¨Androidã§åŒã˜ã‚ˆã†ãªè¦‹ãŸç›®ã®UIéƒ¨å“ã§ã‚‚ä½œã‚‰ã‚ŒãŸçµŒç·¯ã‚„ç›®çš„ã¯é•ã†ã®ã§ã€æ¯”è¼ƒã—ã¦ç½®ãæ›ãˆã‚‹ã‚ˆã†ãªã“ã¨ã¯åŸºæœ¬çš„ã«ã§ããªã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆãªã‚“ã®æŒ‡æ¨™ã‚‚ãªã„ã¨è¾›ã„ã®
mather314 2018/03/29
android

ios

UI
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨é€ä¿¡ãƒœã‚¿ãƒ³ã®çŠ¶æ…‹ã®æœ€é©è§£ - Konifar's ZATSU
ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¦‹ã¦ã€Œã‚ãƒ¼ã‚ã‚Œãã€ã¨æ€ã£ãŸäººã‚‚ã„ã‚‹ã¨æ€ã†ãŒã€ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸–ç•Œã§ã¯ã™ã§ã«è°è«–ã•ã‚Œå°½ãã•ã‚Œã¦ã„ã‚‹ã§ã‚ã‚ã†ã“ã®è©±é¡Œã«ã¤ã„ã¦é›‘ã«è€ƒãˆã‚’ã¾ã¨ã‚ã¦ãŠããŸã„ã€‚ã¨ã¯è¨€ã£ã¦ã‚‚æ˜Žç¢ºãªç”ãˆãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§æ„è¦‹ãŒã»ã—ã„ã¨ã„ã†ã®ãŒæ£ç›´ãªã¨ã“ã‚ãªã®ã§ã€ã‚‚ã—ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒã‚ã‚Œã° @konifarã¾ã§ç›´æŽ¥æ•™ãˆã¦ã‚‚ã‚‰ãˆã‚‹ã¨å¬‰ã—ã„ã€‚ ä½•ã‚’è¨€ã„ãŸã„ã®ã‹ã¨ã„ã†ã¨ã€ã€Žãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã•ã‚Œã¦ã„ãªã„ or å…¥åŠ›ã•ã‚ŒãŸæ–‡å—ãŒç•°å¸¸ã§ã‚ã‚‹å ´åˆã«é€ä¿¡ãƒœã‚¿ãƒ³ã‚’æŠ¼ã›ã‚‹çŠ¶æ…‹ã«ã™ã‚‹ã‹æŠ¼ã›ãªã„çŠ¶æ…‹ã«ã™ã‚‹ã‹ã€ã¨ã„ã†è©±ã ã€‚ãŸã¨ãˆã°æ¬¡ã®ã‚ˆã†ã«æ°åã‚’ä¸¡æ–¹å…¥åŠ›ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã‚±ãƒ¼ã‚¹ã€‚ åˆæœŸçŠ¶æ…‹ã®é€ä¿¡ãƒœã‚¿ãƒ³ãŒdisabledã§ã€å…¥åŠ›ã«å¿œã˜ã¦çŠ¶æ…‹ãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã€‚ æœ¬å½“ã«é€ä¿¡ã§ãã‚‹æ™‚ã ã‘é€ä¿¡ãƒœã‚¿ãƒ³ãŒenabledã«ãªã‚‹ã¨ã„ã†ã®ã¯ã‚ã‹ã‚Šã‚„ã™ãã†ã ãŒã€å•é¡Œã‚‚ã‚ã‚‹ã€‚å…¥åŠ›é …ç›®ãŒå¤šããªã£ã¦ããŸæ™‚ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãªãœé€ä¿¡ãƒœã‚¿ãƒ³ã‚’æŠ¼ã›ãªã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã‹ã‚‚ã—ã‚Œãªã„
mather314 2018/01/29
ãƒ•ã‚©ãƒ¼ãƒ ã¯ä¸€ã¤ã§è¤‡æ•°ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿…è¦ãªå…¥åŠ›é …ç›®ãŒã‚ã‚‹å ´åˆã€ã‹ãªï¼Ÿ / â€œãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¤ãã®ãƒ•ã‚©ãƒ¼ãƒ ãŒè¤‡æ•°ã‚ã‚‹å ´åˆâ€

ã‚¨ãƒ©ãƒ¼

UI
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | OOUI â€“ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°
æœ€è¿‘ã€OOUX ã¨ã„ã†è¨€è‘‰ã‚’è¦‹èžãã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã®åˆ©ç”¨è€…ä½“é¨“ï¼ˆObject-Oriented User Experienceï¼‰ã®ã“ã¨ã§ã€ã„ãã¤ã‹ã®è¨˜äº‹ã‚’èªã‚“ã ã¨ã“ã‚ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è¨è¨ˆã«ãŠã„ã¦ç”»é¢ã¨ãƒ‡ãƒ¼ã‚¿ã‚’å¯¾å¿œã¥ã‘ã‚‹éš›ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‰‹æŽ›ã‹ã‚Šã«ã™ã‚‹ã¨ã„ã†æ–¹æ³•è«–ã®ã‚ˆã†ã§ã™ã€‚ã¤ã¾ã‚Š OOUX ã¯ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨è¨€ã„æ›ãˆã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚ãã†ã™ã‚‹ã¨å®Ÿã¯ä»¥å‰ã‹ã‚‰ãã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã‚ã‚Šã€ã€ŒOOUIï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰ã€ã¨å‘¼ã°ã‚Œã¦ã„ãŸã®ã§ã™ã€‚æœ€è¿‘ã«ãªã£ã¦ OOUX ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚ã‚Œã‚‹ã®ã¯ã€OOUI ã®ã“ã¨ã‚’çŸ¥ã‚‰ãªã‹ã£ãŸã‹ã€ã‚‚ã—ãã¯æµè¡Œèªžã§ã‚ã‚‹ã€ŒUXã€ã‚’ç”¨ã„ãŸæ–¹ãŒã‹ã£ã“ã„ã„ã¨è€ƒãˆãŸã‹ã‚‰ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã€GUI ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
mather314 2017/04/16
ãƒ‡ã‚¶ã‚¤ãƒ³

UI

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘
ãƒªãƒ³ã‚¯
Photon - Electroné–‹ç™ºè€…è¦æ³¨ç›®ã®OS Xé¢¨UIãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆ | ã‚½ãƒ•ãƒˆã‚¢ãƒ³ãƒ†ãƒŠ
å…ƒã€…GitHubã®Atomã‚¨ãƒ‡ã‚£ã‚¿ã®ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªä½œæˆç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒElectronã€ã€‚HTML/CSSã¨ã„ã£ãŸWebç³»æŠ€è¡“ã‚’ä½¿ã£ã¦ã€ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºå¯èƒ½ãªãŸã‚ã€å¤šãã®é–‹ç™ºè€…ã®æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚ æœ¬æ—¥ç´¹ä»‹ã™ã‚‹ã€ŒPhotonã€ã¯ã€ã“ã®Electronç”¨ã®ä¾¿åˆ©ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å¤šæ•°åŽéŒ²ã—ãŸUIãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆã§ã™(GitHubã€Hacker News)ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã€ã‚¿ãƒ–ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒªã‚¹ãƒˆã€ãƒœã‚¿ãƒ³ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã¨ã„ã£ãŸã€GUIã‚¢ãƒ—ãƒªä½œæˆã«å¿…è¦ãªã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ç´ æ—©ãçµ„ã¿è¾¼ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è¦‹ãŸç›®ã‚‚OS Xé¢¨ã§ã‚¯ãƒ¼ãƒ«ã§ã™ã€‚ ä»¥ä¸‹ã”ç´¹ä»‹ã€‚ ãƒãƒ¼ ãƒ˜ãƒƒãƒ€ãƒ¼ã¨ãƒ•ãƒƒã‚¿ãƒ¼ã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒãƒ¼ã¨ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ãƒãƒ¼ã«ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã—ã¦ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’å®šç¾©ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã†ï½“ï¼Ž ãƒãƒ¼ã¨ã‚¿ãƒ– ã‚¿ãƒ–ã‚’
mather314 2015/10/15
github

UI

OS X

electron

Photon
ãƒªãƒ³ã‚¯
DISã‚‰ã‚Œãªã„UIã‚’ä½œã‚‹ãŸã‚ã«æœ€ä½Žé™å®ˆã‚‹ã¹ã5ã¤ã®é‰„å‰‡ - ãŸã”ã‚‚ã‚Šã™ãƒ¡ãƒ¢
ã¼ãã‚‰ãŒè¿‚é—Šã«UIã‚’ä½œã‚‹ã¨ã€ãã“ã«ã¯ãƒ¦ãƒ¼ã‚¶ã®æ£ç›´ãªç›®ç·šãŒã‚ã‚Šã€éžå¸¸ã«æ§˜ã€…ãªã€ãã—ã¦çœŸã£å½“ãªåå¿œãŒã‚ã‚‹ã€‚ æ›°ãã€Œã‚ã‹ã‚‰ã‚“ã€ã€Œã¾ã•ã‹ãã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã¯ã€ã€Œä¸æ€è°ãªå‹•ä½œã€ã€Œç‹¬è‡ªå®‡å®™ã€ã€Œãƒ¢ãƒªã‚¹UIã€ã€‚ åå¿œãŒã‚‚ã‚‰ãˆã‚‹ã®ã¯éžå¸¸ã«è‰¯ã„ã“ã¨ã ãŒã€ä½•åº¦ã‚‚ä½•åº¦ã‚‚ç¹°ã‚Šè¿”ã—ã¦ã„ã‚‹ã¨ã¤ã‚‰ããªã£ã¦ãã‚‹ã®ã§ã€ã§ãã‚Œã°é¿ã‘ãŸã„ã€‚åˆ†ã‹ã£ã¦ã„ã‚‹(ã„ãŸ)ã“ã¨ã¯æœ€åˆã‹ã‚‰å¯¾å¿œã—ã¦ãŠããŸã„ã‚‚ã®ã ã€‚*1 ã¨ã„ã†ã“ã¨ã§ã€ã“ã“ã§ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§æ“ä½œã™ã‚‹ç®¡ç†ç”»é¢ç‰ã®WebUIã‚’ä½œã‚‹ã¨ãã€çœŸã£å…ˆã«å¿ƒå¾—ã¦ãŠãã¹ã5ã¤ã®é‰„å‰‡ã‚’ç´¹ä»‹ã—ãŸã„ã€‚ã“ã‚Œã‚’å®ˆã£ã¦ã„ã¦ã‚‚DISã‚‰ã‚Œãªããªã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã“ã‚Œã‚’å®ˆã‚‰ãªã„ã¨é–“é•ã„ãªãDISã‚‰ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã‚ˆã†ã€‚ ãªãŠã“ã®è¨˜äº‹ã§ã¯ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã„ã†ã‚‚ã®ã«ã¤ã„ã¦ã¯è€ƒæ…®ã—ãªã„ã€‚ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã‹çŠ¬ã«é£Ÿã‚ã›ã‚ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹å ´æ‰€ã¯cursor:pointerã‚’æŒ‡å®šã—ã‚ ã“ã‚Œã‚’å¿˜ã‚Œã‚‹ã¨ã“ã®ä¸–ã®ã‚‚ã®ã¨ã¯æ€ãˆãªã„ãã‚‰
mather314 2014/07/18
å¤§ä½“ã®äººãŒç„¡æ„è˜ã«æœŸå¾…ã—ã¦ã„ã‚‹ã“ã¨ã‚’ã¡ã‚ƒã‚“ã¨æœŸå¾…é€šã‚Šã«ã—ã¦ã‚ã’ã‚‹ã“ã¨ã€‚

UI
ãƒªãƒ³ã‚¯
èª¬å¾—åŠ›ãŒã‚°ãƒ³ã¨ä¸ŠãŒã‚‹ï¼UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å¿ƒç†å¦ | ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–æ€è€ƒ | ãƒ–ãƒã‚° | æ±äº¬ã®Webåˆ¶ä½œä¼šç¤¾ãƒ»ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œï½œQUOITWORKS Inc.ï¼ˆæ ªå¼ä¼šç¤¾ã‚¯ã‚ªãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ï¼‰
ã‚ªãƒ©ã‚¤ãƒªãƒ¼ã‹ã‚‰å‡ºã¦ã„ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¿ƒç†å¦ã€ã‹ã‚‰ä½¿ãˆãã†ãªã‚‚ã®ã‚’å®Ÿä¾‹ã‚’è¸ã¾ãˆãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ï¼ã“ã‚Œã§UIãƒ‡ã‚¶ã‚¤ãƒ³èª¬æ˜Žã®èª¬å¾—åŠ›ã‚’ã‚ã’ã‚ˆã†ï¼ æƒ…å ±ã¯ä¸€åº¦ã«ã™ã¹ã¦è¦‹ã›ã‚‹ã®ã§ã¯ãªãã€ãã®ã¨ãå¿…è¦ãªã‚‚ã®ã‚’æ®µéšŽçš„ã«é–‹ç¤ºã•ã›ãŸæ–¹ãŒã‚ˆã„ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŠ¯ã—ãŒã¡ãªå¤±æ•—ã¯ä¸€åº¦ã«å¤§é‡ã®æƒ…å ±ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¸Žãˆã¦ã—ã¾ã†ã“ã¨ã§ã™ã€‚ æƒ…å ±ã¯ä¸€åº¦ã«å¤§é‡ã«ä¸Žãˆã‚‹ã®ã§ã¯ãªãã€ãã®æ™‚ç‚¹ã§å¿…è¦ã¨ã—ã¦ã„ã‚‹æƒ…å ±ã ã‘ã‚’ä¸Žãˆã‚‹ã»ã†ãŒæ§˜ã€…ãªãƒ‹ãƒ¼ã‚ºã«å¯¾å¿œã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä¸ã«ã¯å¤§ã¾ã‹ãªèª¬æ˜Žã§ã‚ˆã„äººã‚‚ã„ã‚Œã°ã€è©³ç´°ã‚’çŸ¥ã‚ŠãŸãŒã£ã¦ã„ã‚‹äººã‚‚ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šã©ã†ã„ã†äº‹ï¼Ÿ æƒ…å ±ã¯ä¸€åº¦ã«è¦‹ã›ã‚‹ã®ã§ã¯ãªãæ®µéšŽçš„ã«è¦‹ã›ã‚‹ã€‚ é‡è¦ãªã®ã¯ã‚¯ãƒªãƒƒã‚¯å›žæ•°ã§ã¯ãªã„ã€‚ã‚¯ãƒªãƒƒã‚¯ã®ãŸã³ã«å¿…è¦ãªæƒ…å ±ãŒæ‰‹ã«å…¥ã‚‹ã®ã§ã‚ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å–œã‚“ã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã€‚ èª°ãŒã„ã¤ä½•ã‚’å¿…è¦ã¨ã—ã¦ã„ã‚‹ã‹ã‚’ç†è§£ã™ã‚‹ã€‚å„æ®µéšŽã§ä½•ã‚’å¿…è¦ã¨ã—ã¦ã„ã‚‹ã‹çš„ç¢ºã«æŠŠæ¡ã—ã¦ã„ãªã„ã¨ã€ã“ã®æ‰‹æ³•
mather314 2014/05/21
UI

webãƒ‡ã‚¶ã‚¤ãƒ³

å¿ƒç†å¦
ãƒªãƒ³ã‚¯
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«å–œã°ã‚Œãã†ãªã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªç®¡ç†ç”»é¢ãƒ»ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ 20 - NxWorld
ç®¡ç†ç”»é¢ãƒ»ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’ã™ã‚‹éš›ã«å‚è€ƒã«ãªã‚Šãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ä¾¿åˆ©ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚ã§ã™ã€‚ å®Ÿéš›ã‚¬ãƒƒãƒ„ãƒªã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚ˆã†ã¨æ€ã£ã¦ã‚‚äºˆç®—ã‚„ç´æœŸãªã©ã®å•é¡Œã§ã»ã¨ã‚“ã©ã—ãªã„ï¼ˆã§ããªã„ï¼‰ã“ã¨ã‚‚å¤šã„ã¨ã¯æ€ã„ã¾ã™ãŒ...ã€‚ ä½™è¨ˆãªã‚‚ã®ã‚’çœã„ã¦å¿…è¦ãªæ©Ÿèƒ½ã ã‘ã«çµžã£ãŸã‚·ãƒ³ãƒ—ãƒ«ãªæ„Ÿã˜ã®ã‚‚ã®ã‹ã‚‰ã€1ãƒšãƒ¼ã‚¸ã«ã„ã‚ã„ã‚ãªè¦ç´ ã‚’è©°ã‚è¾¼ã‚“ã§ã„ã‚‹ã‚‚ã®ã€ç´°éƒ¨ã¾ã§ã‹ãªã‚Šä½œã‚Šã“ã¾ã‚Œã¦ã„ã‚‹ã‚‚ã®ãªã©æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹ä¸ã«ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªããƒ‡ãƒ¢ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ãŒå¤šã„ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚„ç®¡ç†è€…ãŒã‚ˆãä½¿ã†æ©Ÿèƒ½ã ã‘ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹éš›ã§ã‚‚ã€ä¼¼ãŸéƒ¨åˆ†ãŒã‚ã‚Œã°å‹•ãã‚„è¦‹ã›æ–¹ãªã©ã®å‚è€ƒã«ãªã‚Šã¾ã™ã€‚ æœ‰æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒç›®ç«‹ã¤ã‚“ã§ã™ãŒã©ã‚Œã‚‚æ¯”è¼ƒçš„å®‰ä¾¡ãªã‚‚ã®ã ã£ãŸã®ã§ã€æ™‚é–“ãŒãªã„ã‘ã©ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„ã¨ã‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦æœ›ã‚’ã‚‚ã‚‰ã£ãŸã¨ã„ã†ã¨ãã¯ã“ã†ã„ã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã†ã®ã‚‚ã²ã¨ã¤ã®æ‰‹ã§ã™ãã€‚
mather314 2013/12/16
ãƒ¡ãƒ¢

UI

ç®¡ç†ç”»é¢
ãƒªãƒ³ã‚¯
1