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

thujikun id:thujikun

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

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

å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ã€Œå¿…é ˆã€ã€Œä»»æ„ã€ã®ãƒ©ãƒ™ãƒ«ã¯ä¸¡æ–¹ä»˜ã‘ãªã„ã¨ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ãŒä¸‹ãŒã‚‹
[ãƒ¬ãƒ™ãƒ«: åˆã€œä¸ç´š] å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã¯ã€å…¥åŠ›ãŒã€Œå¿…é ˆã€ãªã®ã‹ã¾ãŸã¯ã€Œä»»æ„ã€ãªã®ã‹ã®ãƒ©ãƒ™ãƒ«ã‚’ä¸¡æ–¹ä»˜ã‘ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¾ã™ã€‚ ã©ã¡ã‚‰ã‹ç‰‡æ–¹ã ã‘ã ã¨å…¥åŠ›é€”ä¸ã®é›¢è„±ã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ECã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£èª¿æŸ»ã¨æœ€é©åŒ–ã‚’å°‚é–€ã«æ‰±ã£ã¦ã„ã‚‹Baymard InstituteãŒè©³ã—ãè§£èª¬ã—ã¦ã„ã¾ã™ã€‚ 15ã®å¤§æ‰‹ECã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£èª¿æŸ»ã¨18ã®ä¸»è¦ãªãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£èª¿æŸ»ã€ãã—ã¦è‡ªç¤¾ã«ã‚ˆã‚‹æœ€æ–°ã®å¤§è¦æ¨¡ãªã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ãƒ†ã‚¹ãƒˆã«ã‚ˆã£ã¦å®Ÿè¨¼ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã®è§£èª¬ã®è¦ç‚¹ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ç‰‡æ–¹ã ã‘ã®ã€Œå¿…é ˆã€ã€Œä»»æ„ã€ãƒ©ãƒ™ãƒ«ã®å•é¡Œç‚¹ å…¥åŠ›ãŒã€Œå¿…é ˆã€ã‹ã€Œä»»æ„ã€ã‹ã‚’ã©ã¡ã‚‰ã‹ç‰‡æ–¹ã®ãƒ©ãƒ™ãƒ«ã ã‘ã§ç¤ºã™ã“ã¨ã«ã¯ã•ã¾ã–ã¾ãªå•é¡Œç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ å¿…é ˆã‹ä»»æ„ã‹ã‚’ç¤ºã•ãªã„ã®ã¯ã„ã¡ã°ã‚“ã‚ˆããªã„ ãã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å…¥åŠ›ãŒå¿…é ˆã‹ä»»æ„ã‹ã‚’ç¤ºã•ãªã„ã®ã¯ã„ã¡ã°ã‚“ã‚ˆããªã„ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚
thujikun 2015/01/23
å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ

ui
ãƒªãƒ³ã‚¯
ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã®UIã¯å£²ã‚Šä¸Šã’ã«ã¤ãªãŒã‚‹ã®ã‹!? ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã¨ãã«çŸ¥ã£ã¦ãŠããŸã„7ã¤ã®ã“ã¨
HOME Contentsquare ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã®UIã¯å£²ã‚Šä¸Šã’ã«ã¤ãªãŒã‚‹ã®ã‹!? ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã¨ãã«çŸ¥ã£ã¦ãŠããŸã„7ã¤ã®ã“ã¨ çš†ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚ã‚®ãƒ£ãƒ—ãƒ©ã‚¤ã‚ºéŽŒç”°ï¼ˆ@kamatecï¼‰ã§ã™ã€‚ å¤§ãããã‚Œã„ãªç”»åƒã‚’æ¨ªä¸¦ã³ã«ä½¿ã„ã€è¦–è¦šã«è¨´ãˆã‚‹ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã§ãã‚‹ã€Œã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã€ã€‚è¦‹ã‚‹ã‹ã‚‰ã«ã‚«ãƒƒã‚³ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ã€ã‚µã‚¤ãƒˆã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ä¸Šã’ã‚‹ãŸã‚ã€Œã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ‘ãƒãƒ«ã€ã‚’å°Žå…¥ã—ãŸã‚µã‚¤ãƒˆã‚‚æ•°å¤šãã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ã¨ã¯è¨€ãˆã€ã“ã®ã€Œã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ‘ãƒãƒ«ã€ã‚’ä½¿ç”¨ã™ã‚‹ã‹å¦ã‹ã¨ã„ã†è°è«–ãŒã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãŒæ™®åŠã—ã¦ã„ãã«ã¤ã‚Œã¦ç››ã‚Šä¸ŠãŒã£ã¦ãã¾ã—ãŸã€‚ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯ã“ã®ã€Œã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã€ã®æ˜¯éžã«ã¤ã„ã¦ã€Clicktaleç¤¾ã®ã‚¢ãƒŠãƒªã‚¹ãƒˆãŒèª¿æŸ»ã—ãŸçµæžœã‚’å ±å‘Šã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ (â€»2020/8/21æ›´æ–°) ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ‘ãƒãƒ«ã¨ã¯ï¼Ÿ ãã‚‚ãã‚‚ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ‘ãƒãƒ«ã£ã¦ä½•ï¼Ÿ ã“ã“æ•°å¹´å¤šãã®ã‚µã‚¤ãƒˆã«å°Žå…¥ã•ã‚Œã¦ã„ã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ‘ãƒãƒ«
thujikun 2015/01/07
web

Carousel

ui
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³ãªUIã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼†HTML5ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆ12å€‹ï¼‰ - ã„ã¬ã‚‰ã¼
å£ç´™ãƒ»å†™çœŸ8953 webãƒ‡ã‚¶ã‚¤ãƒ³3925 ãƒ‡ã‚¶ã‚¤ãƒ³3291 çµµç”»ãƒ»ã‚¤ãƒ©ã‚¹ãƒˆãƒ»ã‚¢ãƒ¼ãƒˆ2193 å‹•ç‰©1745 3D1724 UI1291 photoshop1083 ãƒ•ãƒªãƒ¼1004 é¢¨æ™¯834 è‡ªç„¶821 ã‹ã‚ã„ã„689 wordpress679 ç´ æ652 ãƒ†ãƒ¼ãƒž632 ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«626 ãƒ•ã‚©ãƒ³ãƒˆ617 å¹»æƒ³çš„548 å‹•ç”»530 ãŠæ´’è½524 å»ºç¯‰ç‰©501 çŠ¬430 ãƒ†ãƒ³ãƒ—ãƒ¬400 ã‚¤ãƒ©ã‚¹ãƒˆ397 psd396 çŒ«384 ãƒã‚´331 jquery297 ãƒ–ãƒ©ã‚·296 ãƒ—ãƒ¬ãƒŸã‚¢ãƒ 285 ãƒ—ãƒ©ã‚°ã‚¤ãƒ³274 ãƒ†ã‚¯ã‚¹ãƒãƒ£260 CSS249 ãƒŸãƒªã‚¿ãƒªãƒ¼221 ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£217 ååˆº213 gif212 éƒ½å¸‚é¢¨æ™¯210 ã‚¤ãƒ³ãƒ†ãƒªã‚¢206 å®‡å®™203 ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ200 SF188 ãƒã‚¹ã‚¿ãƒ¼186 ãƒ•ã‚¡ãƒ³ã‚¿ã‚¸ãƒ¼186
thujikun 2014/12/21
ui

html
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ã ã¾ã™ã®ãŒç›®çš„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€Œãƒ€ãƒ¼ã‚¯ãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã„ã‚ã„ã‚
by Thomas Guignard ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã¨ã€è‡ªåˆ†ã®æ„å›³ã—ãªã„äºˆæƒ³å¤–ã®æ“ä½œãŒãªã•ã‚Œã¦ã—ã¾ã„æˆ¸æƒ‘ã†ã“ã¨ãŒãŸã¾ã«ã‚ã‚Šã¾ã™ãŒã€ãã‚Œã¯ãã‚‚ãã‚‚äººã‚’ã ã¾ã™ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã‚“ãªäººã‚’ã ã¾ã™ã“ã¨ã‚’ç›®çš„ã¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã€Œãƒ€ãƒ¼ã‚¯ãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã¨å‘½åã•ã‚Œã€ãã®æ‰‹æ³•ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ Dark Patterns - User Interfaces Designed to Trick People http://darkpatterns.org/ ãƒ€ãƒ¼ã‚¯ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã¯äººã‚’ã ã¾ã™ç›®çš„ã§ä½œã‚‰ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§ã‚ã‚Šã€æ±ºã—ã¦ãƒŸã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã‚Œã‚‰ã¯äººé–“ã®å¿ƒç†ã‚’ã‚ˆãç†è§£ã—ã¦æ³¨æ„æ·±ãä½œã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®åˆ©ç›Šã¯ã¾ã£ãŸãè€ƒãˆã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ ãƒãƒ³ãƒ‰ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚‹Harry Brignullã•ã‚“ã¯ã€ãƒ€ãƒ¼ã‚¯ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ã¾ã¨ã‚ãŸã‚µã‚¤
thujikun 2013/09/05
UI

Design
ãƒªãƒ³ã‚¯
äº‹ä¾‹ç´¹ä»‹ | æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ•ã‚©ãƒãƒ¼ãƒ³
thujikun 2013/04/17
webåˆ¶ä½œ

ui

android

iphone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ç›´æ„Ÿçš„ãªUIã¨ã¯äºˆæƒ³ã—ãŸé€šã‚Šã®çµæžœãŒå¾—ã‚‰ã‚Œã‚‹ã‚‚ã®ã®ã“ã¨ - ãƒã‚³ãƒ¡ã‚·CEOãƒ–ãƒã‚°
UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ï¼æ–¬æ–°ã§ç¾Žã—ã„UIã‚’ã‚‚ã£ãŸiPhoneã‚¢ãƒ—ãƒªã¾ã¨ã‚ ã¨ã„ã†è¨˜äº‹ã§ã¯ã€ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã®ã“ã¨ã”ã¨ãã«ã€ã€Œãƒœã‚¿ãƒ³ãŒç„¡ãã¦ã‚·ãƒ³ãƒ—ãƒ«ã€ã€Œç›´æ„Ÿçš„ã§ä½¿ã„ã‚„ã™ã„ã€ãªã©ã¨æ›¸ã„ã¦ã‚ã‚‹ãŒã€Clearã®UIã¿ãŸã„ãªã®ã‚’ã€Œèª°ã§ã‚‚ç›´æ„Ÿçš„ã«æ“ä½œã§ãã‚‹ã€ãªã©ã¨è©•ä¾¡ã™ã‚‹ç†ç”±ãŒã•ã£ã±ã‚Šç†è§£ã§ããªã„ã€‚ ã“ã†ã„ã†UIã¯åŸºæœ¬çš„ã«ã©ã‚Œã‚‚çŽ„äººå‘ã‘ã§ã€æ“ä½œãŒã‚¸ã‚§ã‚¹ãƒãƒ£ã®å¡Šã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ãã‚ŒãŒä½¿ã„ã“ãªã›ã‚‹ä¿ºã‚«ãƒƒã‚±ãƒ¼æ„ŸãŒé«˜ãã¦è‡ªå·±é¡•ç¤ºæ¬²ã‚’æº€ãŸã—ã‚„ã™ã„ã€‚"ãã®ã‚ˆã†ã«æ“ä½œã§ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³"ãŒæ°—æŒã¡ã„ã„ã®ã§ã¯ãªãã€"ãã®ã‚ˆã†ã«æ“ä½œã—ã¦ã„ã‚‹è‡ªåˆ†"ãŒæ°—æŒã¡ã„ã„ã®é–“é•ã„ãªã‚“ã˜ã‚ƒãªã„ã ã‚ã†ã‹ã€‚ ãƒœã‚¿ãƒ³ãŒä¸€åˆ‡ãªãã¦ã‚·ãƒ³ãƒ—ãƒ«ã ã¨æ°—æŒã¡ãŒã„ã„UIã«ãªã‚‹ã ã£ã¦ï¼Ÿã€€ãã‚“ãªã‚ã‘ãŒã‚ã‚‹ã¯ãšãªã„ã€‚ç¾å®Ÿä¸–ç•Œã¯ãƒœã‚¿ãƒ³ãŒä¸€åˆ‡ãªãã¦ã‚·ãƒ³ãƒ—ãƒ«ãªUIã§æº¢ã‚Œã¦ã„ã‚‹ã—ã€ãã®ãŠã‹ã’ã§æ¯Žæ—¥ã„ã‚ã‚“ãªå ´é¢ã§ã„ã‚‰ã„ã‚‰ã•ã›ã‚‰ã‚Œã¦ã„ã‚‹ã€‚ãŸã‹ãŒ1å€‹ã®ãƒ¬ãƒãƒ¼ã‚’ä¸Šã’
thujikun 2013/03/30
webdesign

ux

ui

usability
ãƒªãƒ³ã‚¯
ã¾ã‚‹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ã‚ˆã†ãªUIã‚’å®Ÿç¾ã§ãã‚‹é«˜æ©Ÿèƒ½JavaScript UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·w2ui MOONGIFT
w2uiã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«å¯¾å¿œã—ãŸJavaScript UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ æ–°ã—ã„JavaScript UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç´¹ä»‹ã§ã™ã€‚åå‰ã¯w2uiã€å¤šæ•°ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’æè¼‰ã—ãŸUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ ã‚°ãƒªãƒƒãƒ‰ã€‚ è©³ç´°æ¤œç´¢å¯¾å¿œã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã€‚ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€‚éšŽå±¤è¡¨ç¤ºã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã‚¿ãƒ–ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã€‚ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€‚ ãã®ä»–ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã€‚ w2uiã®ã‚µã‚¤ã‚ºã¯37KBï¼ˆãƒŸãƒ‹ãƒ•ã‚¡ã‚¤&Gzipï¼‰ã§ã€ã“ã‚Œã¯ExtJSã®1/12ã€Kendo UIã®1/6ã¨ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€jQueryãƒ™ãƒ¼ã‚¹ã¨ã„ã†ç‰¹å¾´ã€å…¨ã¦ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’ã¾ã¨ã‚ã¦æä¾›ã€IE9ã€Firefox7ã€Google Chromeã€Safari5ã«å¯¾å¿œã¨ãªã£ã¦ã„ã¾ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ w2uiã¯JavaScriptè£½ã€MIT
thujikun 2013/03/04
ui

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript

w2ui

webdesign
ãƒªãƒ³ã‚¯
The Worst UI Pattern in Existence | Kapil Kale's Blog
Infinite scroll + footer. Scroll through page content to the footer. As you start reading the footer links, the site injects new content into the page and the footer gets pushed down below the fold. Repeat ad nauseum. Facebook and LinkedInâ€™s news feeds use this pattern. I get that most Facebook & Linkedin users donâ€™t need to touch the footer, but this doesnâ€™t excuse a terrible UI for those that do
thujikun 2012/12/15
Worst UI Patternã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è‡ªå‹•ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¼¸ã³ã‚‹UIï¼ˆ Facebookï¼‰ã¨ Footerã€‚

Facebook

ui

linkedin
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŸ¥ã£ã¦ãŠãã¹ãã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®10ã®ç‰¹å¾´
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç‚¹ã«ç«‹ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ãªã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å—ã‘å…¥ã‚Œã¦ã‚‚ã‚‰ãˆãªã„ã¯ãšã ã€‚ãã“ã§æœ¬è¨˜äº‹ã§ã¯ã€UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒå¿µé ã«ç½®ã„ã¦ãŠãã¹ããƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¿’æ…£ã‚„è€ƒãˆæ–¹ã«ã¤ã„ã¦ç„¦ç‚¹ã‚’å½“ã¦ã‚‹ã€‚ ã¤ã„æœ€è¿‘ã€ã€ŒUbuntu Unityã€ã¯Ubuntuã«æ£å¼æè¼‰ã•ã‚Œã¦ã‹ã‚‰1å‘¨å¹´ã‚’è¿ŽãˆãŸã€‚ã¾ãŸã€ã€ŒWindows 8ã€ã¯ãƒªãƒªãƒ¼ã‚¹ã‚’é–“è¿‘ã«æŽ§ãˆã¦ã„ã‚‹ã€‚ã“ã†ã„ã£ãŸçŠ¶æ³ã®ãªã‹ã€ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã¯åŒã˜ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ãªã„ã¨ã„ã†äº‹å®ŸãŒæ˜Žã‚‰ã‹ã«ãªã£ã¦ãã¦ã„ã‚‹ã€‚å®Ÿéš›ã®ã¨ã“ã‚ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®ä½¿ã„æ–¹ã«é©å‘½çš„ãªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã™ã‚ˆã†ãªç´ æ™´ã‚‰ã—ã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‚ã‚Šå¾—ã‚‹ã ã‚ã†ãŒã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å¿µé ã«ç½®ã„ã¦ã„ãªã„ã‚‚ã®ã¯ã€ãã®ç´ æ™´ã‚‰ã—ã•ã‚’è¨¼æ˜Žã™ã‚‹é–“ã‚‚ãªãå¤±æ•—ä½œã¨ã„ã†çƒ™å°ã‚’æŠ¼ã•ã‚Œã¦ã—ã¾ã†ã¯ãšã ã€‚ ç†è€…ã¯é•·å¹´ã«æ¸¡ã‚‹ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿çµŒé¨“ã®ãªã‹ã§ã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®Linux ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ã€ã‚ã‚‰ã‚†ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³
thujikun 2012/06/26
*ã‚ã¨ã§èªã‚€

UI

design
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ã§ãã‚‹ï¼Ÿã®åˆ¤æ–ã‚¹ã‚ãƒ«å‘ä¸Šãªã©ã€å¤±æ•—ã‹ã‚‰å¾—ãŸ5ã¤ã®æ°—ã¥ã
å‰å›žã®è¨˜äº‹ã§ã¯ã€ã¼ãã‚‰ã®è‡ªç¤¾ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãŒã„ã£ãŸã‚“å¤±æ•—ã«çµ‚ã‚ã‚Šã€ã‚¼ãƒã‹ã‚‰ä½œã‚Šç›´ã™ç¾½ç›®ã«ãªã£ãŸé¡›æœ«ã‚’ãŠè©±ã—ã¾ã—ãŸã€‚å¤±æ•—ã¯ã¤ã‚‰ãã¦ã€æ¥ãšã‹ã—ã„ã€‚ä»Šã‚‚ã€ã“ã†ã—ã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã‚‹ä¸ã§ã€ã€Œã§ãã‚Œã°å¤±æ•—ã›ãšã«æ¸ˆã¾ã›ãŸã‹ã£ãŸãªã€ã¨ã„ã†è¤‡é›‘ãªæ€ã„ãŒèƒ¸ã«ã“ã¿ä¸Šã’ã¦ãã¾ã™ã€‚ ã›ã‚ã¦ãã®å¤±æ•—ã‚’åçœã—ã€ã€Œç¹°ã‚Šè¿”ã™ã¹ãã§ãªã„ã“ã¨ã€ã¨ã€Œä»Šå¾Œã‚‚ç¶™ç¶šã™ã¹ãã“ã¨ã€ã‚’ãã¡ã‚“ã¨è¨€èªžåŒ–ã—ã¦ãŠãã“ã¨ã§ã€å¤±æ•—ã®çµŒé¨“ã‚’ã€Œæˆé•·ã€ã«ã¤ãªã’ãŸã„ã€‚ãã†ã„ã†æ€ã„ã‹ã‚‰ã€ã“ã†ã—ã¦å¤±æ•—è«‡ã‚’è¨˜äº‹ã«ã•ã›ã¦ã„ãŸã ãã“ã¨ã«ã—ã¾ã—ãŸã€‚ ä»Šå›žã®å¾Œç·¨ã§ã¯ã€ãã®å¤±æ•—ã‹ã‚‰å¾—ã‚‰ã‚ŒãŸ5ã¤ã®æ°—ã¥ãã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚‚ã—ã€ã“ã‚Œã‚‰ã®æ°—ã¥ããŒã¿ãªã•ã‚“ã‚’æ¥½ã—ã¾ã›ãŸã‚Šã€ãŠå½¹ã«ç«‹ã¦ãŸã‚Šã™ã‚Œã°å¹¸ã„ã§ã™ã€‚ã¨ã¯è¨€ãˆãŸã£ãŸä¸€åº¦ã®çµŒé¨“ã‹ã‚‰å¾—ã‚‰ã‚ŒãŸã‚‚ã®ã§ã™ã®ã§ã€ã¾ã ã¾ã æ´žå¯ŸãŒæ·±ã¾ã£ã¦ã„ãªã„ã¨ã“ã‚ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚è‡³ã‚‰ã¬ç‚¹ã‚„èª¤ã‚Šãªã©ãŒã‚ã£ãŸã‚‰ã€@Shumpeiã¾ã§ãŠæ°—è»½ã«ã”æŒ‡æ‘˜ãã ã•
thujikun 2012/06/12
ã‚ã¨ã§èªã‚€

*ã‚ã¨ã§èªã‚€

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

UX

ui

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

less

webåˆ¶ä½œ

jQueryMobile

jQuery Mobile
ãƒªãƒ³ã‚¯
HMDTï¼†ãƒ‹ã‚³å‹•ã‚¢ãƒ—ãƒªé–‹ç™ºè€…ãŒèªžã‚‹ï¼ Web CAT Studioã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UXã®æœ€å‰ç·šã€å‹‰å¼·ä¼šãƒ¬ãƒãƒ¼ãƒˆ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
ã¯ã¦ãªã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—ãƒªã®é–‹ç™ºã‚’æ‹…å½“ã—ã¦ã„ã‚‹ã€id:ninjinkunã“ã¨æµ…é‡Žæ…§ã§ã™ã€‚è¿‘å¹´ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ï¼ˆUXï¼‰ã€ãŒéžå¸¸ã«é‡è¦ã¨è¨€ã‚ã‚Œã¦ãŠã‚Šã€ç†è€…ã‚‚UXã®å‹‰å¼·ã«å‹¤ã—ã‚€æ¯Žæ—¥ã§ã™ã€‚ãã‚“ãªä¸ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼†ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚’æ”¯æ´ã™ã‚‹ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€ŒWeb CAT Studioï¼ˆé‹å–¶ï¼šãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆï¼‰ã€ãŒã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UXã®æœ€å‰ç·šã€ã¨ã„ã†å‹‰å¼·ä¼šã‚’é–‹å‚¬ã™ã‚‹ã¨èžã„ã¦ã€ãŠé‚ªé”ã—ã¦ãã¾ã—ãŸã€‚å‹‰å¼·ä¼šå½“æ—¥ã®ãƒ¬ãƒãƒ¼ãƒˆã¨ã€Web CAT StudioãŒç©æ¥µçš„ã«å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¦ã„ã‚‹ç†ç”±ã‚’ä¼ºã£ãŸã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã‚’ãŠé€ã‚Šã—ã¾ã™ã€‚è¨˜äº‹ã®çµ‚ã‚ã‚Šã«ã¯ã€é–¢é€£æ›¸ç±ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒˆã®ãŠçŸ¥ã‚‰ã›ã‚‚ï¼ ï¼ˆâ€»ã“ã®è¨˜äº‹ã¯Web CAT Studioï¼æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®æä¾›ã«ã‚ˆã‚‹PRè¨˜äº‹ã§ã™ï¼‰ â–½ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UXã®æœ€å‰ç·š : ATND ã€ŒUXã€ã¨ã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã€ã®ç•¥ã§ã€ç°¡å˜ã«è¨€ã†
thujikun 2012/06/12
ã‚ã¨ã§èªã‚€

ui

UX

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

design
ãƒªãƒ³ã‚¯
1