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

tune id:tune

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

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

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

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

yahoo

ui

design

ux
ãƒªãƒ³ã‚¯
ã‚ãƒ£ãƒ³ã‚»ãƒ«ãƒœã‚¿ãƒ³ã«è‰²ã‚’ã¤ã‘ã¦ã¯ã„ã‘ãªã„ç†ç”±
ã‚ãƒ£ãƒ³ã‚»ãƒ«ãƒœã‚¿ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«ã€ã‚«ãƒ©ãƒ¼ã§æ‚©ã‚€ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚ãƒ£ãƒ³ã‚»ãƒ«ãƒœã‚¿ãƒ³ã«è‰²ã‚’ã¤ã‘ã¦ã¯ã„ã‘ãªã„ç†ç”±ã€ãƒ‹ãƒ¥ãƒ¼ãƒˆãƒ©ãƒ«ãªã‚°ãƒ¬ãƒ¼ãŒé©ã—ã¦ã„ã‚‹ç†ç”±ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ãƒ£ãƒ³ã‚»ãƒ«ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒœã‚¿ãƒ³ã¨åŒã˜ã ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯è¿·ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ã‚ãƒ£ãƒ³ã‚»ãƒ«ã§ãã‚‹ã“ã¨ã‚’æ˜Žç¢ºã«ã™ã‚‹ã“ã¨ã§ã€èªçŸ¥é€Ÿåº¦ãŒä¸ŠãŒã‚Šã¾ã™ã€‚ã¾ãŸã€ãƒœã‚¿ãƒ³ãŒ3å€‹ä»¥ä¸Šã ã£ãŸã‚Šã€ãƒ©ãƒ™ãƒ«ãŒé•ã£ã¦ã„ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½™è¨ˆã«æˆ¸æƒ‘ã„ã¾ã™ã€‚ Why Cancel Buttons Should Never Have a Color by UX Movement ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã‚ãƒ£ãƒ³ã‚»ãƒ«ãƒœã‚¿ãƒ³ã«è‰²ã‚’ã¤ã‘ã¦ã¯ã„ã‘ãªã„ç†ç”± ãƒ‹ãƒ¥ãƒ¼ãƒˆãƒ©ãƒ«ãƒœã‚¿ãƒ³ã®ãŸã‚ã®ãƒ‹ãƒ¥ãƒ¼ãƒˆãƒ©ãƒ«ã‚«ãƒ©ãƒ¼ ã‚ãƒ£ãƒ³ã‚»ãƒ«ã«é©ã—ãŸãƒ©ãƒ™ãƒ«ã¨ã¯ ã‚°ãƒ¬ãƒ¼ã‚’ä½¿ã†æ™‚ã¯ååˆ†ã«æš—ãã™ã‚‹ ã‚ãƒ£ãƒ³ã‚»ãƒ«ãƒœã‚¿ãƒ³ã¯ãƒ‹ãƒ¥
tune 2019/04/16
ui

è€ƒãˆæ–¹

usability
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„PWAã¨AMP - Qiita
æ¦‚è¦ PWA = ãƒ¢ãƒã‚¤ãƒ«ã®WEBãƒšãƒ¼ã‚¸ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªUXã‚’æä¾›ã™ã‚‹ãŸã‚ã®ã‚‚ã® â€» 2020/04/05 è¿½è¨˜: PWAã«é–¢ã™ã‚‹ä»•æ§˜ã®ç–å®šå½“åˆã¯ãƒ¢ãƒã‚¤ãƒ«ã§ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒä¸»ã ã£ãŸã¨è¨˜æ†¶ã—ã¦ã„ã¾ã™ãŒã€PWAã¯ãƒ¢ãƒã‚¤ãƒ«ã«é™å®šã•ã‚ŒãŸã‚‚ã®ã§ã¯ãªãã€å®Ÿéš›ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã®æ´»ç”¨ä¾‹ã‚‚å¢—ãˆã¦ã„ã¾ã™ã€‚å‚è€ƒ: PWAs: building bridges to mobile, desktop, and native (Google I/O '18) AMP = ãƒ¢ãƒã‚¤ãƒ«ã®WEBãƒšãƒ¼ã‚¸ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã®ã‚‚ã® ã©ã¡ã‚‰ã‚‚GoogleãŒä¸»è»¸ã¨ãªã£ã¦ç–å®šã•ã‚Œã¦ã„ã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ãƒšãƒ¼ã‚¸ã‚’é€²åŒ–ã•ã›ã‚‹ãŸã‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŠã‚ˆã³æŠ€è¡“ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ä»£æ›¿æŠ€è¡“ã§ã¯ãªãã€ãƒ–ãƒ©ã‚¦ã‚¶APIã®é€²åŒ–ã«ã‚ˆã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªUXã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§æä¾›ã™ã‚‹ã“ã¨ãŒä¸»çœ¼ã€‚ 1. PWAã¨ã¯ Progressive Web Appsã®
tune 2018/12/28
chrome

pwa

amp

ãƒ¢ãƒã‚¤ãƒ«

ui
ãƒªãƒ³ã‚¯
ä¼šç¤¾ã®ã¿ã‚“ãªã§Daily UI Design Challengeã«å–ã‚Šçµ„ã‚“ã§ã¿ãŸè©±
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog credit: @takaha_shh, @chashi, @52shinNaka, æ˜¥é‡Ž å¥å¾ ãƒ¤ãƒ•ã‚ªã‚¯!ã‚¢ãƒ—ãƒªé–‹ç™ºéƒ¨ã®ä¸å³¶ï¼ˆ@52shinNakaï¼‰ã§ã™ã€‚ ä»Šæ—¥ã¯æœ€è¿‘ä¼šç¤¾ã®æœ‰å¿—ã§ã‚„ã‚Šå§‹ã‚ãŸãƒ‡ã‚¶ã‚¤ãƒ³åŠ›å‘ä¸Šã®ãŸã‚ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Daily UI Design Challengeã¨ã¯ï¼Ÿ Daily UI Design Challengeã¨ã¯ã€2015å¹´ã®10æœˆã”ã‚ã‹ã‚‰è¥¿æµ·å²¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒå§‹ã‚ãŸå–ã‚Šçµ„ã¿ã§ã€æ¯Žæ—¥ä¸€ã¤UIã®ãŠé¡ŒãŒå±Šããƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã§ã™ã€‚ ä¸€æ—¥ã«ä¸€å›žã€ã“ã‚“ãªæ„Ÿã˜ã§ãƒ¡ãƒ¼ãƒªã‚¹ãŒå±Šãã®ã§ã€ ä¸Žãˆã‚‰ã‚ŒãŸãŠé¡Œã«æ²¿ã£ã¦UIã‚’ä½œã£ã¦ã€Dribbbleã‚„Uplabsã«æŠ•ç¨¿ã—ã¾ã™ã€‚ Dribbbleã‚„Uplabsã¨ã‹ã§
tune 2018/12/01
å…±é€šã®ãŠé¡Œã‚’å®šæœŸçš„ã«æŠ•ç¨¿ã—ã€ãŠäº’ã„ã®æˆæžœã‚’è¦‹ã›åˆã£ã¦é«˜ã‚åˆã†ä»•çµ„ã¿ã€‚UIä»¥å¤–ã§ã‚‚ä½¿ãˆãã†ã€‚

ui

design
ãƒªãƒ³ã‚¯
Atomic Designã®è€ƒãˆæ–¹ã¨åˆ©ç‚¹ãƒ»æ¬ ç‚¹ â€“ wkr.
Atomic Design ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚‹æ–¹æ³•è«–ã¨ãªã‚Šã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¨ã„ã†ã®ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚„ãƒ–ãƒ©ãƒ³ãƒ‰ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãªã©ã‚’æŒ‡ã™ã‚ˆã†ã§ã™ã€‚ æ—¥æœ¬ã ã¨AbemaTVï¼ˆã‚¢ãƒ™ãƒž TVï¼‰ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆAtomic Design ã‚’å®Ÿæ¡ˆä»¶ã«å°Žå…¥ - UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’åº¦ã‚’æ˜Žç¢ºåŒ–ã—ãŸçµæžœã¨å‰¯ç”£ç‰© | ygoto3.comã‚ˆã‚Šï¼‰ Atomic Design ã¯ä»Šã¾ã§ã®ãƒšãƒ¼ã‚¸å˜ä½ã¨é•ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ä½œã‚‹è€ƒãˆæ–¹ã§ã™ã€‚ ä½œã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒå£«ã®çµ„ã¿åˆã‚ã›ã§ãƒšãƒ¼ã‚¸ã‚’ä½œã‚Šã¾ã™ã€‚ Atomic Design ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å˜ä½ã‚’ 5 ã¤ã«åˆ†ã‘ã¦ã„ã¾ã™ã€‚ ãã® 5 ã¤ã®å˜ä½ã¯ Atomsï¼ˆåŽŸåï¼‰ãƒ»Moleculesï¼ˆåˆ†åï¼‰ãƒ»Organismsï¼ˆæœ‰æ©Ÿä½“ï¼‰ãƒ»Templatesï¼ˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼‰ãƒ»Pagesï¼ˆãƒšãƒ¼ã‚¸ï¼‰ã§ã™ã€‚ å„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è©³ç´°ã¯æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚
tune 2016/12/27
design

ui
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãä½¿ã†UIè¦ç´ ã®åç§°ãƒ»ç”¨èªžä¸€è¦§ - Qiita
Overview Webã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã¨ã‚ˆãå‡ºã¦ãã‚‹UIã®åç§°ã‚’ã€ã–ã£ãã°ã‚‰ã‚“ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ äººã‚„ä¼šç¤¾ã”ã¨ã§å›ºæœ‰ã®å‘¼ã³æ–¹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ç§ã®å ´åˆã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³å††æ»‘ã«ãªã€œã‚Œ â€»2016/11/28 ã¯ã¦ãƒ–ã‚³ãƒ¡ãƒ³ãƒˆãªã©å‚ç…§ã•ã›ã¦ã„ãŸã ãã€å°‘ã—æ›´æ–°ã—ã¾ã—ãŸã€‚ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—è¡¨ç¤ºç³» â–¼ ã‚¢ãƒ©ãƒ¼ãƒˆ JSã®alertã‹ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆæ©Ÿèƒ½ã§å‡ºã‚‹ã‚„ã¤ã€‚ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ã‚‚ã€‚ â–¼ ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ é–²è¦§ä¸ã®ãƒšãƒ¼ã‚¸ã«ã‚«ãƒãƒ¼ã‚’é‡ãã¦è¡¨ç¤ºã•ã›ã‚‹ã‚„ã¤ã€‚ modalã¯ã€Œã“ã®ãƒšãƒ¼ã‚¸ã¯ã„ã¾å…¥åŠ›ãƒ¢ãƒ¼ãƒ‰ã ãœã€ã¨ã„ã£ãŸæ„å‘³åˆã„ã§modeã‚’å½¢å®¹è©žåŒ–ã—ãŸã“ã¨ã°ã€‚ â–¼ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãƒ»ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—è¡¨ç¤º ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨å¹ãå‡ºã—ã¨ã‹ã§è¡¨ç¤ºã•ã‚Œã‚‹UIã€‚ è£œè¶³èª¬æ˜Žãªã©ã§ä½¿ç”¨ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã€‚ â–¼ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ é–²è¦§ä¸ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¨ã¯åˆ¥ã«ã€å‹æ‰‹ã«ç«‹ã¡ä¸ŠãŒã‚‹ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€‚ ã‚¹ãƒ‘ã‚¤ã‚¦ã‚§ã‚¢ãªã©ã®
tune 2016/11/26
ã™ã”ãã‚¹ãƒƒã‚ãƒªã—ãŸã€‚

UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it â€“ why
tune 2015/10/23
electron

css

UI
ãƒªãƒ³ã‚¯
Private Presentation
Private content!This content has been marked as private by the uploader.
tune 2015/06/04
ç”»åƒ

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

ãƒã‚¿

ui

ux
ãƒªãƒ³ã‚¯
ã‚ˆãã‚ã‹ã‚‹ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¨è¨ˆã‚³ãƒ³ã‚»ãƒ—ãƒˆ | fladdict
iPhoneã¨Androidã§ã¯iPhoneã®ã»ã†ãŒè‰¯ãã§ãã¦ã„ã‚‹ãŒã€iOSã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨Androidã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯å¾Œè€…ã®è¨è¨ˆãŒå„ªã‚Œã¦ã„ã‚‹ã€‚ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ãŒé«˜ã„ãƒ¬ãƒ™ãƒ«ã§èžåˆã—ã¦ã„ã¦ã€ãƒã‚¸ã‚«ãƒ«ã§éžå¸¸ã«ç¾Žã—ã„ã€‚ ä»¥ä¸‹ã€è‡ªåˆ†ã®ç†è§£ã‚’ã¾ã¨ã‚ãŸãƒ¡ãƒ¢ã€‚ ç´™ã¨ã‚¤ãƒ³ã‚¯ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€Œãƒšãƒ¼ãƒ‘ãƒ¼ã€ã¨ã€Œã‚¤ãƒ³ã‚¯ã€ã®ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã§ã§ãã¦ã„ã‚‹ã€‚ ãƒšãƒ¼ãƒ‘ãƒ¼ã®ç‰¹å¾´ ãƒãƒ¼ã‚„ãƒœã‚¿ãƒ³ã¨ã„ã£ãŸç”»é¢ä¸Šã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€ãƒãƒ¼ãƒãƒ£ãƒ«ãªç´™ã§ã§ããŸã‚«ãƒ¼ãƒ‰ã¨è€ƒãˆã‚‹ã€‚ã¾ãŸã€ã“ã®ãƒšãƒ¼ãƒ‘ãƒ¼ã¯1dpã®åŽšã•ã‚’æŒã£ã¦ã„ã‚‹ã€‚ ãƒšãƒ¼ãƒ‘ãƒ¼ã¯ç´”ç™½ã®çŸ©å½¢ã€ã‚ã‚‹ã„ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªå††å½¢ã§ã‚ã‚‹ã€‚ä¸‰è§’ã‚„æ˜Ÿåž‹ã¨ã„ã£ãŸè¤‡é›‘ãªå½¢ã¯ã¨ã‚‰ãªã„ã€‚ãã®ã‚ˆã†ãªè¤‡é›‘ãªå½¢çŠ¶ã‚„æ¨¡æ§˜ã¯ã‚¤ãƒ³ã‚¯ãŒæ‹…å½“ã™ã‚‹ã€‚ ç¾å®Ÿã¨ã“ã¨ãªã‚Šã€ã“ã®ãƒšãƒ¼ãƒ‘ãƒ¼ã¯è‡ªç”±ã«ä¼¸ç¸®ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€è¤‡æ•°ã®ãƒšãƒ¼ãƒ‘ãƒ¼ã‚’ä¸¦ã¹ãŸã‚Šã€é‡ããŸ
tune 2015/05/23
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³

material design

UI
ãƒªãƒ³ã‚¯
AngularJSã‚„TypeScriptã‚µãƒãƒ¼ãƒˆã€ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã€ã‚°ãƒªãƒƒãƒ‰ã‚„ã‚°ãƒ©ãƒ•ãªã©æ¥å‹™ç”¨JavaScriptã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’å‚™ãˆãŸã€ŒWijmo 5ã€ã€ã‚°ãƒ¬ãƒ¼ãƒ—ã‚·ãƒ†ã‚£ãŒãƒªãƒªãƒ¼ã‚¹
AngularJSã‚„TypeScriptã‚µãƒãƒ¼ãƒˆã€ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã€ã‚°ãƒªãƒƒãƒ‰ã‚„ã‚°ãƒ©ãƒ•ãªã©æ¥å‹™ç”¨JavaScriptã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’å‚™ãˆãŸã€ŒWijmo 5ã€ã€ã‚°ãƒ¬ãƒ¼ãƒ—ã‚·ãƒ†ã‚£ãŒãƒªãƒªãƒ¼ã‚¹ ã‚°ãƒ¬ãƒ¼ãƒ—ã‚·ãƒ†ã‚£ã¨ã„ãˆã°ã€VBXã¨å‘¼ã°ã‚ŒãŸVisual Basicã®ã‚«ã‚¹ã‚¿ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®æ™‚ä»£ã‹ã‚‰ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«å¼·ã„ãƒ™ãƒ³ãƒ€ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ï¼ˆå½“æ™‚ã®ç¤¾åã¯ã€Œæ–‡åŒ–ã‚ªãƒªã‚¨ãƒ³ãƒˆã€ã§ã—ãŸï¼‰ã€‚ ãã®åŒç¤¾ãŒã€ECMAScript 5ã«æº–æ‹ ã—ã€AngularJSã‚„KnockoutJSã€TypeScriptãªã©æœ€æ–°ã®JavaScript æŠ€è¡“ã¨ã®é€£æºã‚’å¼·åŒ–ã—ãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ŒWijmo 5ã€ï¼ˆã‚¦ã‚£ã‚¸ãƒ¢ãƒ•ã‚¡ã‚¤ãƒ–ï¼‰ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ Wijmo 5ã®ã€Œ5ã€ã¯JavaScriptã®æ–°ã—ã„ä»•æ§˜ã§ã‚ã‚‹EcmaScript 5ã‹ã‚‰ã¨ã£ãŸã‚‚ã®ã§ã€ECMAScript 5ã®getter/setterã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ—ãƒãƒ‘ãƒ†
tune 2015/01/21
angularjs

javascript

UI

Publickey
ãƒªãƒ³ã‚¯
Making Twitter UI Infrastructure
Overview of a work-in-progress effort to create generalized UI infrastructure for Twitter web applications.
tune 2014/11/22
ui

twitter
ãƒªãƒ³ã‚¯
Tristan (T4T5)
My latest side project is Codespace. A new beautiful cross-platform snippet manager.
tune 2014/10/05
ui

alert

javascript
ãƒªãƒ³ã‚¯
React â€“ A JavaScript library for building user interfaces
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is writ
tune 2014/01/24
javascript

ui

Library
ãƒªãƒ³ã‚¯
Sikuliã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã®UIæ“ä½œè‡ªå‹•åŒ–ã‚’è©¦ã—ã¦ã¿ã‚‹
Sikuliã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯OpenCVã‚’ä½¿ã£ãŸç”»åƒèªè˜ã‚’åˆ©ç”¨ã—ã¦ã€GUIæ“ä½œã®è‡ªå‹•åŒ–ã‚’è¡Œã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ æŒ‡å®šã—ãŸç”»åƒã«ä¸€è‡´ã—ãŸé ˜åŸŸã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’å‹•ã‹ã—ã¦ã‚¯ãƒªãƒƒã‚¯ã•ã›ãŸã‚Šã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§ã®å…¥åŠ›ã‚’ã•ã›ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã“ã§ã€ä»Šå›žã¯SikuliãŒUIãƒ†ã‚¹ãƒˆã«åˆ©ç”¨ã§ãã‚‹ã®ã‹ã©ã†ã‹ã‚’èª¿ã¹ã‚‹ãŸã‚ã«ã€iOSã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã«å¯¾ã—ã¦Sikuliã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è©¦ã—ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ ãªãŠã€MITã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ãŒå§‹ã‚ãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ç ”ç©¶ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚ã‚Š(ã‚½ãƒ¼ã‚¹ã¯GitHubã«ã‚ã‚Šã¾ã™)ã€ç¾åœ¨ã¯ã‚³ãƒãƒ©ãƒ‰å¤§å¦ãƒœãƒ«ãƒ€ãƒ¼æ ¡ã®Sikuli LabãŒãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‹ã‚‰èµ·å‹•ã¾ã§ Sikuliã®ã‚µã‚¤ãƒˆã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ã‹ã‚‰dmgãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ã“ã‚Œã‚’ãƒžã‚¦ãƒ³ãƒˆã—ã¦å®Ÿè¡Œã™ã‚‹ã ã‘ã§ã™ã€‚ ãªãŠã€Lionä»¥é™ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹å ´åˆã«ã¯ã€Gatekeeperã®è¨å®šã«ã‚ˆã£ã¦å®Ÿè¡Œã§ããª
tune 2014/01/12
ui

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

opencv
ãƒªãƒ³ã‚¯
Bootstrap Arrows
Bootstrap Arrows. A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs. Download View on Github Usage: <span class='arrow'></span> or <span class='arrow-info' data-angle='90'></span> Colours: default, primary, info, success, warning, danger, inverse. Specify the angle of the arrow with the data-angle tag. The defa
tune 2013/12/22
bootstrap

ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
SAPã€æ¥å‹™ã‚¢ãƒ—ãƒªç”¨ã®JavaScriptè£½UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒOpenUI5ã€ã‚’å…¬é–‹ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚
SAPã€æ¥å‹™ã‚¢ãƒ—ãƒªç”¨ã®JavaScriptè£½UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒOpenUI5ã€ã‚’å…¬é–‹ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚ æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æœ€å¤§æ‰‹ã®ç‹¬SAPã¯ã€æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®JavaScriptè£½JavaScrit UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒOpenUI5ã€ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ OpenUI5ã¯ã€åŒç¤¾ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã«ç”¨ã„ã‚‰ã‚Œã¦ã„ã‚‹JavaScriptè£½ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSAPUI5ã€ã®ä¸»ãªæ©Ÿèƒ½ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹åŒ–ã—ãŸã‚‚ã®ã€‚jQueryã€CSSãƒ—ãƒã‚»ãƒƒã‚µã®LESSã€ODataãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®datajsãªã©ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚„ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨è¨€ã£ãŸéƒ¨å“ã ã‘ã§ãªãã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨éƒ¨å“ã‚‚å«ã¾ã‚Œã¦ãŠã‚Šã€ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®UIæ§‹ç¯‰ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ JavaS
tune 2013/12/22
javascript

ui
ãƒªãƒ³ã‚¯
Gunosyã®UIã‚’å¾¹åº•çš„ã«åˆ†æžã—ã¦ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸ
2013.08.18 Gunosyã®UIã‚’å¾¹åº•çš„ã«åˆ†æžã—ã¦ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸ ã“ã®è¨˜äº‹ã¯ä»¥ä¸‹ã«ç§»è»¢ã—ã¾ã—ãŸã€‚ http://lambda-structure-design.jp/lab/redesign-of-gunosy-ui/
tune 2013/08/24
ui

gunosy

ã‚¢ãƒ—ãƒª

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Fuel UX
Fuel UX extends Bootstrap with additional lightweight JavaScript controls for your web applications. Get Fuel UX View examples Ignite your Bootstrap project today. Include Fuel UX controls in your next web project knowing it's solidly optimized and easy to upgrade. Use a little or use a lot. Deploy only the controls you want with minimal, name-spaced, responsive styling designed to easily fit into
tune 2013/06/28
twitter

javascript

web

design

ui

css

bootstrap
ãƒªãƒ³ã‚¯
Titanium? ã„ã„ãˆã€Triainaã§ã™ã€‚ - mixi engineer blog
ã©ã†ã‚‚ã€5ãƒ¶æœˆã¶ã‚Šã®ãƒ–ãƒã‚°æŠ•ç¨¿ã§ã™ã€ä½é‡Žã§ã™ã€‚åƒ•ã¯2012å¹´8æœˆã‚ˆã‚Šãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ¦ãƒ‹ãƒƒãƒˆã«åŠ ã‚ã‚Šã€ä¸»ã«iPhoneå…¬å¼ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ãŠã‘ã‚‹ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸æ©Ÿèƒ½ã®æ”¹ä¿®ã«æºã‚ã£ã¦ãŠã‚Šã¾ã—ãŸã€‚ mixi Touch(ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ç‰ˆ)ã§ã¯2012å¹´10æœˆã‚ˆã‚Šä¸€éƒ¨ã®ãƒ¦ãƒ¼ã‚¶ã«å‘ã‘ã¦mixiãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«ãŠã‘ã‚‹ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®æ–°UIã‚’æä¾›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ã“ã®æ©Ÿèƒ½ãŒè¿‘ã„ã†ã¡ã« mixi ã® iPhoneç‰ˆã€Android ç‰ˆ å…¬å¼ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ (ç”»é¢ã¯é–‹ç™ºä¸ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™) ã“ã®æ–°æ©Ÿèƒ½ã¯ Triaina ã¨ã„ã†è‡ªç¤¾è£½ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã‚ˆã£ã¦ã€iPhoneç‰ˆãƒ»Androidç‰ˆå…±ã«ã€WEBç‰ˆã¨å…±é€šã® HTML+JS ã‚³ãƒ¼ãƒ‰ã‚’åˆ©ç”¨ã—ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã†ã„ã†ã¨ã€ŒTriaina? PhoneGap ã‚„ Titanium ã¨ä½•ãŒé•ã†ã®?ã€ã¨ã‹ã€ŒFaceb
tune 2012/12/21
githubãƒªãƒã‚¸ãƒˆãƒªãŒ404ãªã®ã¯ç§ã ã‘?

ui

Android

iPhone

web
ãƒªãƒ³ã‚¯
æ¥½ã—ã„BADUIã®ä¸–ç•Œ
æ‚©ã¿ã‚’æŠ±ãˆãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŸã¡ãŒã„ã‚‹ã¨ä¾é ¼ã‚’å—ã‘ã€ã¨ã‚ã‚‹ãƒ›ãƒ†ãƒ«ã«è¨ªå•è¨ºç™‚ã«ãã¦ã„ã‚‹Dr. ãƒŠã‚«ãƒ ãƒ©ï¼Žã•ã¦ï¼Œä»Šæ—¥ã®æ‚£è€…ã•ã‚“ãŸã¡ã¯ã©ã®ã‚ˆã†ãªæ‚©ã¿ã‚’æŠ±ãˆã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ãƒ»ãƒ»ãƒ» åŽŸç¨¿ã¯PDFã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã„ã¾ã™ã®ã§ã€â€¦ ç¶šãã‚’èªã‚€ Â»
tune 2012/12/05
ãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸