[B! ui] uzuki-firstã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uzuki-first id:uzuki-first

uiã«é–¢ã™ã‚‹uzuki-firstã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (40)

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

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã®ã‚ºãƒ«ã„é€²æ—è¡¨ç¤º
ä»Šé–‹ç™ºä¸ã®Player!ã®ãƒã‚°ã‚¤ãƒ³ãƒ»ç™»éŒ²ç”»é¢ã§ã€ã“ã‚“ãªé€²æ—è¡¨ç¤ºã‚’ã—ã¦ã„ã¾ã™ãŒã€ã“ã‚Œå®Ÿã¯ãƒ•ã‚§ã‚¤ã‚¯ã ã£ãŸã‚Šã—ã¾ã™(ã€€Â´ï½¥â€¿ï½¥ï½€) (Qiitaã®ç”»åƒã‚µã‚¤ã‚ºåˆ¶é™ãŒåŽ³ã—ãã¦ç²—ã„ã§ã™ã€‚ã‚ãƒ¬ã‚¤ãªã‚‚ã®ã¯å®Ÿéš›ã«ã‚¢ãƒ—ãƒªãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã”è¦§ä¸‹ã•ã„ã€‚) çµŒç·¯ å…ƒã€…ã€ã“ã®ç”»é¢ã¯ã“ã†ã„ã†é€²æ—è¡¨ç¤ºã§ã¯ç„¡ãã€å˜ã«ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ãŒã‚¯ãƒ«ã‚¯ãƒ«ã™ã‚‹ã ã‘ã§ã€é€²æ—çŠ¶æ…‹ãŒåˆ†ã‹ã‚‰ãªã„ã‚‚ã®ã§ã—ãŸã€‚ ç‰¹ã«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãŒæ‚ªã„ã¨ã“ã‚ã ã¨ã€ãƒã‚°ã£ã¦å›ºã¾ã£ã¦ã—ã¾ã£ãŸã®ã§ã¯ï¼Ÿã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ä¸å®‰ã«ã•ã›ã‚‹ã‚ˆã†ã§ã€ãŸã¾ã«ãã†ã„ã†å£°ã‚’èžãã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ ç™»éŒ²ãƒ•ãƒãƒ¼ã¯å¤§äº‹ãªã¨ã“ã‚ãªã®ã§ã€ãã†ã„ã†ã¨ã“ã‚ã§ã“ã‚ŒãŒåŽŸå› ã§é›¢è„±ã—ã¦ã—ã¾ã†ã¨æ®‹å¿µãªã®ã§ã€æ”¹å–„ãŒå¿…è¦ã§ã—ãŸã€‚ ãã“ã§ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å‡¦ç†ã«ã‚‚ãŸã¤ãã¤ã¤ã‚‚ã¡ã‚ƒã‚“ã¨æ£å¸¸ã«å‡¦ç†ã‚’ã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã‚’ç¤ºã™ãŸã‚ã«ã€é€²æ—ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãŸã ã€ä¾‹ãˆã°å¤§ããªç”»åƒãªã©ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãªã©ãªã‚‰ã¨ã‚‚ã‹ãã€ã“
uzuki-first 2015/09/19
ui

ios

å®Ÿè£…ãƒ†ã‚¯

ux
ãƒªãƒ³ã‚¯
UI/UXãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰ä¸€åº¦ã¯ç›®ã‚’é€šã—ã¦ãŠããŸã„ã€Œãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã€ã¾ã¨ã‚ã€éšæ™‚æ›´æ–°ã€‘
ä¸–ã«å‡ºã¦ã„ã‚‹ã€Œãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã€ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ãŸã¡ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£é–¢é€£ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«UXã€ã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã„ãŸã‚‹ã¾ã§ã€åºƒã„ç¯„å›²ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’ç¶²ç¾…ã—ãŸã¤ã‚‚ã‚Šã§ã™ã€‚ãŸã ã—ã€ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆçš„ã«ã¾ã¨ã‚ãŸãŸã‚ã€å†…å®¹ã®è©³ç´°ã¯è¨˜è¿°ã—ã¦ã„ã¾ã›ã‚“ã€‚ å‡ºå…¸ã‚„å†…å®¹ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹å¤–éƒ¨ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ãŠãã¾ã—ãŸã®ã§ã€è©³ç´°ã‚’ç¢ºèªã—ãŸã„æ–¹ã¯ãã¡ã‚‰ã‚’ã”å‚ç…§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ã“ã®è¨˜äº‹ã¯æœ‰ç”¨ãªãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’è¦‹ã¤ã‘æ¬¡ç¬¬ã€éšæ™‚æ›´æ–°ã—ã¦ã„ãã¾ã™ã€‚ æ›´æ–°å±¥æ´ 2018/10/01ï¼š ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®4åŽŸå‰‡ã€ã€ŒMaterial Designã®åŽŸå‰‡ã€ã€ŒAndroid TV ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã€ã€Œã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŽŸå‰‡ã€ã‚’è¿½åŠ 2016/12/28ï¼š ã€ŒMicrosoft ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã€ã‚’ã€ŒWindows UX ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã€ã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ã€ŒApple Watch ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã€ã‚’è¿½åŠ 2015/10/
uzuki-first 2015/04/07
ui

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

ux

design

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã¯ãƒžã‚¦ã‚¹ã‚ˆã‚Šé…ã„ - WirelessWire News
CTRL+Xã§ã‚«ãƒƒãƒˆã€CTRL+Vã§ãƒšãƒ¼ã‚¹ãƒˆã€‚ ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã®ä½¿ã„æ–¹ã‚’è¦šãˆã‚‹ã¨ã€ãƒ‘ã‚½ã‚³ãƒ³ã®é”äººã«ãªã£ãŸã‚ˆã†ãªæ°—åˆ†ã«ãªã‚Šã¾ã™ã‚ˆãã€‚ ã—ã‹ã—ã€å®Ÿéš›ã«ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ãƒžã‚¦ã‚¹ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€Œç·¨é›†ã€ã€Œãƒšãƒ¼ã‚¹ãƒˆã€ã‚’é¸ã¶ã‚ˆã‚Šã‚‚å¹³å‡2ç§’ã‚‚é…ã„ã®ã§ã™ã€‚ ã€Œãã‚“ãªãƒã‚«ãªã€ ã¨æ€ã„ã¾ã™ã‚ˆãã€‚ ã—ã‹ã—ã€ã“ã‚Œã¯Togã“ã¨ãƒ–ãƒ«ãƒ¼ã‚¹ãƒ»ãƒˆã‚°ãƒŠãƒƒãƒ„ã‚£ãƒ¼ãƒ‹ãŒAppleã§Macintoshã®é–‹ç™ºã‚’æ‹…å½“ã—ãŸéš›ã«è¡Œã£ãŸè†¨å¤§ãªå®Ÿé¨“ã®çµæžœã€è§£ã£ãŸã“ã¨ãªã®ã ãã†ã§ã™ã€‚ ã“ã‚Œã¯Togã®Webãƒšãƒ¼ã‚¸ã§ã‚‚è©³ã—ãç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—2ç§’ã¨ã¯ã¨ã¦ã‚‚ä¿¡ã˜ã‚‰ã‚Œã¾ã›ã‚“ã€‚ ã‚€ã—ã‚é€†ã®ã‚ˆã†ã«ã•ãˆæ„Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—Togã®ä¸»å¼µã«ã‚ˆã‚Œã°ã€æˆ‘ã€…ãƒ¦ãƒ¼ã‚¶ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã‚’é¸ã¶ã®ã«2ç§’ã‹ã‹ã£ã¦ã„ã‚‹ã‚‚ã®ã®ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã«ãŸã©ã‚Šç€ãã¾ã§ã®æ™‚é–“ã‚’å–ªå¤±ã—ã¦ã„ã‚‹ã€ã¤ã¾ã‚Šãƒ—ãƒè¨˜æ†¶å–ªå¤±çŠ¶æ…‹ã«ãªã£ã¦ã„ã‚‹ã¨ã„ã†ã®ã§ã™ã€‚ ã“ã‚“ãªä¸æ€è°ãªè©±ãŒã€æ…¶æ‡‰
uzuki-first 2015/03/23
apple

macintosh

iphone

UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Railsã®èª¤è§£ï¼šCRUDã¯RESTã˜ã‚ƒãªã„ï¼ - æ‰é¢¨å‘‚2.0 - A Lifelog -
ä»¥ä¸‹ã¯Nick Suttereræ°ãŒ2010å¹´10æœˆ28æ—¥ã«è‡ªèº«ã®ãƒ–ãƒã‚°ã«æŠ•ç¨¿ã—ãŸã€"Rails Misapprehensions: CRUD is not REST! "ã®ç¿»è¨³ã§ã™ã€‚æœ¬äººã®è¨±å¯ã‚’å¾—ã¦æŽ²è¼‰ã—ã¾ã™ã€‚ Rails Misapprehensions: CRUD is not REST! http://nicksda.apotomo.de/2010/10/rails-misapprehensions-crud-is-not-rest/ Railsã¨RESTã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã‚‹é–“ã€äºŒã¤ã®ã“ã¨ãŒã‚ˆãã‚ã‹ã£ãŸã€‚ Railsã§RESTãŒã©ã†ãªã£ã¦ã„ã‚‹ã®ã‹ã€ä»–ã¨æ¯”ã¹ã¦ã€æ˜Žè§£ã§ã€åŸºç¤Žçš„ã§ã€ã€Œå°åˆ·ã•ã‚ŒãŸã€è§£èª¬ã‚’è¦‹ã¤ã‘ã«ãã„ã€‚æ•°åƒã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ãƒ£ã‚¹ãƒˆã‚’è¦‹ã¦ããŸãŒã€ã“ã®ç´ æ™´ã‚‰ã—ã„ã‚¬ã‚¤ãƒ‰ãŒä¸€ã¤ã‚ã‚‹ã ã‘ã ã£ãŸã€‚ ã¿ã‚“ãªCRUDã¨RESTã‚’æ··åŒã—ã¦ã„ã‚‹ ã¨ã‚Šã‚ã‘å¾Œè€…ã¯åƒ•ã‚’å›°ã‚‰ã›ãŸãŒã€ã‚ã‚‹ãƒãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒã™ã‚‹ã¨
uzuki-first 2014/01/31
rest

Rails

RESTful

CRUD

è¨è¨ˆ

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

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

ã‚¢ãƒ—ãƒª

ui

ux
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€ãªãœæ©Ÿèƒ½è¿½åŠ ã‚’ã—ç¶šã‘ã‚‹ã¨ã‚¢ãƒ—ãƒªãŒç ´ç¶»ã™ã‚‹ã®ã‹ï¼Ÿ | fladdict
ã“ã®å†™çœŸã¯ã€ã‚¢ãƒ¼ãƒŸãƒ¼ãƒŠã‚¤ãƒ•ã®åé–€ã‚¦ã‚§ãƒ³ã‚¬ãƒ¼ç¤¾ã®ã‚¸ãƒ£ã‚¤ã‚¢ãƒ³ãƒˆãƒŠã‚¤ãƒ•ã¨ã„ã†æœ€é«˜ç´šãƒŠã‚¤ãƒ•ã§ã‚ã‚‹ã€‚141ã®æ©Ÿèƒ½ã‚’æŒã¤ã€ã‚®ãƒã‚¹èªå®šã‚‚ã•ã‚ŒãŸåŽšã•24cmã€é‡é‡1.3kgã®ä¸–ç•Œã§æœ€ã‚‚é«˜æ©Ÿèƒ½ãªãƒŠã‚¤ãƒ•ã ã€‚ãƒˆãƒƒãƒ—ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒè‡ªç¤¾è£½å“ã®å…¨æ©Ÿèƒ½ã‚’ï¼‘ã¤ã«é›†ç´„ã—ãŸã“ã®è£½å“ã“ããŒã€æ©Ÿèƒ½æ‹¡å¼µã®è¡Œãç€ãå…ˆã‚’æŒ‡ã—ç¤ºã—ã¦ã„ã‚‹ã€‚ ãªãœé©åˆ‡ãªæ©Ÿèƒ½è¿½åŠ ã§ã‚ã£ã¦ã‚‚ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¤ã¥ã‘ã‚‹ã“ã¨ã§ç ´ç¶»ã‚’ã™ã‚‹ã®ã‹ï¼Ÿæœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€ã€Œã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€é¡§å®¢ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—ãƒªã¯99%ç ´ç¶»ã™ã‚‹ã€ã®ç¶šãã«ãªã‚‹ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯ä»¥ä¸‹ã®ï¼”ã¤ã®å´é¢ã‹ã‚‰ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãƒªã‚¹ã‚¯ã‚’è€ƒãˆã‚‹ã€‚ã¾ãšç¬¬ä¸€ã«ã€Œé¸æŠžè‚¢ã®æ•°ãŒå¿…ãšã—ã‚‚å–„ã§ã¯ãªã„ã“ã¨ã€ã€‚æ¬¡ã«ã€Œäººé–“ã®åˆ¤æ–åŠ›ã¯ä½¿ã†ã»ã©æ¶ˆè€—ã™ã‚‹ã“ã¨ã€ã€‚ãã—ã¦ã€Œç”»é¢ã‚¹ãƒšãƒ¼ã‚¹ãŒæœ‰é™ã®ãƒªã‚½ãƒ¼ã‚¹ã§ã‚ã‚‹ã“ã¨ã€ã€‚æœ€å¾Œã«ã€Œã©ã‚“ãªã«æ©Ÿèƒ½ã‚’å¢—ã‚„ã—ã¦ã‚‚ã€ä¸€ç”»é¢ã§å¼·èª¿ã§ãã‚‹ã‚‚ã®ã¯é™ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ã€ã€‚ã“ã‚Œã‚‰ã®ï¼”ã¤ã¯å…¨ã¦ã€æ©Ÿèƒ½è¿½åŠ ãŒæœ€
uzuki-first 2013/08/13
èªã‚“ã§èžã‹ã›ãŸã„äººï¼ˆã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã‹ä¸Šå¸ã¨ã‹å‹äººã¨ã‹ï¼‰ãŒä½•äººã‚‚ã„ã¦å›°ã‚‹ã€‚

ui

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

UX

ã‚¹ãƒžãƒ›
ãƒªãƒ³ã‚¯
æµ·å¤–ã€Œã“ã®æŠ€è¡“ã¯ä¸–ç•Œã‚’å¤‰ãˆã‚‹ã€ã€€å¯Œå£«é€šã®æœ€æ–°æŠ€è¡“ãŒæœªæ¥çš„éŽãŽã‚‹
ä»Šå›žã¯å¯Œå£«é€šç ”ç©¶æ‰€ãŒé–‹ç™ºã«æˆåŠŸã—ãŸã€ æ¬¡ä¸–ä»£ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‹ã‚‰ã€‚ æ›¸é¡žãªã©ã‚’ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ã«å¤‰ãˆã¦ã—ã¾ã†æŠ€è¡“ãªã®ã§ã™ãŒã€ å€‹äººçš„ã«ã¯é–‹ç™ºå“ã«ã“ã‚Œã»ã©æ„Ÿå‹•ã‚’è¦šãˆãŸã®ã¯ä¹…ã—ã¶ã‚Šã§ã™ã€‚ è©³ç´°ã¯å‹•ç”»å†…ã«ã¦èª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã•ã£ããã”ã‚‰ã‚“ãã ã•ã„ã€‚ å®Ÿä¸–ç•Œã®ç‰©ã«å¯¾ã—ã¦ã‚¿ãƒƒãƒæ“ä½œå¯èƒ½ãªæ¬¡ä¸–ä»£UI #DigInfo â– ã€€ã“ã‚Œã¯ã€æœªæ¥ã€å›ãªã®ã‹ï¼Ÿã€€ãƒã‚·ã‚¢ â– ã€€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã“ã®æ©Ÿèƒ½ãŒä»˜ã„ã¦ãŸã‚‰æœ€é«˜ã ã‚ˆãªã€‚ã€€ã‚»ãƒ«ãƒ“ã‚¢ â– ã€€æœªæ¥ã¯ã¾ã•ã«ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã€‚ã€€+79ã€€ãƒžãƒ¬ãƒ¼ã‚·ã‚¢ â– ã€€æœªæ¥ãŒå§‹ã¾ã‚‹ã®ã¯ã„ã¤ã ã£ã¦æ—¥æœ¬ã‹ã‚‰ã•ã€‚ã€€+4ã€€ã‚¢ãƒ¡ãƒªã‚« â– ã€€ã‚‚ã£ã¨è¨€ã†ã¨ã€æ—¥æœ¬ã‹ã‚‰ã™ã¹ã¦ãŒå§‹ã¾ã£ãŸã€‚ã€€ãƒžãƒ¬ãƒ¼ã‚·ã‚¢ â– ã€€æœªæ¥ã®ä¿ºã®ãƒ‡ã‚¹ã‚¯ã«ã¯ã“ã®æŠ€è¡“ãŒæè¼‰ã•ã‚Œã¦ã‚‹ã¯ãšã€‚ã€€å›½ç±ä¸æ˜Ž â– ã€€æœªæ¥ãŒã‚‚ã†ã™ããã“ã¾ã§æ¥ã¦ã‚‹ã£ã¦æ„Ÿã˜ãŒã™ã‚‹ï¼ã€€å›½ç±ä¸æ˜Ž â– ã€€ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚¿ãƒ¼ã¯ã¡ã‚‡ã£ã¨ä¸ä¾¿ã ãªã£ã¦æ€ã£ã¦ãŸãƒˆã‚³ãªã‚“ã ã‚ˆã€‚ ã“ã‚Œã«åŠ ãˆã¦ã‚°ãƒ¼ã‚°ãƒ«ã‚°
uzuki-first 2013/04/17
ã™ã’ã‡ã‡ã€ã‚«ãƒƒã‚³ã„ã„ï¼

ui

æŠ€è¡“

Tech
ãƒªãƒ³ã‚¯
UI/UXè¨è¨ˆã®æ•™ç§‘æ›¸ã€About Face 3è¼ªè¬›ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ - ninjinkun's diary
ä¸€æ˜¨å¹´ã«ç¤¾å†…ã§è¡Œã£ãŸAbout Face 3è¼ªè¬›ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ã€‚å®Ÿã¯ä»Šã¾ã§ãšã£ã¨å…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€å˜åœ¨ã‚’çŸ¥ã‚‰ã‚Œã¦ã„ãªã‹ã£ãŸã®ã§ã€æ”¹ã‚ã¦å‘¨çŸ¥ã—ã¾ã™ã€‚ About Face 3ã¯UI/UXè¨è¨ˆã®æ•™ç§‘æ›¸ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚„ãƒšãƒ«ã‚½ãƒŠãªã©ã€åŸºæœ¬çš„ãªå†…å®¹ãŒæŠ¼ã•ãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã‚µãƒãƒ¼ãƒˆç‰ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆåˆ¶ä½œã«é–¢ã‚ã‚‹å…¨å“¡ã®å…±é€šçŸ¥è˜ã¨ã—ã¦ä½¿ãˆã‚‹å†…å®¹ã ã¨æ€ã„ã¾ã™ã€‚ About Face 3è¼ªè¬›æ¦‚è¦ 1. ã‚´ãƒ¼ãƒ«ãƒ€ã‚¤ãƒ¬ã‚¯ãƒ†ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ 2. å®Ÿè£…ãƒ¢ãƒ‡ãƒ«ã¨è„³å†…ãƒ¢ãƒ‡ãƒ« 3. åˆå¿ƒè€…ã€ä¸Šç´šè€…ã€ä¸ç´šè€… 5. ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ¢ãƒ‡ãƒªãƒ³ã‚° : ãƒšãƒ«ã‚½ãƒŠã¨ã‚´ãƒ¼ãƒ« 6. ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Ž : ã‚·ãƒŠãƒªã‚ªã¨è¦æ±‚ 8. å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ç·åˆ : åŽŸå‰‡ã¨ãƒ‘ã‚¿ãƒ¼ãƒ³ 10. ã‚ªãƒ¼ã‚±ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒ•ãƒãƒ¼ 11. é–“æŽ¥çš„ãªæ“ä½œã‚’å–ã‚Šé™¤ã 12. è‰¯ãæŒ¯ã‚‹èˆžã„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ 13. ãƒ¡ã‚¿ãƒ•ã‚¡ã€ã‚¤ãƒ‡ã‚£ã‚ªãƒ ã€ã‚¢
uzuki-first 2013/03/13
book

programming

ui

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

è³‡æ–™

è¨è¨ˆ

uiãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Railsãƒ—ãƒã‚°ãƒ©ãƒžã¯ã“ã‚Œã‚’å…¥ã‚Œã‚Œã°ã™ãã«ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¯ã˜ã‚ã‚‰ã‚Œã¾ã™ï¼ | mah365
å…ˆæ—¥ã®ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼šã§ç™ºè¡¨ã•ã‚ŒãŸã€Œå°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§â€ãã‚Œãªã‚Šâ€ã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ï¼ˆby èµ¤å¡šã•ã‚“ï¼‰ã®ä¸ã«æ›¸ã‹ã‚Œã¦ã„ãŸSassã®Mixinã‚’Railsã§ä½¿ãˆã‚‹Gemã«ã—ã¦ã¿ã¾ã—ãŸã€‚ zurui-sass-rails: https://github.com/mahm/zurui-sass-rails sample: http://zurui-sample.herokuapp.com/ ã†ãŠãŠãšã‚‹ã„ï¼ï½— RT @mah_lab: .@ken_c_lo ã•ã‚“ã®ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’Gemã«ã—ã¦ã¿ã¾ã—ãŸã€‚ github.com/mahm/zurui-sasâ€¦ ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ zurui-sample.herokuapp.com (based on github.com/machida/Customâ€¦) â€” TAEã•ã‚“ (@ken_c_lo) 11æœˆ 7, 2012 @m
uzuki-first 2012/11/07
css

github

gem

rails

Ruby

sass

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

webåˆ¶ä½œ

ui
ãƒªãƒ³ã‚¯
é–‹ç™ºè€…ãŒçŸ¥ã£ã¦ãŠãã¹ãã€6ã¤ã®UIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ - ï¼ IT
.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ é–‹ç™ºè€…ãŒçŸ¥ã£ã¦ãŠãã¹ãã€6ã¤ã®UIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ â€•â€• ã€Œmatarillo.comã€ã‚ˆã‚Š â€•â€• çŒªè‚¡ å¥å¤ªéƒŽ 2011/12/15 ã€Œ.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ã€ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€ä¸–ç•Œä¸ã«ã‚ã‚‹è†¨å¤§ãªãƒ–ãƒã‚°ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸ã‹ã‚‰ã€ç‰¹ã«Insider.NETï¼.NETé–‹ç™ºè€…ä¸å¿ƒã®èªè€…ã«æœ‰ç”¨ã ã¨è€ƒãˆã‚‰ã‚Œã‚‹ãƒ–ãƒã‚°è¨˜äº‹ã‚’ç·¨é›†éƒ¨ãŒç™ºæŽ˜ãƒ»åŽ³é¸ã—ã€ãã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’åŸ·ç†ã—ãŸãƒ–ãƒã‚¬ãƒ¼ã®è¨±å¯ã®ä¸‹ã€ãã®å…¨æ–‡ã‚’è»¢è¼‰ãƒ»ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ã“ã®æ´»å‹•ã«ã‚ˆã‚Šã€.NETé–‹ç™ºè€…ã®ãƒ–ãƒã‚°æ–‡åŒ–ã®ä¾¡å€¤ã¨è³ªã‚’é«˜ã‚ã€ã‚ˆã‚Šä¸€å±¤ã®ç››ã‚Šä¸Šã’ã«è²¢çŒ®ã™ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ Martin Fowleræ°ã®ã€ŽGUI Architecturesã€ã‚’è¨³ã—ã¦å…¬é–‹ã—ã‚ˆã†ã¨æ€ã£ãŸã®ã ãŒã€FAQãƒšãƒ¼ã‚¸ã«ã€ŒPofEAAã®ç¶šç·¨ãªã©ã¯å•†æ¥å‡ºç‰ˆã™ã‚‹äºˆå®šãªã®ã§ç¿»è¨³ã¯ã—ãªã„ã§ã»ã—ã„ã€ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚ãªã®ã§ç¿»è¨³ã®å…¬é–‹ã¯ã‚„ã‚ã¦ã€ã€Œ
uzuki-first 2011/12/18
ãƒ¡ãƒ¢

ã‚ã¨ã§èªã‚€

design

programming

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

UI

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

MVC
ãƒªãƒ³ã‚¯
livedoor Readerã®æ–°ãƒ¢ãƒ¼ãƒ‰ã€Œãƒ˜ãƒƒãƒ‰ãƒ©ã‚¤ãƒ³ãƒ¢ãƒ¼ãƒ‰ã€ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ : LDR / LDRãƒã‚±ãƒƒãƒˆ é–‹ç™ºæ—¥èªŒ
2009.06.30 10:30 é–¢é€£è¨˜äº‹ã‚’è¿½è¨˜ã—ã¾ã—ãŸã€‚ ã„ã¤ã‚‚livedoor Readerã‚’ã”åˆ©ç”¨ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ æ‹…å½“ çŸ³é‡Žã§ã™ã€‚ å…ˆã»ã©livedoor Readerã®æ–°ãƒ¢ãƒ¼ãƒ‰ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã®è¡¨ç¤ºå½¢å¼ï¼ˆãƒŽãƒ¼ãƒžãƒ«ãƒ¢ãƒ¼ãƒ‰ï¼‰ã¨ã¯é•ã£ã¦ãƒ‘ãƒãƒ«åž‹ã«é…åˆ—ã•ã‚Œã€è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ï¼ˆãƒ˜ãƒƒãƒ‰ãƒ©ã‚¤ãƒ³ï¼‰ãŒä¸€æœ›ã§ãã¾ã™ã€‚ â– ä½¿ã„æ–¹ï¼ˆãƒžã‚¦ã‚¹æ´¾ã®ã‚ãªãŸã«ï¼‰1. ç”»é¢ä¸Šéƒ¨ã«ã€Œãƒ•ã‚©ãƒ«ãƒ€ã€ã¨ã€ãã®æœªèªè¨˜äº‹ä»¶æ•°ãŒè¡¨ç¤ºã•ã‚Œã¦ãŠã‚Šã€é¸æŠžã™ã‚‹ã¨ãƒ‘ãƒãƒ«ï¼ˆãƒ•ã‚£ãƒ¼ãƒ‰ï¼‰ãŒèªã¿è¾¼ã¾ã‚Œã¾ã™ã€‚ â€»ç¾åœ¨ãƒ¬ãƒ¼ãƒˆã”ã¨ã®è¡¨ç¤ºã¯ã§ãã¾ã›ã‚“ã€‚ 2. ãƒ‘ãƒãƒ«å†…ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ï¼ˆâ†‘â†“ï¼‰ã‚’æŠ¼ã—ã¦ã€æ°—ã«ãªã‚‹è¨˜äº‹ã‚’æŽ¢ã—ã¦ãã ã•ã„ã€‚ â€»æœ¬ãƒ¢ãƒ¼ãƒ‰ã¯â€œè¨˜äº‹ã‚’èªã‚€â€ã¨ã„ã†ã“ã¨ã‚ˆã‚Šã€â€œè¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ï¼ãƒ˜ãƒƒãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ã–ã£ã¨çœºã‚ã¦ã€æ°—ã«ãªã‚‹è¨˜äº‹ã‚’æŽ¢ã™â€ã¨ã„ã†ã“ã¨ã«å‘ã„ã¦ã„ã¾ã™ã€‚ 3. ãƒ‘ãƒãƒ«å†…ã‚’æ¶ˆåŒ–ã—ãŸã‚‰ã€Œæ—¢èªã«ã™ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ãã ã•ã„ã€‚ã¡ãª
uzuki-first 2009/06/30
ãŠãŠãŠï¼

livedoor

rss

ui

ldr
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ï¼ä½¿ãˆã‚‹formé–¢é€£jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ•°ã€… | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã°ã‚“ã¯ã€æœ€è¿‘ãƒ›ãƒ«ãƒ¢ãƒ³ç„¼ãã«ãƒãƒžã£ã¦ã„ã‚‹ishidaã§ã™ã€‚ WEBã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã€formã¯å¿…ãšã¨ã„ã£ã¦ã‚‚ã„ã„ãã‚‰ã„å˜åœ¨ã—ã¾ã™ã€‚ ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚„ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ãªã©ãŒã™ãã«æ€ã„ã¤ãã¾ã™ã‚ˆãã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŒã£ã¤ã‚Šãƒ•ã‚©ãƒ¼ãƒ éƒ¨åˆ†ã§ä½œã‚Šè¾¼ã‚“ã§ã‚‚ã€CSSã®ã¿ã§ã¯ã€ å®Ÿç¾ã§ããªã‹ã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã‚ˆãã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªã‚¯ã‚»ã®ã‚ã‚‹formã‚’ã€ã‚ˆã‚Šãƒªãƒƒãƒã«ï¼ã‹ã¤æ“ä½œæ€§ã‚’å‘ä¸Šï¼ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ•°ã€…ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã€‚ ã‚³ãƒ¼ãƒ€ãƒ¼ã®æ–¹ã¯ã€ãƒšãƒ¼ã‚¸ä½œæˆæ™‚é–“ã®çŸç¸®ã«æ‰‹åŠ©ã‘ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ jQuery plugin: Validation ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ï¼ˆãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãŒç°¡å˜ã«ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¯localizationãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå†…ã«18è¨€èªžç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ æ—¥æœ¬èªžç”¨ã¯åˆ¥é€”ä½œæˆã—ã€ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ jQuery
uzuki-first 2009/05/29
jqueryã¯ãŠã‚‚ã‚ã„ãªã

css

ãƒ•ã‚©ãƒ¼ãƒ

jquery

javascript

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

ui
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯æ³¨ç›®ï¼jQueryã§Extã°ã‚Šã«ãƒªãƒƒãƒãªï¼µï¼©ãŒå®Ÿè£…ã§ãã‚‹ã€ŒjQuery Ribbonã€:phpspoté–‹ç™ºæ—¥èªŒ
ã“ã‚Œã¯æ³¨ç›®ï¼jQueryã§Extã°ã‚Šã«ãƒªãƒƒãƒãªï¼µï¼©ãŒå®Ÿè£…ã§ãã‚‹ã€ŒjQuery Ribbonã€ 2009å¹´05æœˆ28æ—¥- jQuery Ribbon - Home ã“ã‚Œã¯æ³¨ç›®ï¼jQueryã§Extã°ã‚Šã«ãƒªãƒƒãƒãªï¼µï¼©ãŒå®Ÿè£…ã§ãã‚‹ã€ŒjQuery Ribbonã€ã€‚ åˆ©ç”¨ã™ã‚Œã°ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®ã‚°ãƒ«ãƒ¼ãƒ”ãƒ³ã‚°ã‚„ã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€éšŽå±¤ãƒªã‚¹ãƒˆãªã©ã®ãƒªãƒƒãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå®Ÿè£…ã§ãã‚‹ã¿ãŸã„ã€‚ jQuery Ribbonã‚’ä½¿ã£ãŸãƒªãƒƒãƒãªï¼µï¼©ã€‚Windows7ã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ï¼µï¼©ãŒJavaScriptã§ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã®ã‹ã£ã“ã„ã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ è¡¨ç¤ºã—ã¦ã„ã‚‹ï¼µï¼©ã®ãƒ†ãƒ¼ãƒžã‚’é¸ã¹ã‚‹ ã‚¢ã‚¤ã‚³ãƒ³ã¤ããƒªã‚¹ãƒˆ ã‚¢ã‚¤ãƒ†ãƒ ã®ã‚°ãƒ«ãƒ¼ãƒ”ãƒ³ã‚° ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã¡ã‚‡ã£ã¨ã“ã‚Œã¯ç´ æ™´ã‚‰ã—ã„ã§ã™ããƒ»ãƒ»ãƒ»ã€‚jQueryã®å„ªä½æ€§ãŒã¾ã™ã¾ã™é«˜ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã¯ã“ã‚Œã§å®Œç’§ã‹ã‚‚ãªjQueryãƒ—ãƒ©ã‚°ã‚¤
uzuki-first 2009/05/28
ã‹ã£ã“ã„ã„ã‚“ã ã‘ã©ã€ç”¨é€”ãŒæ€ã„ã¤ã‹ãªã„ãªãã€‚EXTã‚‚ã€‚

jquery

ajax

ui

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

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

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

google

ui

æŠ€è¡“

æ¤œç´¢
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³åŠ‡çš„ãƒ“ãƒ•ã‚©ãƒ¼ã‚¢ãƒ•ã‚¿ãƒ¼09å¹´æ˜¥ç‰ˆ (1/4)
ã“ã®4æœˆã€æ–°ã—ã„äº‹æ¥å¹´åº¦ã®ã‚¹ã‚¿ãƒ¼ãƒˆã«åˆã‚ã›ã€å„ç¤¾ã®Webã‚µã‚¤ãƒˆãŒç›¸æ¬¡ã„ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã€‚ã“ã“ã§ã¯ã€3æœˆä¸‹æ—¬ï½ž4æœˆã«ã‹ã‘ã¦å¤§è¦æ¨¡ãªãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’å®Ÿæ–½ã—ãŸWebã‚µã‚¤ãƒˆã‚’ç·¨é›†éƒ¨ã§ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å‰å¾Œã®ç”»é¢å†™çœŸä»˜ãã§ç´¹ä»‹ã™ã‚‹ã€‚æœ€æ–°ã®ä¼æ¥ã‚µã‚¤ãƒˆã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ã¤ã‹ã¿ã€è‡ªç¤¾ã‚µã‚¤ãƒˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®å‚è€ƒã«ã—ã‚ˆã†ã€‚ ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒé‹å–¶ã™ã‚‹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã€ŒMSNã€ã¯ã€2008å¹´4æœˆä»¥æ¥ã»ã¼1å¹´ã¶ã‚Šã«ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã€‚ã€Œæ¯Žæ—¥ä½¿ã„ãŸããªã‚‹MSNã€ï¼ˆãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆï¼‰ã‚’ç›®æŒ‡ã—ã€ä½¿ã„å‹æ‰‹ã‚’é«˜ã‚ãŸã€‚ 3ã‚«ãƒ©ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯å¾“æ¥ã®ã¾ã¾ã ãŒã€ãã‚Œãžã‚Œã®ã‚«ãƒ©ãƒ ã®å½¹å‰²ã‚’æ˜Žç¢ºã«ã—ã€å„ã‚«ãƒ©ãƒ ã«å…¥ã‚‹è¦ç´ ã‚’åˆ†é¡žã€æ•´ç†ã—ã¦ã„ã‚‹ã€‚å…·ä½“çš„ã«ã¯ã€å·¦ã‚«ãƒ©ãƒ ã«Hotmailã®å—ä¿¡çŠ¶æ³ã‚„å¤©æ°—ãªã©ã‚’ç¢ºèªã§ãã‚‹å€‹äººãƒ„ãƒ¼ãƒ«é¡žã‚’ã€ä¸å¤®ã‚«ãƒ©ãƒ ã«ãƒ‹ãƒ¥ãƒ¼ã‚¹ãªã©ã®æœ€æ–°æƒ…å ±ã‚’é…ç½®ã€‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åºƒå‘Šã‚„ä¼ç”»åºƒå‘Šã¸ã®èª˜å°Žã¯ã™ã¹ã¦å³ã‚«ãƒ©ãƒ ã«é›†ç´„ã—ãŸã€‚ ã¾
uzuki-first 2009/05/14
å‚è€ƒ

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

ui

ã¾ã¨ã‚

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
é•·æ–‡æ—¥è¨˜
uzuki-first 2009/04/29
ãµã‚€ã€‚

ç¤¾ä¼š

èªã¿ç‰©

ui

æŠ€è¡“
ãƒªãƒ³ã‚¯
å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦æœ‰ç›Šãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’Usability Postã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 8 Characteristics Of Successful User Interfaces ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®è¨è¨ˆæ™‚ã«ã€è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To concludeâ€¦ 1. Clear æ˜Žå¿« æ˜Žå¿«ã§ã‚ã‚‹ã¨ã„ã†ã®ã¯ã€æœ€ã‚‚é‡é‡ãªè¦ç´ ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç›®çš„ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ„å‘³ã¨æ©Ÿèƒ½ã‚’ä¼ãˆã€åˆ©ç”¨ã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ç›¸äº’ã«ã¤ãã‚ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚ãã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ã€ã©ã“ã«é€²ã‚€ã¹ãã‹ç†è§£ã™ã‚‹ã“ã¨ãŒã§ããªã„æ™‚ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å›°æƒ‘ã—ãŒ
uzuki-first 2009/04/23
ã“ã‚Œã¯å‚è€ƒã«ãªã‚‹

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

ui

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

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒã‚° | ç„¡æ–™ãƒ–ãƒã‚°ã‚’ä½œæˆã—ã‚ˆã†
æ¯Žæ—¥ãƒ–ãƒã‚°ã‚’æ›¸ãã‚ˆã†ã«ã—ãŸã‚‰ä½“èª¿ãŒè‰¯ããªã£ãŸ ã‚ã‚‹æ—¥ãµã¨ã€ã€Œæœ€è¿‘ã®è‡ªåˆ†ã¯ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã«è‡†ç—…ã«ãªã£ã¦ã„ã‚‹ãªãƒ¼ã€ã¨æ„Ÿã˜ã€ã“ã†ã„ã†ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ã„ãŸã€‚ daiksy.hatena blog.jp å†…å®¹ã¯ã€é›‘ãªã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã§ã€Œã ã„ãã—ãƒ¼ã•ã‚“è€ƒãˆãŒæµ…ã„ãªã€ã¿ãŸã„ãªã€ŒåŒ–ã‘ã®çš®ãŒå‰¥ãŒã‚Œã‚‹ã€ã“ã¨ã‚’æã‚Œã¦ã„ã‚‹ãŒã€è‡ªåˆ†ãŒéŽå‰°ã«æ„è˜ã™ã‚‹ã»ã©â€¦
uzuki-first 2009/04/12
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã«ç–‘å•ã‚’æŒã£ãŸã“ã¨ã¯ãªã‹ã£ãŸã€‚ç›®ã‹ã‚‰é±—

ãƒ–ãƒ©ã‚¦ã‚¶

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšè©³è§£ | ã‚³ãƒªã‚¹
ãƒ‘ãƒ³ããšã®ç”±æ¥ã‚„æ¦‚è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–åŸºæº–ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„é€²åŒ–ã—ãŸãƒ‘ãƒ³ããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ ãƒ‘ãƒ³ããš ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ‘ãƒ³ããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ãƒšãƒ¼ã‚¸ã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“ãƒªãƒ†ã‚£ï¼ˆè¦‹ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’æ”¹å–„ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’æ˜Žç¤ºã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ãƒ³ãƒˆã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
uzuki-first 2009/03/31
ã“ã‚Œã¯ã„ã„ã¾ã¨ã‚

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

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ui

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã¯ä½•ã‹ã‚’å‹‰å¼·ã—ã¦ã„ã¾ã™ã€‚ãã“ã§ã€è³ªå•ã§ã™ã€‚ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŒã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’æ•™ãˆã¦ãã ã•.. - äººåŠ›æ¤œç´¢ã¯ã¦ãª
ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã¯ä½•ã‹ã‚’å‹‰å¼·ã—ã¦ã„ã¾ã™ã€‚ ãã“ã§ã€è³ªå•ã§ã™ã€‚ - ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŒã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’æ•™ãˆã¦ãã ã•ã„ - ã¾ãŸã€ãã‚ŒãŒä½¿ã„æ˜“ã„ã¨æ„Ÿã˜ãŸç†ç”±ã‚’æ•™ãˆã¦ãã ã•ã„ æ¡ä»¶ã¯ä»¥ä¸‹ã€ - ä¸€èˆ¬çš„ãªãƒ‘ã‚½ã‚³ãƒ³ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€ãƒžã‚¦ã‚¹ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§è§¦ã‚Œã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ - ã‚ãªãŸãŒå®Ÿéš›ã«ä½“é¨“ã—ãŸã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
uzuki-first 2009/03/27
ãµã‚€ãµã‚€

ã¾ã¨ã‚

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ui

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸