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

aki77 id:aki77

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

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

STUDIO | Webåˆ¶ä½œã‚’ã€ãƒŽãƒ¼ã‚³ãƒ¼ãƒ‰ã§ã€‚
ã‚³ãƒ¼ãƒ‰ã‚„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ç¸›ã‚‰ã‚Œãšã«ã€ èª°ã§ã‚‚è‡ªç”±è‡ªåœ¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³å¯èƒ½ã€‚ ä½œæˆã—ãŸã‚µã‚¤ãƒˆã¯ã€1ã‚¯ãƒªãƒƒã‚¯ã§ä¸–ç•Œã«å…¬é–‹ã€‚ ãã†ã€å¿…è¦ãªã®ã¯STUDIOã ã‘ã§ã™ã€‚
aki77 2024/11/28
web

tool

ui
ãƒªãƒ³ã‚¯
shadcn/ui
Hi, let's have a meeting tomorrow to discuss the project. I've been reviewing the project details and have some ideas I'd like to share. It's crucial that we align on our next steps to ensure the project's success. Please come prepared with any questions or insights you may have. Looking forward to
aki77 2024/08/13
ui

react
ãƒªãƒ³ã‚¯
ãƒ«ãƒ¼ãƒ«ã§ã¯ãªãè£œåŠ©ç·š â”€ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°2,000ä¸‡äººè¶…ã®ã‚µãƒ¼ãƒ“ã‚¹ã«ãŠã‘ã‚‹ã€Design Systemã‚’ç«‹ã¡ä¸Šã’ãŸè©±ï½œMercari Design Blog
ãƒ«ãƒ¼ãƒ«ã§ã¯ãªãè£œåŠ©ç·š â”€ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°2,000ä¸‡äººè¶…ã®ã‚µãƒ¼ãƒ“ã‚¹ã«ãŠã‘ã‚‹ã€Design Systemã‚’ç«‹ã¡ä¸Šã’ãŸè©± ã“ã‚“ã«ã¡ã¯ã€ãƒ¡ãƒ«ã‚«ãƒªDesign Systemã®ç«‹ã¡ä¸Šã’ã¨é‹ç”¨ã‚’æ‹…å½“ã—ãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®tottieã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ¡ãƒ«ã‚«ãƒªã®æŠ±ãˆã¦ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã®èª²é¡Œã‚’Design Systemã®å°Žå…¥ã§æ”¹å–„ã—ãŸãŠè©±ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ ãªãœDesign Systemã‚’å°Žå…¥ã—ãŸã®ï¼ŸDesign Systemã‚’å°Žå…¥ã—ãŸç†ç”±ã¯ã€å¤§ããåˆ†ã‘ã¦ï¼’ã¤ã‚ã‚Šã¾ã™ã€‚ ï¼‘ã¤ã‚ã¯ã€é–‹ç™ºã«ãŠã‘ã‚‹èª²é¡Œã§ã™ã€‚ å°Žå…¥ã‚’æ±ºå®šã—ãŸå½“æ™‚ï¼ˆ2018å¹´ï¼‰ã€ãƒ¡ãƒ«ã‚«ãƒªã¯ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã‹ã‚‰æ€¥æˆé•·ã—ãŸã‚µãƒ¼ãƒ“ã‚¹ã ã£ãŸãŸã‚ã€é–‹ç™ºãƒãƒ¼ãƒ ã¯æ§˜ã€…ãªèª²é¡Œã‚’æŠ±ãˆã¦ã„ã¾ã—ãŸã€‚ ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ”¹ä¿®ã—ãŸãã¦ã‚‚ã€è¤‡é›‘ã«çµ¡ã¿åˆã£ãŸã‚³ãƒ¼ãƒ‰ã®ãŸã‚ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãŒé›£ã—ã„çŠ¶æ³ã«ãªã£ã¦ããŸã€‚ æ€¥æ¿€ãªãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ã®å¢—åŠ ã«ã‚ãŸã‚Šã€åˆ†æ‹…ã—ã¦ä½œæ¥ã™ã‚‹ãŸã‚ã®åœŸå°ã®æ•´å‚™ãŒé–“ã«åˆã‚ãªããªã£
aki77 2023/06/08
design

ui
ãƒªãƒ³ã‚¯
Radix UI
An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and goâ€”no configuration required.
aki77 2023/05/13
react

ui
ãƒªãƒ³ã‚¯
UI Playbook
The documented collection of UI componentsyes, there's a search for 10 components âœŒï¸
aki77 2021/04/17
ui

design
ãƒªãƒ³ã‚¯
Refactoring UI: Designing a Dashboard UI
This video is taken from Refactoring UI â€” a comprehensive resource for helping you make your ideas look awesome without relying on the help of a designer. Learnâ€¦
aki77 2021/04/05
ui

design

dashboard
ãƒªãƒ³ã‚¯
Refactoring UI
Make your ideas look awesome, without relying on a designer.Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.
aki77 2021/03/29
book

design

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

design
ãƒªãƒ³ã‚¯
ç¤¾å†…UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å¤‰é· - STORES Product Blog
heyã®STORESã§ECã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹@nkobaã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ä½¿ç”¨ã—ã¦ã„ã‚‹UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ç™ºä¿¡ã—ã¦ã„ãã¾ã™ï¼ ç¤¾å†…UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã¯ STORESã®ECã§ã¯STORES.jp-Front-Commonã¨ã„ã†ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œæˆã—ã¦ã„ã¾ã™ã€‚ ãã®ä¸€éƒ¨ã¨ã—ã¦UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå«ã¾ã‚Œã¦ãŠã‚Šã€ã“ã‚Œã‚’ç¤¾å†…ãƒ—ãƒãƒ€ã‚¯ãƒˆã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã§é–‹ç™ºåŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã®è§¦ã‚Šå¿ƒåœ°ã‚’æ‹…ä¿ã—ã¦ã„ã¾ã™ã€‚ åŸºæœ¬çš„ã«STORESã®ECã§ã¯ãƒ–ãƒ©ãƒ³ãƒ‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€ä½¿ã„å¿ƒåœ°ãªã©ã‚’è¡¨ç¾ã™ã‚‹ãŸã‚ã«ã€ã»ã¼å…¨ã¦ã®UIã¯è‡ªä½œã—ã¦ã„ã¾ã™ã€‚ ç¤¾å†…UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ä¸»ã«ä½¿ç”¨ã—ã¦ã„ã‚‹æŠ€è¡“ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ Vue.js Storybook REG-SUIT Jest ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å®Ÿéš› å®Ÿéš›ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ å°Žå…¥æœŸ èƒŒæ™¯ ç§ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã«åŠ ã‚ã£ãŸã®ã¯2018å¹´ã®æœ«é ƒã§ã—
aki77 2020/08/02
ui
ãƒªãƒ³ã‚¯
ã€Œãƒ—ãƒãƒ€ã‚¯ãƒˆé–“å…±é€šã® React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ãŒã©ã†ãªã£ãŸã‹ã€ã¨ã„ã†è©± - SmartHR Tech Blog
ã“ã‚“ã«ã¡ã¯ï¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® @diescake ã§ã™ï¼ 1 å¹´ç¨‹å‰ã« @nabeliwo ã‚ˆã‚Šã“ã‚“ãªè¨˜äº‹ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ tech.smarthr.jp ä¸€è¨€ã§è¦ç´„ã—ã¦ã—ã¾ã†ã¨ã€SmartHR ã®å„ç¨®ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ä¸€è²«ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’æä¾›ã™ã‚‹ãŸã‚ã«ã€SmartHR UI ã¨ã„ã† React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å®Ÿè£…ã—å§‹ã‚ãŸã‚ˆï¼ ã—ã‹ã‚‚ OSS ã¨ã—ã¦å…¬é–‹ã—ã¦ã‚‹ã‚ˆï¼ ã¨ã„ã†è©±ã§ã”ã–ã„ã¾ã—ãŸã€‚ github.com æœ¬è¨˜äº‹ã§ã¯ã€ãã‚Œã‹ã‚‰ 1 å¹´å¼±ãŸã£ãŸä»Š SmartHR UI ãŒã©ã†ãªã£ã¦ã„ã‚‹ã‹ã€ã¨ã„ã†è©±ã‚’ã—ã¤ã¤ã€ç¾åœ¨ã® SmartHR UI ã®é‹ç”¨ãƒ»é–‹ç™ºä½“åˆ¶ã«ã¤ã„ã¦è©±ã‚’ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ SmartHR UI ã¯æˆé•·ã—ã¦ã„ã‚‹ã‚ˆï¼ 2019/08/01 2020/05/21 ãƒãƒ¼ã‚¸ãƒ§ãƒ³ v3.9.2 v8.2.0 ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæ•°1 30 66 ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è¦æ¨¡2 3
aki77 2020/06/08
react

ui
ãƒªãƒ³ã‚¯
Facebookã®æ–°ã—ã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã§è¦‹ã¤ã‘ãŸCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
å…ˆæœˆã‹ã‚‰ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ®µéšŽçš„ã«é©ç”¨ã•ã‚Œå§‹ã‚ãŸFacebookã®æ–°ã—ã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã€ãã“ã§è¦‹ã¤ã‘ãŸCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’è§£èª¬ã—ãŸè¨˜äº‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSSã®å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæ•°å¤šãä½¿ç”¨ã•ã‚Œã¦ãŠã‚Šã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚„ä½•ã‚‰ã‹ã®åˆ¶ç´„ã«ã‚ˆã‚‹å®Ÿè£…æ™‚ãªã©ã®å‚è€ƒã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ CSS Findings From The New Facebook Design by Ahmad Shadeed ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚¢ãƒã‚¿ãƒ¼ã«SVGã‚’ä½¿ç”¨ã™ã‚‹ ãƒžãƒ¼ã‚¸ãƒ³ã®ä»£ã‚ã‚Šã«ã‚¹ãƒšãƒ¼ã‚µãƒ¼divã‚’ä½¿ç”¨ã™ã‚‹ CSSãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã®ä½¿ç”¨ ã‚·ãƒ£ãƒ‰ã‚¦ã«ç”»åƒã‚’ä½¿ç”¨ã™ã‚‹ CSSå¤‰æ•°ã®å¤šç”¨ ãƒ†ã‚ã‚¹ãƒˆã®çœç•¥è¡¨ç¤ºï¼ˆè¤‡æ•°è¡Œãƒ†ã‚ã‚¹ãƒˆã®åˆ‡ã‚Šæ¨ã¦ï¼‰ ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«divã‚’ä½¿ç”¨ã™ã‚‹ insetãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä½¿ç”¨ dir=autoã¨CSSã®è«–ç†ãƒ—ãƒãƒ‘ãƒ†ã‚£
aki77 2020/04/28
facebook

ui

css
ãƒªãƒ³ã‚¯
æ–°ã—ã„HTMLã‚¿ã‚°portalã€Portalsæ©Ÿèƒ½ã§å¤‰ã‚ã‚‹Webã®é·ç§»ä½“é¨“ï¼ã€€CDS2019ã§ç´¹ä»‹ã•ã‚ŒãŸãƒ¤ãƒ•ãƒ¼ã®å®Ÿè£…ä¾‹ #UIUX
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚PayPayãƒ¢ãƒ¼ãƒ«ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é–¢ã¨ã€Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è©é‡Žã§ã™ã€‚ çš†æ§˜ã€çªç„¶ã§ã™ãŒPortalsã‚’ã”å˜ã˜ã§ã—ã‚‡ã†ã‹ã€‚ Portalsã¨ã¯ã€æ–°ã—ã„HTMLè¦ç´ ã§ã™ã€‚2019å¹´11æœˆ11æ—¥ã€œ12æ—¥ã«ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§é–‹å‚¬ã•ã‚ŒãŸã€ŒChrome Dev Summit 2019ã€ï¼ˆä»¥ä¸‹CDSï¼‰ã§ã‚‚ç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ã€PortalsãŒå¯èƒ½ã«ã™ã‚‹æ–°ã—ã„Webã§ã®ä½“é¨“ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Portalsã¨ã¯ï¼Ÿã€€ãªã«ãŒã§ãã‚‹ã®ï¼Ÿ Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦è‰¯ã„ä½“é¨“ã‚’æä¾›ã™ã‚‹ãŸã‚ã«ã¯ã€è¡¨ç¤ºé€Ÿåº¦ã®å‘ä¸ŠãŒæ¬ ã‹ã›ã¾ã›ã‚“ã€‚ Portalsã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ç”»é¢é·ç§»ã®ä½“æ„Ÿé€Ÿåº¦ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã¾ãšã¯ã“ã¡ã‚‰ã®æ¯”è¼ƒ
aki77 2019/11/18
yahoo

ui
ãƒªãƒ³ã‚¯
GoogleãŒç¹°ã‚Šè¿”ã™ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã‹ã‚‰ãŸã©ã‚Šç€ã„ãŸæ¥µæ„ã€Œæ˜Žç™½ã“ããŒè‡³é«˜ã€ã«ã¤ã„ã¦è§£èª¬
by Rajeshwar Bachu Googleã¯Googleæ¤œç´¢ã‚„Gmailãªã©ã•ã¾ã–ã¾ãªãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ä½œæˆã—ã¦ã„ã¾ã™ãŒã€ãã†ã„ã£ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸ã§å¾—ãŸçŸ¥è¦‹ãªã©ã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»é–‹ç™ºè€…ãŸã¡ã«ã‚ˆã‚‹å…±åŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒGoogle Designã€ãŒå˜åœ¨ã—ã¾ã™ã€‚ãã®Google DesignãŒã€ã€Œæ˜Žç™½ãªUIã“ãè‡³é«˜ã®UIã§ã‚ã‚‹ã€ã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹(UI)ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦é‡è¦ãªè¦ç´ ã‚’ã¾ã¨ã‚ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ The Obvious UI is Often the Best UI - Google Design - Medium https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒã§ãã‚‹é™ã‚Šä½¿ã„ã‚„ã™ãã€å¯èƒ½ãªé™ã‚Šèª˜å°Žçš„ãªã‚‚ã®ã«ãªã‚‹ã‚ˆ
aki77 2019/10/11
design

google

ui
ãƒªãƒ³ã‚¯
UIã®ãŠä½œæ³•ã€‚28å€‹ã®ã€Œã€‡ã€‡ã§ããã†æ„Ÿã€ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ï½œmaiokamoto
UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã€Œã€‡ã€‡ã§ããã†ãªæ„Ÿã€ã‚’å‡ºã™ã“ã¨ã¯ã€éžå¸¸ã«å¤§åˆ‡ã§ã™ã€‚äºˆæ¸¬ã•ã‚Œã‚‹å‹•ä½œã‚„æ„å‘³ãŒã€è‡ªç„¶ã«ç†è§£ã§ãã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦å„ªã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã€å¤§ãã•ã€è‰²ãªã©ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç´°ã‹ã„è¦ç´ ã®ç©ã¿é‡ãã€‚ã™ã§ã«å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æµ¸é€ã—ã€ç¿’æ…£åŒ–ã•ã‚Œã¦ã„ãã†ãªã€Œã€‡ã€‡ã§ããã†æ„Ÿã€ã‚’28å€‹ã¾ã¨ã‚ã¾ã—ãŸã€‚ ï¼‘ã€é€²ã‚ãã†æ„Ÿ ï¼’ã€æˆ»ã‚Œãã†æ„Ÿ ï¼“ã€é€²ã‚ãã†ï¼†æˆ»ã‚Œãã†æ„Ÿ ï¼”ã€é–‹ããã†æ„Ÿï¼ˆãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ï¼‰ ï¼•ã€é–‹ããã†æ„Ÿï¼ˆã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼‰ ï¼–ã€é–‹ããã†æ„Ÿï¼ˆãƒ¢ãƒ¼ãƒ€ãƒ«ï¼‘ï¼‰ ï¼—ã€é–‹ããã†æ„Ÿï¼ˆãƒ¢ãƒ¼ãƒ€ãƒ«ï¼’ï¼‰ ï¼˜ã€ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãŒé–‹ããã†æ„Ÿ ï¼™ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒé–‹ããã†æ„Ÿï¼ˆãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ï¼‰ ï¼‘ï¼ã€æ¤œç´¢ã§ããã†æ„Ÿ ï¼‘ï¼‘ã€å…¥åŠ›ã§ããã†æ„Ÿ ï¼‘ï¼’ã€æ¤œç´¢ã§ããã† ï¼‹ å…¥åŠ›ã§ããã†æ„Ÿ ï¼‘ï¼“ã€ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰å…¥åŠ›ã§ããã†æ„Ÿ ï¼‘ï¼”ã€ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰æ„Ÿï¼ˆå¼·ã‚ï¼‰ ï¼‘ï¼•ã€é–“é•ãˆãŸæ„Ÿï¼ˆã‚¨ãƒ©ãƒ¼ï¼‰ ï¼‘ï¼–ã€åˆã£ã¦ã‚‹æ„Ÿï¼ˆOKï¼‰ ï¼‘ï¼—ã€é›»è©±ã‹ã‹ã‚‹æ„Ÿ
aki77 2019/06/18
ui
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ«ã‚«ãƒªãŒæ¤œç´¢çµæžœã«ã€Œå£²ã‚ŒãŸå•†å“ã€ã‚‚è¡¨ç¤ºã™ã‚‹ã®ã¯ãªãœï¼Ÿã€€å•†å“æ¤œç´¢ã«ãŠã‘ã‚‹UI/UXã®è€ƒãˆæ–¹
2019å¹´2æœˆ26æ—¥ã€æ¤œç´¢æŠ€è¡“ç ”ç©¶ä¼šãŒä¸»å‚¬ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€ŒSearch Engineering Tech Talkã€ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ã€Œæ¤œç´¢ã€ã‚„ã€Œæ¤œç´¢ã‚·ã‚¹ãƒ†ãƒ ã€ã«ã¾ã¤ã‚ã‚‹æŠ€è¡“ã‚„æ‰‹æ³•ã‚’å…±æœ‰ã™ã‚‹æœ¬ã‚¤ãƒ™ãƒ³ãƒˆã€‚ç¬¬1å›žã¨ãªã‚‹ä»Šå›žã¯ã€3äººã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€ç¾å ´ã®çµŒé¨“ã‚’é€šã—ã¦å¦ã‚“ã ãƒŽã‚¦ãƒã‚¦ã‚„ã€æ¤œç´¢ã«ã¾ã¤ã‚ã‚‹çŸ¥è¦‹ã‚’èªžã‚Šã¾ã™ã€‚ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒUIï¼UXã‹ã‚™ç„¡æ„è˜ã«æ¤œç´¢è¡Œå‹•ã«ä¸Žãˆã‚‹å½±éŸ¿ã€ã«ç™»å£‡ã—ãŸã®ã¯ã€æ ªå¼ä¼šç¤¾ãƒ¡ãƒ«ã‚«ãƒªDirector of Search Engineering ã®æ£®å±±å¤§æœ—æ°ã€‚ãƒ¡ãƒ«ã‚«ãƒªã®æ¤œç´¢çµæžœã‚’æ”¹å–„ã™ã‚‹ä¸Šã§ã‚ã‹ã£ãŸã€æƒ…å ±æ¤œç´¢ã¨å•†å“æ¤œç´¢ã«ãŠã‘ã‚‹é•ã„ã‚’èªžã‚Šã¾ã™ã€‚è¬›æ¼”è³‡æ–™ã¯ã“ã¡ã‚‰ UI/UXãŒç„¡æ„è˜ã«æ¤œç´¢è¡Œå‹•ã«ä¸Žãˆã‚‹å½±éŸ¿ã«ã¤ã„ã¦ æ£®å±±å¤§æœ—æ°ï¼ˆä»¥ä¸‹ã€æ£®å±±ï¼‰ï¼šã¿ãªã•ã‚“ãŠç–²ã‚Œã•ã¾ã§ã™ã€‚ä»Šæ—¥ã¯ãƒ¡ãƒ«ã‚«ãƒªã«ãŠè¶Šã—ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãŠé…’ã‚‚å†·è”µåº«ã®ä¸ã«ã„ã£ã±ã„å…¥ã£ã¦ã„ã¾ã™ã®ã§ã€é£²ã¾ã‚ŒãŸã„æ–¹ã¯ã€ã¨ãã«ãƒ
aki77 2019/05/18
ui
ãƒªãƒ³ã‚¯
ã€Œå¤§è¦æ¨¡ãªUIæ”¹ä¿®ã€ã‚’è¡Œã†ã¨ã©ã†ãªã‚‹ã‹
ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã—ã¦ã„ãã¨ã€ã€Œå¤§è¦æ¨¡ãªUIæ”¹ä¿®ã€ã«éé‡ã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã€‚ ã‚ã¡ã“ã¡ã§è¦‹èžãã—ãŸçµæžœã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚‹ã‚ˆã†ã«æ„Ÿã˜ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ãŸã€‚ ï¼ˆUIæ”¹ä¿®ãªã®ã§åŸºæœ¬çš„ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‹ã‚‰ã¿ãŸå†…å®¹ï¼‰ ã“ã‚Œã¯ä¸€èˆ¬çš„ã«ã€ŒæŠ€è¡“çš„è² å‚µã€ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è² å‚µï¼ˆUIã‚’ç½®ãå ´æ‰€ãŒç„¡ããªã£ãŸã‚Šç„¡ããªã£ãŸã‚Šã€åŒã˜æ¦‚å¿µã®UIãŒåˆ†æ•£ã—ãŸã‚Šï¼‰ã§ã‚ã‚‹å ´åˆã‚‚å¤šã„ã€‚ ï¼ˆã¡ãªã¿ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è² å‚µã¯ã€Œãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å¤šç”¨ã™ã‚‹ã€ã¨ã‹ã€ã€Œæœ€å°ç”»é¢ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚‹ã€ã¨ã‹ã®å½¢ã§ç¾ã‚Œã‚„ã™ã„ï¼‰ ãã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³è² å‚µã«å¯¾å¿œã™ã‚‹ãŸã‚ã«å®Ÿè£…ã®å›°é›£ãªUIãŒå¢—ãˆã‚‹ãŸã‚ã€æŠ€è¡“çš„è² å‚µã‚‚é«˜ããªã‚‹å‚¾å‘ãŒã‚ã‚‹ã€‚ ï¼ˆã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®æŠ€è¡“çš„è² å‚µãŒDBã®è² å‚µã«èµ·å› ã™ã‚‹å ´åˆãŒå¤šã„ã“ã¨ã¨ä¼¼ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ï¼‰
aki77 2019/05/10
ui
ãƒªãƒ³ã‚¯
Quasar Framework - Build high-performance VueJS user interfaces in record time
The enterprise-ready cross-platform VueJs framework Are you ready to lift off?arrow_downward
aki77 2019/03/07
vue.js
ãƒªãƒ³ã‚¯
ã€CEDEC 2018ã€‘æ˜Žå¿«ã§è»½å¿«ï¼ Nintendo Switchã®UIã‚’è§¦ã‚‹ã ã‘ã§æ¥½ã—ã„ç†ç”± - GAME Watch
aki77 2018/08/25
nintendo

ui
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«UIãŒåˆ†ã‹ã‚Šã«ãã„ã¨è¨€ã‚ã‚ŒãŸ - ä¸¦ã³æ›¿ãˆãƒœã‚¿ãƒ³ç·¨ï½œANDPAD Design Teamï½œnote
ANDPADã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‹…å½“ã—ã¦ã„ã‚‹å¾Œè—¤ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ã€Œã“ã®ãƒœã‚¿ãƒ³ã€åˆ†ã‹ã‚Šã«ãã„ã§ã™ãã€ é–‹ç™ºã‚’é€²ã‚ã¦ã¦ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã“ã†è¨€ã‚ã‚ŒãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã€Œã“ã®ãƒœã‚¿ãƒ³ã£ã¦ã€ã©ã†å‹•ãã‚“ã§ã™ã‹ï¼Ÿã€ ã€Œã“ã®ãƒœã‚¿ãƒ³ã€æ°—ãŒã¤ãã«ãã„ã§ã™ãã€‚ã€ ãã†ã„ã£ãŸã¨ãã«ã€ã©ã®ã‚ˆã†ã«UIã®æ„æ€æ±ºå®šã‚’ã—ãŸã‹ã€èª¬æ˜Žã—ã¦ç´å¾—ã—ã¦ã‚‚ã‚‰ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€Œä¸¦ã³æ›¿ãˆãƒœã‚¿ãƒ³ã€ã§èµ·ããŸã‚±ãƒ¼ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ã¾ã‚Šç›®ç«‹ãŸãªã„æ©Ÿèƒ½ã§ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ã‚’æ•´ç†ã™ã‚‹ã“ã¨ãŒå¤šã„BtoBå‘ã‘ã‚µãƒ¼ãƒ“ã‚¹ã§ã¯ã€è¦æœ›ãŒå¤šã„æ©Ÿèƒ½ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã€ç›®æ¬¡ã€‘ ãƒ»ã©ã“ãŒåˆ†ã‹ã‚Šã«ãã‹ã£ãŸã‹ï¼Ÿ ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é€šã‚‹æ€è€ƒå›žè·¯ã¯é•ã† ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è€ƒãˆãŸè§£æ±ºç– ãƒ»ç”»é¢ä¸Šã«ãŠã‘ã‚‹æ©Ÿèƒ½ã®å„ªå…ˆé †ä½ ãƒ»æ©Ÿèƒ½å˜ä½“ã®ã‚´ãƒ¼ãƒ« ãƒ»ã¾ã¨ã‚ ã©ã“ãŒåˆ†ã‹ã‚Šã«ãã‹ã£ãŸã‹ï¼Ÿå®Ÿéš›ã®ç”»é¢ãŒã“ã¡ã‚‰ã§ã™ã€‚ï¼ˆâ€»ã“ã¡ã‚‰ã¯ç¾åœ¨é–‹ç™ºä¸ã®æ©Ÿèƒ½ã«ãªã‚Šã¾ã™ï¼‰ ã•ã¦ã€ã©ã“ãŒåˆ†ã‹ã‚Šã«ãã‹ã£ãŸã§ã—
aki77 2018/05/27
design

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

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