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

yusuketsuda id:yusuketsuda

Webã¨uiã«é–¢ã™ã‚‹yusuketsudaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

é…è‰²ã¯ã‚»ãƒ³ã‚¹ã˜ã‚ƒãªã„ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã§è‰²ã‚’ã‹ã‚“ãŸã‚“ã«ã‚ãƒ¡ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ï½œTaiki IKEDAï½œnote
ä»Šæ—¥ã¯å…ˆæ—¥å‹æ‰‹ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸPolipoliã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†æ™‚ã«åƒ•ãŒæ™®æ®µã©ã®ã‚ˆã†ã«è‰²ã‚’é¸æŠžã—ã¦ã„ã‚‹ã®ã‹ã‚’ã¨ã¦ã‚‚æ£ç›´ã«æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚åƒ•ãŒã“ã‚Œã‹ã‚‰è¨˜ã™æ–¹æ³•ã«å‰‡ã£ã¦è‰²ã‚’é¸ã¹ã°ã€èª°ã§ã‚‚ãƒŠã‚¦ã§ãƒ¤ãƒ³ã‚°ãªã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¯ã˜ã‚ã‚‹ã‚ˆ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã—ã¦ã¯ã‚¤ãƒ‹ã‚·ã‚¨ã‚ˆã‚Šã”å…ˆç¥–æ§˜ãŒãŠç¯‰ãã«ãªã‚‰ã‚ŒãŸãƒ«ãƒ¼ãƒ«ã«å‰‡ã£ã¦ä¸¦ã¹ã‚Œã°ã‚ªãƒ¯ã€ã‚ªãƒ¯ãƒªã§ã™ã€‚ã•ã£ããã“ã®Polipoliãƒ™ãƒƒãƒãƒ¥ãƒ¼ã€ã‚¿ã‚¿ã‚ã‚±ãƒ³ã‚µã‚ã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ã«è‰²ã‚’ã¤ã‘ã¦ã„ãã¾ã™ã€‚ 1. ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã‚’é¸ã¼ã†ã¾ãšã¯ã˜ã‚ã«ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã¾ã™ã€‚Polipoliã®ãƒ†ãƒ¼ãƒžã‚«ãƒ©ãƒ¼ã¯ãƒ”ãƒ³ã‚¯ãªã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®æ¤œç´¢æ¬„ã«ã€Œpink flat ui designã€ã¨æ‰“ã¡è¾¼ã¿ã¾ã™ã€‚ã‚¤ãƒ¡ãƒ¼ã‚¸ã«è¿‘ã„è‰²ãŒå‡ºã¦ããŸã‚‰ã‚¹ãƒã‚¤ãƒˆã§å¸ã„å–ã‚Šã¾ã—ã‚‡ã†ã€‚è‘—ä½œæ¨©ã«ã¯ãã‚Œãã‚Œã‚‚æ³¨æ„ã—ã¦ãã ã•ã„è²¬ä»»ã¯è² ã„ã¾ã›ã‚“ã€‚ Polipoliã«é–¢ã—ã¦ã¯æœ€åˆã‹ã‚‰ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼
yusuketsuda 2019/03/15
web

webåˆ¶ä½œ

ui

é…è‰²
ãƒªãƒ³ã‚¯
Web Fundamentals â€” Google Developers
Web Platform Dive into the web platform, at your pace.
yusuketsuda 2017/06/13
web

components

app

service

UI
ãƒªãƒ³ã‚¯
ãŠã™ã™ã‚ãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€æ›¸10é¸ : could
ãŸã¾ã«ã¯æœ¬ã‚‚ã„ã‹ãŒã§ã™ã‹ï¼Ÿ ã‚»ãƒŸãƒŠãƒ¼ã‚„ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã®ã‚ã¨ã«è³ªå•ã‚’å—ã‘ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ã€ŒãŠã™ã™ã‚ã®æ›¸ç±ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿã€ã¨èžã‹ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ Web ã«ã¯è†¨å¤§ãªæƒ…å ±ãŒã‚ã‚Šã¾ã™ã—ã€è‹±èªžã¾ã§æ‰‹ã‚’åºƒã’ã‚‹ã¨ç ”ç©¶è€…ã«ã‚ˆã‚‹æ–‡çŒ®ã«ã‚‚ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã—ã€ã‚ã‚‹ç‰¹å®šã®ãƒˆãƒ”ãƒƒã‚¯ã‚’è¦æ‰€ã‚’è½ã¨ã•ãšå¦ã³ãŸã„ã¨ãã¯æ›¸ç±ãŒä¾¿åˆ©ã§ã™ã€‚ ç›®ã¾ãã‚‹ã—ãçŠ¶æ³ãŒå¤‰ã‚ã‚‹ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦çŸ¥ã£ã¦ãŠãã¹ãé ˜åŸŸã‚‚åºƒã„ä»Šæ—¥ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ä½¿ã„æ–¹ã‚’è¦šãˆã‚‹ã“ã¨ã‚‚é‡è¦ã§ã™ãŒã€ä½œã‚‹ãŸã‚ã®è€ƒãˆæ–¹ã‚„ä¼ãˆãŸæ–¹ã‚’å¦ã¶ã“ã¨ã«å¤šãã®æ™‚é–“ã‚’è²»ã‚„ã—ãŸã»ã†ãŒè‰¯ã„ã§ã—ã‚‡ã†ã€‚è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ„å›³ãŒèª¬æ˜Žã§ãã¦ã€ã‚ˆã†ã‚„ãåŒåƒšã‚„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç†è§£ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã‹ã‚‰ã§ã™ã€‚ ä»Šå›žã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦èªã‚“ã§ãŠããŸã„ã‚ªã‚¹ã‚¹ãƒ¡ã®å…¥é–€æ›¸ã‚’ç´¹ä»‹ã€‚Web ã‚„ã‚¢ãƒ—ãƒªã«ç‰¹åŒ–ã—ãŸã‚‚ã®ã§ã¯ãªãã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ—ãƒãƒ€ã‚¯ãƒˆã«æºã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å‘ã„ã¦ã„ã‚‹æ›¸ç±ã‚’
yusuketsuda 2016/02/08
book

UI

web

design

æ›¸ç±

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ–ãƒ¬ã‚¤ãƒ³ãƒ‘ãƒƒãƒ‰ç¤¾ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ï¼šRtoaster UIæ”¹å–„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç§˜è©± | Goodpatch Blog
Goodpatchã¯ã€2012å¹´12æœˆã‚ˆã‚Šã€ãƒ–ãƒ¬ã‚¤ãƒ³ãƒ‘ãƒƒãƒ‰ç¤¾ã®Rtoasterã¨ã„ã†ã€ŒWebãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ï¼ãƒ¬ã‚³ãƒ¡ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ³ã‚¸ãƒ³ã€ã®UIè¨è¨ˆã€ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«æºã‚ã£ã¦ã„ã¾ã™ã€‚ã“ã®ãŸã³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãŒå®Œäº†ã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆä¸ã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã€ä½¿ç”¨ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã©ã«ã¤ã„ã¦ã€å½“æ™‚ã‚’æŒ¯ã‚Šè¿”ã‚ŠãªãŒã‚‰ãŠè©±ã‚’ä¼ºã‚ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ä»Šå›žã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã‚’å—ã‘ã¦ãã ã•ã£ãŸä¼šç¤¾ æ ªå¼ä¼šç¤¾ãƒ–ãƒ¬ã‚¤ãƒ³ãƒ‘ãƒƒãƒ‰ ãƒ–ãƒ¬ã‚¤ãƒ³ãƒ‘ãƒƒãƒ‰ç¤¾ã¯ã€2004å¹´ã®å‰µæ¥ä»¥æ¥ã€Œãƒ“ãƒƒã‚°ãƒ‡ãƒ¼ã‚¿ã€ã¨ã„ã†è¨€è‘‰ãŒä¸–ã®ä¸ã«åºƒã¾ã‚‹å‰ã‹ã‚‰ã€å¤§é‡ãƒ‡ãƒ¼ã‚¿ã®åˆ†æžã‚’é€šã˜ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆä¼æ¥ã®æ„æ€æ±ºå®šæ”¯æ´ã«å–ã‚Šçµ„ã‚“ã§ã„ã¾ã™ã€‚ç¾åœ¨ã€é‡‘èžãƒ»å°å£²ãƒ»ãƒ¡ãƒ¼ã‚«ãƒ¼ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹å¤šæ•°ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆä¼æ¥ã«å¯¾ã—ã€ãƒ‡ãƒ¼ã‚¿åˆ†æžãŠã‚ˆã³ãã®é–¢é€£ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ‘ã‚¤ã‚ªãƒ‹ã‚¢ä¼æ¥ã¨ã—ã¦ã€åˆ†æžæ¥å‹™æ”¯æ´ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿æ´»ç”¨ã®ãŸã‚ã®ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³æä¾›ã¾
yusuketsuda 2014/05/09
Goodpatch

web

UI

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

web

guide

design

guideline

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

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

web

design

UI

ux

ã‚¢ãƒ—ãƒª

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¢ãƒ—ãƒªå†…ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€æ©Ÿèƒ½ | Accessible & Usable
å…¬é–‹æ—¥ : 2013å¹´7æœˆ18æ—¥ (2013å¹´7æœˆ19æ—¥ æ›´æ–°) ã‚«ãƒ†ã‚´ãƒªãƒ¼ : ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ (ã„ã‚ã‚†ã‚‹ã€Œã‚¢ãƒ—ãƒªã€) ã®ä¸ã«ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶æ©Ÿèƒ½ãŒå‚™ã‚ã£ã¦ã„ã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ãŸã¨ãˆã° Twitter ã‚¢ãƒ—ãƒªã€Facebook ã‚¢ãƒ—ãƒªã€RSS ãƒªãƒ¼ãƒ€ãƒ¼ã®ã‚¢ãƒ—ãƒªã€ãƒ¡ãƒ¼ãƒ«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ã‚¢ãƒ—ãƒªã€ãªã©ã§ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã« Web ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨ã€ãã‚Œã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§ã€ã‚¢ãƒ—ãƒªå†…ã§ Web ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚¢ãƒ—ãƒªå†…ã®ãƒ–ãƒ©ã‚¦ã‚¶æ©Ÿèƒ½ã§ã„ãã¤ã‹ã® Web ãƒšãƒ¼ã‚¸ã‚’é·ç§»ã—ã¦ã„ã‚‹ã¨ãã€ç”»é¢å·¦ä¸Šã«ã‚ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ (ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã£ã½ã„ã‚‚ã®) ã‚’ã‚¿ãƒƒãƒ—ã—ãŸã‚‰ã€ç›´å‰ã«è¦‹ã¦ã„ãŸ Web ãƒšãƒ¼ã‚¸ã§ã¯ãªãã€Web ãƒšãƒ¼ã‚¸ã‚’é–‹ãå‰ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ä¸€æ°—ã«å¼•ãæˆ»ã•ã‚ŒãŸ...ã¨ã„ã†çµŒé¨“ã¯ã€ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚ˆãã‚ˆãè¦‹ãŸã‚‰ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ (ç›´å‰ã«è¦‹
yusuketsuda 2013/07/18
ã‚¢ãƒ—ãƒª

ã‚¢ã‚¤ã‚³ãƒ³

web

ui

ux
ãƒªãƒ³ã‚¯
è†¨å¤§ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç¾Žã—ãã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§è¦‹ã›ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆã¾ã¨ã‚ | Goodpatch Blog
ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã‚„ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ãƒ–ãƒã‚°ãªã©ã®æƒ…å ±é‡ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå¤šã„Webã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã¯å¤§å¤‰ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚æ—¥ã€…ã€æƒ…å ±ã®æ›´æ–°ãŒã‚ã‚‹ã‚ˆã†ãªWebã‚µã‚¤ãƒˆã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç†ã—ã€ã‹ã¤è¦‹ã‚„ã™ã„ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ãã“ã§ä»Šå›žã¯ã€Œ25 Beautiful Content Heavy Websitesã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸä¸ã‹ã‚‰ â€œè†¨å¤§ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç¾Žã—ãã€ã•ã‚‰ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§è¦‹ã›ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆâ€ ã‚’ã„ãã¤ã‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ House http://house.pl/ å¤§ããªãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãŒã¾ãšç›®ã«å…¥ã‚‹ã‚µã‚¤ãƒˆã€‚ç¸¦é•·é•·æ–¹å½¢ã®ãƒ–ãƒã‚°è¨˜äº‹ã¨èµ¤ã„æ¨ªé•·ã®é•·æ–¹å½¢ã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³è¨˜äº‹ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ Monocle http://monocle.com/ å†™çœŸã‚„å„è¨˜äº‹ã®ã‚¨ãƒªã‚¢ã®å¤§ãã•ãŒç•°ãªã‚‹Webã‚µã‚¤ãƒˆã§ã™ãŒã¨ã¦ã‚‚æ•´ã£ãŸå°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ Esquire ht
yusuketsuda 2013/05/22
Webã‚µã‚¤ãƒˆ

web

UI

webdesign
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚ã†ï¼ˆå¾Œç·¨ï¼‰ | Goodpatch Blog
UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–°ã—ã„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ä½œã‚‹ãŸã‚ã«é•·è°·å·æä¹…ã•ã‚“ã¨ã®å…±åŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦ã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸâ€œPatch Projectâ€ã€‚å°Žå…¥éƒ¨åˆ†ã¨ã—ã¦é•·è°·å·ã•ã‚“ã«ãŠè©±é ‚ã„ãŸãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®ææ¡ˆã«ã¤ã„ã¦ã€Œã“ã‚Œã‹ã‚‰ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚ã†ï¼ˆå‰ç·¨ï¼‰ã€ã¨ã—ã¦è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚å¾Œç·¨ã¨ãªã‚‹ä»Šå›žã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ã‚‹ã¹ãé›°å›²æ°—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¾ãŸå…·ä½“çš„ãªãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«ã¤ã„ã¦ã®è©±ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚ ãƒ«ãƒƒã‚¯ï¼†ãƒ•ã‚£ãƒ¼ãƒ«ã‚’è€ƒãˆã‚‹ photo credit: Crossett Library Bennington College via photopin cc ã§ã¯HTMLãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã£ã¦ã„ã‚‹é–“ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ã‚‹ã¹ãã“ã¨ã¯ä½•ãªã®ã‹ã€‚ãã‚Œã¯é›°å›²æ°—ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä»¥å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€è‰²ã‚„ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€å†™çœŸã‚„å‹•ç”»ã«ã¤ã„ã¦è€ƒãˆã¦ã„ãã®ã§ã™ã€‚ å…·ä½“çš„ã«è¨€ã†ã¨ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œã‚‹ã“
yusuketsuda 2013/04/25
UI

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

web

ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼
ãƒªãƒ³ã‚¯
å‚è€ƒã«ã—ãŸã„ï¼å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ãŒç¾Žã—ã„Webã‚µã‚¤ãƒˆ11å€‹ã¾ã¨ã‚ | Goodpatch Blog
ã“ã‚“ã«ã¡ã¯ã€ã ã„ãã§ã™ã€‚ å‰å›žMEMOPATCHã§æ›¸ã„ãŸã€2013å¹´åº¦ç‰ˆã€‘ä»Šå¹´æµè¡Œã‚‹ï¼7ã¤ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã¾ã¨ã‚ ã§ã¯å–ã‚Šä¸Šã’ã¾ã›ã‚“ã§ã—ãŸãŒã€2013å¹´ã®Webãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã«ã€Œå›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã€ãŒä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ãƒ–ãƒã‚°ã‚’ã„ãã¤ã‹è¦‹ã‹ã‘ã¾ã—ãŸã€‚ å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ãŒ2013å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã«ãªã‚‹ç†ç”±ã¨ã—ã¦ã€æµ·å¤–ã®ãƒ–ãƒã‚°ã§ä¸‹è¨˜ã®ã‚ˆã†ãªæ„è¦‹ãŒã‚ã‚Šã¾ã™ã€‚ å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã®ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã€ ãã®ãƒšãƒ¼ã‚¸ã‚’è¦‹çµ‚ã‚ã£ãŸå¾Œã€åˆ¥ãƒšãƒ¼ã‚¸ã«è¡ŒããŸã„æ™‚ã€å…ˆé ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹å¿…è¦ãŒãªã„ã“ã¨ãŒã‚ã’ã‚‰ã‚Œã‚‹ã€‚ ç§ãŸã¡ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚Šã€æ¤œç´¢ã™ã‚‹æ‰‹é–“ã‚’çœãã€ã„ã¤ã§ã‚‚é–¢é€£æƒ…å ±ã«ç°¡å˜ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚‚ã‚‰ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ã‚ˆã†ãªå›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã‚’æº–å‚™ã™ã‚‹ã“ã¨ã§UXå‘ä¸Šã«ã‚‚ã¤ãªãŒã‚Šã¾ã™ã€‚ Fixed Headers â€“ 2013 Web Trend â€“ Karma https://yourkarma.com/ Wi-Fi ãƒ«ãƒ¼ã‚¿ãƒ¼è²©
yusuketsuda 2013/01/30
Webã‚µã‚¤ãƒˆ

webåˆ¶ä½œ

ui

ãƒ˜ãƒƒãƒ€ãƒ¼å›ºå®š

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

web
ãƒªãƒ³ã‚¯
UXã¨UIãŒæ··åŒã•ã‚Œã‚‹ãƒ¯ã‚±
æœ€è¿‘ UX ã¨ UI ã‚’æ··åŒã—ã¦è¡¨è¨˜ã•ã‚Œã¦ã„ã‚‹ã®ã‚’è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ç§ã‚‚ã‚¦ã‚±ã‚„ã™ã„ã¨ã„ã†ã“ã¨ã§ã€æ··åŒã•ã›ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—å®Ÿéš›ã®ã¨ã“ã‚ UX ã¨ UI ã¯åŒç¾©èªžã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚è‰¯ã„ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚Œã°ã€UX ãŒå‘ä¸Šã™ã‚‹å¯èƒ½æ€§ã¯ã‚ã‚Šã¾ã™ãŒã€å¿…ãšã—ã‚‚ãã†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚é€†ã‚‚ã—ã‹ã‚Šã§ã™ã€‚æœ€è¿‘ã‚‚ UX ã¨ UIã®é•ã„ã‚’åˆ†ã‹ã‚Šã‚„ã™ãè¡¨ç¾ã—ã‚ˆã†ã¨ã€ã‚·ãƒªã‚¢ãƒ«ã¨ãƒœãƒ¼ãƒ«ã®å†™çœŸã‚’ä½¿ã£ãŸä¾‹ãŒç™»å ´ã—ã¾ã—ãŸãŒã€ã€Œãã†ã§ã‚‚ãªã„ã€ã¨ã„ã†æ„è¦‹ã‚‚å¤šæ•°ã‚ã‚Šã¾ã—ãŸã€‚ ãã‚Œã§ã¯ã€ãªãœæ··åŒã•ã‚Œã‚„ã™ã„ã®ã‹ã¨ã„ã†ã¨ã€ä»Šã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦‹ã‚‹ã¨ãƒ’ãƒ³ãƒˆãŒéš ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¾‹ãˆã° Twitter ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ä¸ã§äººæ°—ã®ã‚ã‚‹ Tweetbot ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã“ã®ã‚¢ãƒ—ãƒªã®ä¸ã§è£…é£¾ã¨å‘¼ã¹ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã©ã‚Œã ã‘ã‚ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ã»ã¼çš†ç„¡ã ã¨æ€ã„ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ã„ã†å°ã•ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã¯ã€UI ã—ã‹å˜åœ¨ã—ã¾ã›ã‚“ã€‚
yusuketsuda 2012/05/29
UI

ã‚ã¨ã§èªã‚€

web

ux

design

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

ui

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ä½“é¨“ã«ã¤ã„ã¦è€ƒãˆã‚‹ã¨ã¯
UXã§ã¯è¦‹ãˆã¦ã“ãªã„å´é¢ ã²ã¨ã¤ã®è€ƒãˆæ–¹ã¨ã—ã¦ UX (User Experience) ã¯ä»Šæ—¥ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ç„¡è¦–ã‚’ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã›ã‚“ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã‘ã§ãªãã€ä»Šã‚„ãƒ“ã‚¸ãƒã‚¹ã‚·ãƒ¼ãƒ³ã§ã‚‚è€³ã«ã™ã‚‹ã€Œä½“é¨“ã€ã¨ã„ã†è¨€è‘‰ã€‚ã—ã‹ã—ã€ã“ã®ä½“é¨“ã¨ã„ã†è¨€è‘‰ã¯éžå¸¸ã«æ›–æ˜§ãªè¡¨ç¾ã§ã™ã€‚ä½“é¨“ã¨ã„ã†ã®ã¯ä¸»è¦³çš„ã‹ã¤å†…é¢çš„ã«æ„Ÿã˜å–ã‚‹ã‚‚ã®ã§ã‚ã‚‹ã“ã¨ã‹ã‚‰ã€è‰¯ã„ä½“é¨“ã®å®šç¾©ã®ä»•æ–¹ã‚‚ç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã¨ã“ã‚ã§ã€Œä½“é¨“ã€ã£ã¦ãªã‚“ã§ã™ã‹ï¼Ÿã¨ã„ã†è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«ã€ä½“é¨“ã«ã¯ã€ŒExperience Selfã€ã¨ã„ã†ä»Šã“ã®çž¬é–“ã‚’çµŒé¨“ã™ã‚‹è‡ªå·±ã¨ã€ŒRem embering Selfã€ã¨ã„ã†è¨˜æ†¶ã‚’è¾¿ã‚‹è‡ªå·±ãŒã‚ã‚Šã€ã©ã¡ã‚‰ã®ä½“é¨“ã‚’è©±ã—ã¦ã„ã‚‹ã‹ã§è©±ãŒã‚ºãƒ¬ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ä½“é¨“ã«ã¤ã„ã¦è€ƒãˆã‚‹ä¸Šã§ã€ã€ŒUï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ï¼‰ã€ãŒå¿…è¦ãªã®ã ã‚ã†ã‹ã¨ç–‘å•ã«æ€ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ç„¡è¦–ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã‚ˆã†ã¨è¨€ã„ãŸã„ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨
yusuketsuda 2012/05/29
ãƒ‡ã‚¶ã‚¤ãƒ³

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

UI

design

ux

Web
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘â˜†iPhoneã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³
ã©ãƒ¼ã‚‚ã‚ãƒ³ãƒ¢ã‚¯ã‚»ã‚¤ã·ã‚“ã·ã‚“é¦™ã‚‹è‡ªç”±ãŒä¸˜ã‹ã‚‰aoizmã§ã™ã€‚ ç§‹æº€é–‹ï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¾ã£ã•ã‹ã‚Šï¼(å¼·å¼•) KAYACã§ã‚‚iphoneã‚¢ãƒ—ãƒªåˆ¶ä½œã®ãŠä»•äº‹ãŒå¢—ãˆã¦ãã¦ãŠã‚Šã¾ã™ã€‚ WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒiphoneã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã«ã€ã‚„ã£ã±ã‚Šæ°—ã«ãªã‚‹ã®ãŒWEBã¨ã®é•ã„ã€‚ ç”»é¢ã‚µã‚¤ã‚ºãŒå°ã•ãæŒã¡æ©ã‘ã‚‹ãƒ‡ãƒã‚¤ã‚¹iphoneã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ä¸Šã®ã‚¢ãƒ—ãƒªã‚„WEBã‚µã‚¤ãƒˆã¨ã¯ ä½¿ç”¨ç’°å¢ƒã‚‚ãã®æ“ä½œæ–¹æ³•ã‚‚ç•°ãªã‚‹ãŸã‚ã€WEBã¨ã¯é•ã£ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒæ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚ ãã®é•ã„ã‚’èªè˜ã—ãŸä¸Šã§ã€é•ã„ã‚’æ´»ã‹ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ãŸã‚ã«ã¯ï¼Ÿ iPhoneã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ WEBã‚µã‚¤ãƒˆã¨iphoneã‚¢ãƒ—ãƒªã®é•ã„ çŠ¶æ³ æŒã¡æ©ã‘ã‚‹ãŒã‚†ãˆãã®ã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã•ã¾ã–ã¾ ã€Œä¼šè°ã§ã€ã€Œåˆã‚³ãƒ³ã§ã€ã€Œç§»å‹•æ™‚ã€ã€Œå°±å¯æ™‚ã€... çŠ¶æ…‹ ãã®ã¨ããƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãªã«ã‚’ã—ã¦ã„ã‚‹ï¼Ÿ ã€Œæ©ããªãŒã‚‰ã€ã€Œè©±ã—ãªãŒã‚‰ã€ã€Œé‹å‹•ã—ãªãŒã‚‰ã€...
yusuketsuda 2011/04/04
iPhone

iphoneã‚¢ãƒ—ãƒª

ã‚¢ãƒ—ãƒª

UI

web

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

design

webdesign
ãƒªãƒ³ã‚¯
1