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

dai_yamashita id:dai_yamashita

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

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

GitHub - sqlpage/SQLPage: Fast SQL-only data application builder. Automatically build a UI on top of SQL queries.
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
dai_yamashita 2024/09/15
github

sql

build

ui
ãƒªãƒ³ã‚¯
Mail
dai_yamashita 2024/04/23
UI
ãƒªãƒ³ã‚¯
å®Ÿä¾‹ã‹ã‚‰è€ƒãˆã‚‹UIã®æƒ…å ±è¨è¨ˆï½œusagimaru
æƒ…å ±è¨è¨ˆã¨ã¯ã€ç«¯çš„ã«è¨€ã†ã¨ã€Œæƒ…å ±ã«é–¢ã™ã‚‹æ··ä¹±ã‚’æ•´ãˆã¦ã€ç†è§£ã—ã‚„ã™ã„å½¢ã«ã™ã‚‹è¡Œã„ã€ã§ã™ã€‚æƒ…å ±è¨è¨ˆã¨ã„ã†ã¨ãªã‚“ã¨ãªãWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚„UIãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹å°‚é–€çš„ãªåˆ†é‡Žã¨ã—ã¦èªè˜ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€â€œæƒ…å ±â€ ã«é–¢ã™ã‚‹ã“ã¨ãªã®ã§ã€æƒ…å ±ãŒã‚ã‚‹ã¨ã“ã‚ã«ã¯åŸºæœ¬çš„ã«ã©ã“ã«ã§ã‚‚é€šç”¨ã—ã¾ã™ã€‚ æƒ…å ±è¨è¨ˆã®å°‚é–€æ›¸ã‚’æ¼ã£ã¦ã¿ã‚‹ã¨ã€â€œãµã‚ã£ã¨ã—ãŸâ€ è©±ã‹ã€Webã‚µã‚¤ãƒˆè¨è¨ˆã®è©±ã«çµ‚å§‹ã™ã‚‹ã‚‚ã®ãŒå¤šã„ã®ã§ã™ãŒã€æœ¬æ¥ã¯Webã‚µã‚¤ãƒˆè¨è¨ˆä»¥å¤–ã®åˆ†é‡Žã«ã‚‚é€šç”¨ã™ã‚‹è€ƒãˆæ–¹ã§ã™ã€‚ä»Šå›žã¯iOSãªã©ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã€UIã®æƒ…å ±è¨è¨ˆã¨ã„ã†ã‚‚ã®ã‚’è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è³‡æ–™ã§ã¯ã€ã€Œæƒ…å ±è¨è¨ˆã¨ã—ã¦ã®UIã®çµ„ã¿ç«‹ã¦æ–¹ã¨è€ƒãˆæ–¹ã€ã‚’ãƒ†ãƒ¼ãƒžã¨ã—ã€ã™ã§ã«ã‚ã‚‹ã‚ˆã†ãªUIã®å®Ÿä¾‹ã‚’ç”¨ã„ã¦æƒ…å ±è¨è¨ˆè¦–ç‚¹ã§ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®è§£èª¬ã‚’è©¦ã¿ã¾ã™ã€‚UIã®å…·ä½“ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨çµæžœã‹ã‚‰è¨è¨ˆã®æ„å›³ã¨ã„ã†ã‚‚ã®ã‚’ã‚¯ã‚¤ã‚ºå½¢å¼ã§è€ƒãˆã‚‰ã‚Œã‚‹å†…å®¹ã¨ãªã£ã¦ã„ã¾ã™
dai_yamashita 2022/12/25
ui

è¨è¨ˆ

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

design
ãƒªãƒ³ã‚¯
Patterns Â |Â Component patterns Â |Â web.dev
Web Platform Dive into the web platform, at your pace.
dai_yamashita 2022/10/11
web

ux

ui

animation
ãƒªãƒ³ã‚¯
LPã‚„Webè£½ä½œã‚’é«˜é€ŸåŒ–ã™ã‚‹UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã‚’ä½œã£ãŸ
ãƒªãƒ³ã‚¯ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä¾‹ æ¦‚è¦ã¨ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ Camome UI ã¯ã²ã¨ã“ã¨ã§è¨€ã†ã¨ã€ŒæŠ½è±¡åº¦ã®é«˜ã„ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã€ã§ã™ã€‚ Bootstrap ã‚„ MUI ãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¡žã¨ã¯ç•°ãªã‚Šã€ç¶²ç¾…çš„ãƒ»æ±Žç”¨çš„ãªãƒ‘ãƒ¼ãƒ„ã‚’æä¾›ã™ã‚‹ã“ã¨ãŒç›®çš„ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã¤ã¾ã‚Š Button ã‚„ Input ã‚„ã€ã‚‚ã†å°‘ã—ãƒã‚¤ãƒ¬ãƒ™ãƒ«ãª Navbar ãªã©ã‚’é«˜ã„ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã¨ã¨ã‚‚ã«æä¾›ã™ã‚‹ã¤ã‚‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãã‚Œã‚ˆã‚Šã‚‚ã€ŒLP ã®ã“ã®éƒ¨åˆ†ã«ã‚³ãƒ”ãƒšã™ã‚Œã°ã‚µã‚¯ãƒƒã¨æ±ºã¾ã‚‹ã€ã‚ˆã†ãªä½“é¨“ã‚’é‡è¦–ã—ã¦ã„ã¾ã™ã€‚UI ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã£ã¦ã‚‚ã€å¤šãã®å ´åˆã¯ãã‚Œã»ã©å¤‰ã‚ã£ãŸã‚‚ã®ãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã‚ã‘ã§ã¯ãªãã€ä½¿ã„å›žã›ã‚‹ã‚‚ã®ãŒå¤§åŠã ã¨æ€ã„ã¾ã™ã€‚ è¦ã™ã‚‹ã«ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã®å¸¸å¥—å¥ã€ã¿ãŸã„ãªã‚‚ã®ãŒå˜åœ¨ã™ã‚‹ã‚ã‘ã§ã™ã€‚Camome UI ã¯ãã†ã„ã†ã€Œã‚ˆãã‚ã‚‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸãã•ã‚“åŽéŒ²ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯å¾—æ„ã§ã‚‚ãƒ‡
dai_yamashita 2022/09/16
html

web

ui
ãƒªãƒ³ã‚¯
ã€ŒUXãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ã‹ã‚‰ã¯ã˜ã‚ã‚‹ã€Œæœ¬æµã€ã®UXãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã˜ã‚ã®ä¸€æ© | UXãƒ‡ã‚¶ã‚¤ãƒ³åŸºç¤Žã‚»ãƒŸãƒŠãƒ¼ ç¬¬1å›ž
2022å¹´7æœˆ15æ—¥ ã‚¯ãƒªãƒ¼ã‚¯ï½¥ã‚¢ãƒ³ãƒ‰ï½¥ãƒªãƒãƒ¼ç¤¾ã§ã®UXãƒ‡ã‚¶ã‚¤ãƒ³åŸºç¤Žã‚»ãƒŸãƒŠãƒ¼ç¬¬1å›ž ã€Œã€ŽUXãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ã‹ã‚‰ã¯ã˜ã‚ã‚‹ã€Žæœ¬æµã€ã®UXãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã˜ã‚ã®ä¸€æ©ã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ UXãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ä½•ã‚’ã™ã‚‹ã“ã¨ã‹ã€ãã®ä¸å¿ƒã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼šã†ã“ã¨ã€ã ã¨ã„ã†ãŠè©±ã‚’ã—ã¦ã„ã¾ã™ã€‚Read less
dai_yamashita 2022/07/18
ux

ui

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

design

slide
ãƒªãƒ³ã‚¯
The HIG & Software UI Design
WWDC22 Recap in Goodpatch WWDC22ã®ç™ºè¡¨å†…å®¹ã¨HIGã®æ›´æ–°å†…å®¹ã®æŒ¯ã‚Šè¿”ã‚Šã¤ã¤ã€Appleãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ãŠã‘ã‚‹HIGã®ä½ç½®ä»˜ã‘ã¨ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢UIãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å‘ãåˆã„æ–¹ã‚’è€ƒãˆã¾ã™ã€‚
dai_yamashita 2022/07/12
Apple

developer

design

ui

slide
ãƒªãƒ³ã‚¯
Horizon UI: Free React Admin Template for Trendy Dashboards
Download our Free React Admin Dashboard Template! Integrated with Chakra UI, NextJS, Tailwind CSS, Shadcn UI, and more, it comes with 70+ UI components for a sleek dashboard experience.
dai_yamashita 2022/04/20
ui

frontend

react
ãƒªãƒ³ã‚¯
é«˜é€Ÿå‘¨å›žãŒè¿·ã‚ãšã§ãã‚‹ï¼ ã€Œã‚¦ãƒžå¨˜ã€UIè¨è¨ˆã®æ ¹å¹¹ã¨ã¯ å¤§é‡ã®æƒ…å ±ã§ã‚‚ã€Œæ•´ç†ã¨ãƒ«ãƒ¼ãƒ«åŒ–ã€ã§ã‚ã‹ã‚Šã‚„ã™ã„ç”»é¢ã‚’ä½œã‚‹
dai_yamashita 2021/11/14
ui

è¨è¨ˆ

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

design
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªæ—¥æœ¬èªžUIã‚ãƒƒãƒˆã®å…¬é–‹ï½œJapan Digital Design, Inc.
ãªãœæ—¥æœ¬èªžUIã‚ãƒƒãƒˆã‚’å…¬é–‹ã™ã‚‹ã®ã‹ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ã®ç ”ç©¶æ´»å‹•ã®ã²ã¨ã¤ã¨ã—ã¦ã€ä½“é¨“è¨è¨ˆã‚„UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å“è³ªã‚’é«˜ã‚ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ å†…ã®å”åƒã‚’å††æ»‘ã«è¡Œã†ãŸã‚ã«ã€æ±Žç”¨çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ã‚»ãƒƒãƒˆã‚’ä½œæˆã—ã€ä½“é¨“ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã®ä»•çµ„ã¿åŒ–ã¨å…±æœ‰ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã‚‚ã€Figma Communityã‚’ã¯ã˜ã‚ã¨ã—ãŸæ§˜ã€…ãªåª’ä½“ã§UIã‚ãƒƒãƒˆãŒå…±æœ‰ãƒ»é…å¸ƒã•ã‚Œã¦ãŠã‚Šã€UIã‚ãƒƒãƒˆã‚’å‚è€ƒã«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¯ãƒ¼ã‚¯ã‚’è¡Œã†ã¨ã„ã†ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ä¸€æ–¹ã§UIã‚ãƒƒãƒˆã®å¤šããŒæ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã€å ´åˆã«ã‚ˆã£ã¦ã¯ã‚µã‚¤ã‚ºã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¾®èª¿æ•´ã—ãªãã¦ã¯ãªã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã“ã®UIã‚ãƒƒãƒˆã‚‚ã€å˜ã«Appleã‚„Googleã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ—¥æœ¬èªžåŒ–ã—ã¦ã„ã‚‹ã ã‘ã¨è¨€ãˆã°ãã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã‚Œã‚’æ´»ç”¨ã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã«æºã‚
dai_yamashita 2021/08/07
ios

android

ui

figma
ãƒªãƒ³ã‚¯
UI Movement - The best UI design inspiration, every day
Unlock UX Design Inspiration with the Best User Flows Explore real-world user flows and design patterns from leading apps and websites. Start Your Free Trial Real-World User Flow Examples Gain insights into the user experiences of popular apps and websites. Browse through user onboarding processes, login pages, checkouts, search flows, and more to enhance your own designs. Screen Recordings & Anno
dai_yamashita 2021/05/17
ãƒ‡ã‚¶ã‚¤ãƒ³

ui

mobile

design

web
ãƒªãƒ³ã‚¯
Goodpatchã®UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒãŠã™ã™ã‚ã€€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç†è§£ã™ã‚‹ãŸã‚ã®ãƒ–ãƒƒã‚¯ãƒªã‚¹ãƒˆã€2021å¢—è£œç‰ˆã€‘ï½œGoodpatch Blog ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒãƒ–ãƒã‚°
ä»Šå›žã¯ã€Goodpatchã®UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãƒ’ã‚¢ãƒªãƒ³ã‚°ã—ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç†è§£ã™ã‚‹ãŸã‚ã®ãŠã™ã™ã‚æœ¬ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ æ¬¡ã®ã‚ˆã†ãªäººã«ç‰¹ã«ãŠã™ã™ã‚ã§ã™ã€‚ UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã£ãŸã°ã‹ã‚Šã®äºº ã‚‚ã£ã¨UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦å‹‰å¼·ã—ãŸã„äºº ã‚µãƒ¼ãƒ“ã‚¹ã€ã‚¢ãƒ—ãƒªé–‹ç™ºã«æºã‚ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®äºº ç›®çš„åˆ¥ã«6ã¤ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚ãªãŸã®é–¢å¿ƒã«æ²¿ã£ãŸãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã€Â æ°—ã«ãªã‚‹æœ¬ã‚’è¦‹ã¤ã‘ã¦ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ é–¢é€£è¨˜äº‹ï¼šUIãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ å¤§åˆ‡ãª5ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚„å–ã‚Šçµ„ã¿äº‹ä¾‹ã‚’ç´¹ä»‹ 1. UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åŸºç¤Žã‹ã‚‰ç†è§£ã™ã‚‹ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã¨ã¯ä½•ãªã®ã‹ã€ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ãŒã‚ã‚‹ã®ã‹ã€UIãŒæ©Ÿèƒ½ã™ã‚‹ç’°å¢ƒã¨ã¯ï¼Ÿã€ã©ã†ã‚„ã£ã¦ä½œã£ã¦ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã®ã‹â€¦UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å§‹ã‚ã‚‹ãŸã‚ã«ã€ã¾ãšã¯åŸºç¤ŽçŸ¥è˜ã‚’ç¶²ç¾…ã—ã¾ã—ã‚‡ã†ã€‚ â– ã¯ã˜ã‚ã¦ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ æ”¹è¨‚ç‰ˆ ã“ã®æœ¬ã¯ã€è‘—è€…ã®1äººã§ã‚ã‚‹å‰ç«¹é¼ã•ã‚“ãŒã€ŒUIãƒ‡ã‚¶ã‚¤
dai_yamashita 2021/03/30
ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Trelloã®Descriptionæ¬„ã ã‘ã§UIã‚’è¶…ãˆãŸæ‰‹è§¦ã‚ŠãŒè‰¯ã™ãŽã¦å¦ã³ã—ã‹ãªã„ - Makeçµ„ãƒ–ãƒã‚°
Trelloã®UIï¼ˆUXï¼‰ãŒç´ æ™´ã‚‰ã—ã™ãŽã¾ã™ã€‚UIã¨è¨€ã£ã¦ã‚‚è¡¨é¢ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã¦ã€åŸºæœ¬çš„ãªè¦ç´ ã®æ‰‹è§¦ã‚ŠãŒè‰¯ã™ãŽã¾ã™ã€‚ ã¨ãã«ä¸Šã®å†™çœŸã«ã‚ã‚‹DescriptionãŒã™ã”ã„ã€‚ã“ã“ã ã‘ã§ä½œã‚Šè¾¼ã¿ãŒã™ã”ã™ãŽã¦ãƒ“ãƒƒã‚¯ãƒªã™ã‚‹ã€‚ ã“ã‚Œã¯ã‚«ãƒ¼ãƒ‰ï¼ˆTodoãƒªã‚¹ãƒˆã§ã„ã†ã‚¿ã‚¹ã‚¯ï¼‰ã®èª¬æ˜Žæ¬„ã§ã™ã€‚å…¥åŠ›ã¯textareaã§ã§ãã€URLãªã©ãŒå…¥åŠ›ã•ã‚Œã‚‹ã¨è¡¨ç¤ºã•ã‚Œã‚‹éš›ã¯ãƒªãƒ³ã‚¯ã«ãªã‚Šã¾ã™ã€‚ãŸã ãã‚Œã ã‘ã®è¦ç´ ã§ã™ã‚ˆã€‚ ãŸã ãã†ã„ã†æ¬¡å…ƒã˜ã‚ƒãªã„ã‚“ã§ã™ã‚ˆãã€‚ãŸã¨ãˆã°ä»¥ä¸‹ã®æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ DescriptionãŒç©ºã®ã¨ãã¯ã€ŒAdd a more detailled description...ã€ã‚’è¡¨ç¤ºã™ã‚‹ DescriptionãŒç©ºã®ã¨ãã¯ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã§èƒŒæ™¯è‰²ã‚’æ¿ƒãã—ã¦ã‚¯ãƒªãƒƒã‚¯ã‚’ä¿ƒã™ Descriptionå†…ã«æç”»ã™ã‚‹å†…å®¹ãŒã‚ã‚‹ã¨ãã¯ã€ cursor: pointer ã«ã™ã‚‹ã ã‘ã§èƒŒæ™¯è‰²ã¯å¤‰ã‚ã‚‰ãªã„ Descriptio
dai_yamashita 2021/02/28
ui

ux

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Game UI Database
Visualizers Default Greyscale Filter Protanopia Filter Deuteranopia Filter Tritanopia Filter Inversion Scanline/CRT ?????????
dai_yamashita 2020/12/06
game

ui
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³è¬›ç¿’ä¼š
2020/7/25ã«traPã§å®Ÿæ–½ã—ãŸUIãƒ‡ã‚¶ã‚¤ãƒ³è¬›ç¿’ä¼šã®è³‡æ–™ã§ã™
dai_yamashita 2020/07/25
ui

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

design

slide

OOUI
ãƒªãƒ³ã‚¯
ã€2024å¹´6æœˆç‰ˆã€‘ç®¡ç†ç”»é¢ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹25ã®æ”¹å–„ãƒã‚¤ãƒ³ãƒˆ | ãƒ™ã‚¤ã‚¸ã®UIãƒ©ãƒœï½žæ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã¨SaaSã®UIã‚’è€ƒãˆã‚‹
ç§ãŸã¡ã®æ—¥å¸¸æ¥å‹™ã§ä½¿ã‚ã‚Œã‚‹ç®¡ç†ç”»é¢ã¯ã€å¤§é‡ã®æƒ…å ±ã¨è¤‡é›‘ãªæ©Ÿèƒ½ã§æ§‹æˆã•ã‚Œã€åˆ©ç”¨é›£åº¦ãŒé«˜ã„å‚¾å‘ã«ã‚ã‚Šã¾ã™ã€‚æ¤œç´¢æ€§ã®ä¹ã—ã„ç®¡ç†ç”»é¢ã®ä¸€è¦§ã‹ã‚‰1ã¤ã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã‚‹ãŸã‚ã«ã€ã©ã‚Œã ã‘ã®æ™‚é–“ã‚’è²»ã‚„ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ 1å„„å††ã®å·¥æ•°ã‚’ã‹ã‘ã¦é–‹ç™ºã—ãŸæ©Ÿèƒ½ã‚‚ã€ä½Žå“è³ªãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã€æ©Ÿèƒ½ã®å˜åœ¨ã«æ°—ä»˜ã‹ã‚Œãªã‹ã£ãŸã‚Šã€é–“é•ã£ã¦ä½¿ã‚ã‚ŒãŸã‚Šã¨ã€æœŸå¾…ã—ãŸæ¥å‹™ã‚³ã‚¹ãƒˆã®å‰Šæ¸›ã«ç¹‹ãŒã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã§ã¯ã€1å„„å††ã‚’æ¨ã¦ãŸã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ ä½¿ã„å‹æ‰‹ã®è‰¯ããªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã ã‘ã§ã¯ãªãã€é–‹ç™ºè€…ã«ã‚‚æ‚ªå½±éŸ¿ã‚’åŠã¼ã—ã¾ã™ã€‚è¤‡é›‘ãªæ§‹é€ ã¨åˆ†ã‹ã‚Šã«ãã„æ“ä½œä½“ç³»ã®ç®¡ç†ç”»é¢ã¯ã€é–‹ç™ºã‚„ãƒ†ã‚¹ãƒˆã®æ‰‹é–“ã‚’å¢—ã‚„ã—ã€ãã®å¾Œã®æ©Ÿèƒ½æ‹¡å¼µã‚‚é›£ã—ãã€æ”¹ä¿®ã‚³ã‚¹ãƒˆã‚‚å¢—å¤§ã—ã¾ã™ã€‚ ã“ã‚Œã‚‰ã®ãƒªã‚¹ã‚¯ã‚’æŠ‘ãˆã‚‹ãŸã‚ã«ã¯ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬åŽŸå‰‡ã‚’ç†è§£ã—ã€é©åˆ‡ã«ç®¡ç†ç”»é¢ã‚’è¨è¨ˆã™ã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚ ç§ãŸã¡ã¯ç®¡ç†ç”»é¢ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æ”¹å–„ã‚„ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’æ‰‹æŽ›ã‘ã‚‹ã“ã¨ã‚‚å¤šã„ã®ã§ã™ãŒã€ãã®çµŒé¨“
dai_yamashita 2020/06/18
ui

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

ç®¡ç†ç”»é¢
ãƒªãƒ³ã‚¯
Home | Open UI
Open UISection titled Open%20UIThe purpose of the Open UI, a W3C Community Group, is to allow web developers to style and extend built-in web UI components and controls, such as <select> dropdowns, checkboxes, radio buttons, and date/color pickers. To do that, weâ€™ll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility require
dai_yamashita 2020/03/31
ui
ãƒªãƒ³ã‚¯
ç¾ä»£ã®ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ é–‹ç™ºè€…ãŒå‘ãåˆã†ã¹ã ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤äº‹æƒ…ã¨ã€ãã®å¯¾å¿œæ–¹æ³•
ã¯ã˜ã‚ã« ç¾ä»£ã§ã¯å¤šãã®äººã€…ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚’æ‰€æŒã—ã€ã‚²ãƒ¼ãƒ ã‚’æ¥½ã—ã‚“ã§ã„ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚²ãƒ¼ãƒ å¸‚å ´ã¯å¤§ããã€ä¸–ç•Œã§ã¯ä»Šã‚‚å¤šãã®é–‹ç™ºè€…ãŸã¡ãŒ iOS / Android å‘ã‘ã®å•†ç”¨ã‚²ãƒ¼ãƒ ã‚’ä½œã£ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®é–‹ç™ºã«ã¯ã€å¤šãã®é–‹ç™ºè€…ã‚’æ‚©ã¾ã›ã‚‹ã¡ã‚‡ã£ã¨å›°ã£ãŸäº‹æƒ…ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œã¯ ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãŒéžå¸¸ã«å¤šãã®å¤šæ§˜æ€§ã‚’æŒã£ã¦ã„ã‚‹ ã“ã¨ã§ã™ã€‚ æ£æ–¹å½¢ã«è¿‘ã„å½¢ã®ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚‚ã‚ã‚Œã°ç´°é•·ã„ç«¯æœ«ã‚‚ã‚ã‚Šã€ã‚«ãƒ¡ãƒ©ãŒãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ä¸ã«å‰²ã‚Šè¾¼ã‚“ã§ã„ãŸã‚Šã€ OS ãŒå°‚æœ‰ã™ã‚‹é ˜åŸŸãŒã‚ã£ãŸã‚Šã¨æ§˜ã€…ã§ã™ã€‚ç‰©ç†çš„ãªå¤§ãã•ã‚‚ãƒãƒ©ãƒãƒ©ã§ã™ãã€‚ ãã®ãã›ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã¯ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ã§ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«è§¦ã‚Œã‚‹ UI ã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ã€‚ ã‚²ãƒ¼ãƒ é–‹ç™ºã‚’ç”Ÿæ¥ã¨ã™ã‚‹å¤šãã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ / ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆ / ã‚²ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã€ ã“ã‚Œã¾ã§ã«ä½•åº¦ã‚‚é ã‚’æŠ±ãˆã¦ããŸã“ã¨ã§ã—ã‚‡ã†ã€‚ æœ¬ç¨¿ã§ã¯ã€2019 å¹´ç¾
dai_yamashita 2019/11/30
é–‹ç™º

ã‚²ãƒ¼ãƒ

ui
ãƒªãƒ³ã‚¯
ã©ã‚“ãªãµã†ã«è¦‹ãˆã¦ã‚‹ã®ï¼Ÿã€€è‰²è¦šã«é…æ…®ã—ãŸUIè¨è¨ˆäº‹ä¾‹ #UI
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog åˆã‚ã¾ã—ã¦ã€‚Yahoo! JAPANã§Athenzã¨ã„ã†OSSã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®é‹ç”¨ãƒ»é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹æ¾æœ¬æ‹“ä¹Ÿã§ã™ã€‚ å”çªã§ã™ãŒã€ç§ã¯è‰²è¦šç•°å¸¸ã§ã™ã€‚ä»Šå›žã¯ç§ãŒè¦‹ã¦ã„ã‚‹è‰²ã«ã¤ã„ã¦ã€ã©ã‚“ãªãµã†ã«è¦‹ãˆã¦ã„ã‚‹ã®ã‹ã€å°‘ã—ã§ã‚‚ç†è§£ã—ã¦ã„ãŸã ã‘ãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚ãã—ã¦ã€ãã‚Œã‚’è¸ã¾ãˆã¦Yahoo! JAPANã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ è‰²è¦šç•°å¸¸ã£ã¦ã©ã†ã„ã†ã‚‚ã®ï¼Ÿ è‰²è¦šç•°å¸¸ã¨ã„ã†ç—‡çŠ¶ã«ã¤ã„ã¦ã©ã‚Œã»ã©ã”å˜ã˜ã§ã—ã‚‡ã†ã‹ï¼Ÿã€€è‰²è¦šç•°å¸¸ã¯è‰²ã‚’è¦‹ã‚‹èƒ½åŠ›ã«ä½•ã‹ã—ã‚‰ç•°å¸¸ãŒã‚ã‚‹ã“ã¨ã‚’ç¤ºã—ã€è‰²ãŒè¦‹ãˆãªã‹ã£ãŸã‚Šã€ã‚ã‹ã‚‰ãªã„ã¨ã„ã†ç—‡çŠ¶ãŒã‚ã‚Šã¾ã™ã€‚ï¼ˆä»Šå›žã¯è‰²è¦šç•°å¸¸ã«ä¼´ã†è¦–åŠ›ç•°å¸¸ã«ã¤ã„ã¦ã¯è§¦ã‚Œã¾ã›ã‚“ï¼‰è‰²è¦šç•°å¸¸ã¯ç”·æ€§ã®5ï¼…ç¨‹åº¦ã«è¦‹ã‚‰ã‚Œï¼ˆã“ã®ã‚ã¨
dai_yamashita 2019/11/25
ui

è¨è¨ˆ

slide
ãƒªãƒ³ã‚¯
iOSã®æ¨™æº–UIã«ã¤ã„ã¦å‹‰å¼·ä¼šã‚’è¡Œã„ã¾ã—ãŸï½œObjective-ã²ã‚CðŸœ
ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¾ã æ…£ã‚Œã¦ã„ãªã„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼(ãã®ä»–ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–è·)å‘ã‘ã«ç¤¾å†…ã§ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã‚’ã‚„ã£ãŸã¨ã“ã‚ã€æ€ã„ã®ã»ã‹å¥½è©•ã ã£ãŸã®ã§æŠœç²‹ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ç›®æ¬¡ ãƒ»æ¨™æº–UIã®å®šç¾© ãƒ»æ¨™æº–UIã®ãƒ¡ãƒªãƒƒãƒˆ ãƒ»æ¨™æº–UIã‚¯ã‚¤ã‚º ãƒ»æ¨™æº–ã«å€’ã™UIã¨å‡ã‚‹UIã®ãƒãƒ©ãƒ³ã‚¹ ãƒ»Xcodeã«ã¤ã„ã¦ ãƒ»Xcodeã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« ãƒ»Interface Builder ãƒ»ã‚ªãƒ¼ãƒˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ(å®Ÿæ¼”) ãƒ»Asset Catalog ãƒ»ä½œã£ã¦ã¿ã‚ˆã† ãƒ»å®Ÿè£…çš„ã«å¬‰ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ»ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒã‚ã‚‹ã¨ä½•ãŒå¬‰ã—ã„ã®ã‹ ãƒ»ãƒ©ãƒƒãƒ—ã‚¢ãƒƒãƒ— æ¨™æº–UIã‚¯ã‚¤ã‚ºã§ç†è§£åº¦ãƒã‚§ãƒƒã‚¯ã¨ã‚¢ã‚¤ã‚¹ãƒ–ãƒ¬ã‚¤ã‚¯ã‚’ã—ã¤ã¤ã€Xcodeã®ç´¹ä»‹ã‚’ã—ã€ã‚¢ãƒ—ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒä½•ã‚’è€ƒãˆã¦UIã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã‹å°‘ã—è§¦ã‚ŒãŸã‚ã¨ã«ã€å®Ÿéš›ã«Xcodeã‚’è§¦ã£ã¦ã‚‚ã‚‰ã£ã¦ãƒ“ãƒ«ãƒ‰ã—ã™ã‚‹ã¨ã“ã‚ã¾ã§è¡Œã„ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚¢ãƒ—ãƒªã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚‹ä½“é¨“ã‚’å‘³ã‚ã£ã¦æ¬²ã—ã„ã®ã¨ã€GUIã§ã©ã“ã¾ã§
dai_yamashita 2019/11/01
ios

GUI

ã‚¢ãƒ—ãƒª

slide

ui
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸