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

cnomiya id:cnomiya

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

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

ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã‹ã‚‰ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ã¸ - A Successful Failure
2012å¹´02æœˆ13æ—¥ ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã‹ã‚‰ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ã¸ Tweet D.A.ãƒŽãƒ¼ãƒžãƒ³ãŒã€Žèª°ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³? ã€ã§ç´¹ä»‹ã—ãŸæ¦‚å¿µã€ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹(affordance)ã¯ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹åŸºæœ¬çš„ãªè€ƒãˆæ–¹ã¨ã—ã¦å—ã‘å…¥ã‚Œã‚‰ã‚Œã¦ããŸã€‚UIã«é–¢ã™ã‚‹æ›¸ç±ã‚’ç´è§£ã‘ã°ã€ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã«é–¢ã™ã‚‹è§£èª¬ã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã ã‚ã†ã€‚çŽ‡ç›´ã«è¨€ã£ã¦ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã®è€ƒãˆæ–¹ã‚’çŸ¥ã‚‰ãªã„UIå±‹ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã‚‚ãã‚Šã¨çœ‹åšã—ã¦ã‚ˆã„ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ç•Œã«ãŠã‘ã‚‹ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ ãƒ‡ã‚¶ã‚¤ãƒ³ç•Œã«ãŠã„ã¦ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã¯ã€è£½å“ãªã©ã®ãƒ¢ãƒŽãŒã€ã©ã®ã‚ˆã†ã«æ‰±ã‚ã‚Œã‚‹ã¹ãã‹ã€ã©ã®ã‚ˆã†ãªæ€§è³ªã‚’æŒã¤ã‚‚ã®ã‹ãŒã€ãƒ¦ãƒ¼ã‚¶ã«ä¸€ç›®ã§ã‚ã‹ã‚‹ã‚ˆã†ã«ä»˜ä¸Žã•ã‚ŒãŸï¼ˆä¸»ã«ï¼‰è¦–è¦šçš„ãªã‚µã‚¤ãƒ³ã®æ„å‘³ã§ä½¿ã‚ã‚Œã‚‹ã€‚ã‚ã‹ã‚Šæ˜“ã„ä¾‹ã‚’æŒ™ã’ã‚‹ã¨ã€ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã¨ã¯ã€è¸ã‚“ã§ã¯å€’ã›ãªã„ãƒŽã‚³ãƒŽã‚³ã«ãƒˆã‚²ã‚’ä»˜ã‘ã‚‹ã‚ˆã†ãªã“ã¨ã€ã¨èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹ï¼ˆä¸‹å›³ï¼‰ã€‚ãƒˆã‚²ã‚¾ãƒ¼ã¯ãƒˆã‚²ã¨ã„ã†è¦–è¦šçš„ãªã‚µã‚¤ãƒ³ã«ã‚ˆã£ã¦ã€è¸ã‚“ã§ã¯ã„
cnomiya 2013/10/25
ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ã€ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ã€ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ï½œã“ã‚Œã§è¦šãˆãŸã‹ãªï¼Ÿ

ui

ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹

ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢
ãƒªãƒ³ã‚¯
ã€Œ8æ®µéšŽã®ã‚¹ãƒ†ãƒƒãƒ—ã€ã§é€²è¡Œã—ãŸã€Macç‰ˆEvernoteã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«
ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®å¤‰æ›´ã¯ãªãœå¿…è¦ã§ã€ã©ã®ã‚ˆã†ãªè€ƒãˆã«åŸºã¥ã„ã¦ã€ã©ã®ã‚ˆã†ãªãƒ—ãƒã‚»ã‚¹ã§å®Ÿè¡Œã•ã‚ŒãŸã®ã‹ã€ã€‚å„ç¨®ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºã«æºã‚ã‚‹äººã«èˆˆå‘³æ·±ã„ãƒ†ãƒ¼ãƒžã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒã€2013å¹´5æœˆ25æ—¥ã«è¡Œã‚ã‚ŒãŸã€‚ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®æ©Ÿä¼šã‚’è¨ã‘ãŸã®ã¯ã€Macã‚„iPhoneå‘¨ã‚Šã®é–‹ç™ºè€…ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«ã‚ˆã‚‹ã€Œç¬¬4å›ž iphone_dev_jp æ±äº¬iPhone/Macå‹‰å¼·ä¼šã€ã€‚é¡Œæã¯ã€2012å¹´11æœˆã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã‚ŒãŸMacç‰ˆEvernoteï¼ˆEvernote 5 for Macï¼‰ã€‚è¬›å¸«ã¯ã€åŒã‚µãƒ¼ãƒ“ã‚¹ã®UIã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’æŒ‡æ®ã—ãŸã‚¸ãƒ£ãƒƒã‚¯ãƒ»ãƒãƒ¼ã‚·ãƒ¥æ°ã§ã‚ã‚‹ï¼ˆå†™çœŸ1ï¼‰ã€‚ ãƒãƒ¼ã‚·ãƒ¥æ°ã®è¬›æ¼”ã®å†…å®¹ã¯ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®ãƒ—ãƒã‚»ã‚¹ã‚’8ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã«ã¾ã¨ã‚ã€ãã‚Œãžã‚Œã®ã‚¹ãƒ†ãƒƒãƒ—ã§ä½•ã‚’è€ƒãˆã€ä½•ã‚’ãƒ«ãƒ¼ãƒ«ã¨ã—ã¦å®Ÿè¡Œã—ã¦ã„ã£ãŸã®ã‹èª¬æ˜Žã—ã¦ã„ãã¨ã„ã†ã‚‚ã®ã€‚å®Ÿéš›ã®æ‰‹æ›¸ããƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒã‚„å‚ç…§ç”»é¢ãŒæ•£ã‚Šã°ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€ç°¡å˜ã«ç†è§£ãƒ»å®Ÿè¡Œã—ã‚„ã™ãã¾ã¨ã‚ã‚‰
cnomiya 2013/06/05
æ€ã£ã¦ãŸã‚“ã¨é•ã†ã€‚ãŒã€è‰¯ã„å‹˜é•ã„ï½œGTDã®ãƒŠãƒãƒ¥ãƒ©ãƒ«ãƒ—ãƒ©ãƒ³ãƒ‹ãƒ³ã‚°çš„ã‹ï¼Ÿï½œæœ€åˆã®æ–¹ã€é‡è¦ï½œ1.ç›®æ¨™è¨å®šâ†’2.ã‚³ãƒ³ã‚»ãƒ—ãƒˆâ†’3.ãƒ‡ã‚¶ã‚¤ãƒ³â†’4.ç›¸äº’ä½œç”¨â†’5.å®Ÿè£…â†’6.ç™ºè¡¨â†’7.è£½å“ãƒãƒ¼ãƒ³ãƒâ†’8.ç¹°ã‚Šè¿”ã—

evernote

ui

dev

management
ãƒªãƒ³ã‚¯
http://oalp.org/doc/nilesen/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
cnomiya 2012/04/10
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

UI

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

guideline
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®UIè€ƒï¼’ ã€œ ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã«ã¤ã„ã¦ | fladdict
UIã«ã¤ã„ã¦å¾’ç„¶ã¨è€ƒãˆã‚‹è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€ï¼’å›žç›®ã¯ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã€Œä½•ã‹ãŒãŠããŸã‚ˆï¼ã€ã¨å¦‚ä½•ã«æ˜Žè§£ã«çŸ¥ã‚‰ã›ã‚‹ã‹ï¼Ÿï¼‘å›žç›®ã¯ã“ã¡ã‚‰ éšæ™‚å¢—ãˆãŸã‚Šæ¸›ã£ãŸã‚Šã™ã‚‹ã‚ˆã€‚è‡ªåˆ†ã®ä¸»è¦³ã ã‹ã‚‰é–“é•ã£ã¦ã‚‹ã“ã¨ã‚‚ãƒãƒ©ãƒ›ãƒ©ã‚ã‚‹ã‹ã‚‚ã‚ˆã€‚ æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¦TiltShiftGenã§ã¯ã€é·ç§»ç³»ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¯å°‘ãªã‚ã«ã—ã¦ã€æƒ…å ±ç³»ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å¤šã‚ã«èª¿æ•´ã—ã¦ãŸã‚“ã ãªãã¨ã‚·ãƒŸã‚¸ãƒŸã€‚å¤šåˆ†ã€ãƒ–ãƒ©ãƒ¼ã®å‡¦ç†ãŒé‡ã‹ã£ãŸã‹ã‚‰ã ã¨æ€ã†ã€‚éš™ã‚’ã¿ã¦ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã„ã€‚ ä¸€èˆ¬è«– ãƒ»ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¨ã¯ï¼Ÿ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ“ä½œã«å¯¾ã—ã¦ã€çµæžœã‚’è¿”ã™ã“ã¨ã€‚æ“ä½œã®å®Ÿæ„Ÿã€‚ ãƒ»ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã®ãªã„ã‚¢ãƒ—ãƒªã¯ç—›è¦šã®ç„¡ã„äººé–“ã€‚ ãƒ»ç‰©ç†çš„ãªãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢çš„ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ãªã‘ã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½•ãŒãŠãã¦ã„ã‚‹ã‹çŸ¥è¦šã§ããªã„ã€‚ ãƒ»ä½•ã‹ãŒèµ·ããŸã‚‰å¿…ãšãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€šçŸ¥ã™ã‚‹ã€‚ ãƒ»é©åˆ‡ãªãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒè¡Œã‚ã‚Œã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¿«æ„Ÿã‚’æ„Ÿã˜ã‚‹ã€‚ ãƒ»æ–°é›ªã«è¶³è·¡ã‚’ã¤ã‘ãŸã‚Šã€
cnomiya 2011/08/16
UI

ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯
ãƒªãƒ³ã‚¯
è€ƒå¯Ÿï¼šAppleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’ä½œã‚‰ãªã„ã€‚
ä»Šã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³)å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ãªã„ã€‚ãã‚Œã¯ä½•æ•…ã‹ã€‚ äºˆç®—ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„è‡ªç¤¾è£½å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãã‚‰ããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„ã€‚Appleã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„ã‚‹ã€‚ Mobile Safari ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ¬è³ªã‚’åž£é–“è¦‹ã‚‹ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ Appleã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘è¦—ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã€‚ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024pxåˆ†ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
cnomiya 2011/07/14
apple

mobile

iphone

design

Apple

UI
ãƒªãƒ³ã‚¯
Pttrns â€” Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With aÂ PttrnsÂ membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
cnomiya 2011/03/18
iOS

UI

design

iphone
ãƒªãƒ³ã‚¯
Sencha.com
cnomiya 2011/02/15
ã“ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ©ãƒ¼ã®è¡¨ç¤ºã¯è‰¯ã„ãªãï½œã‚¨ãƒ©ãƒ¼ç™ºç”Ÿã¯æ–‡å—åˆ—ã˜ã‚ƒãªãã‚¢ã‚¤ã‚³ãƒ³ã®ã¿ã€‚è©³ç´°ã¯ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ï¼çœã‚¹ãƒšãƒ¼ã‚¹ï½œã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ãŒè‰¯ã„â†’ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ç§»å‹•å¯èƒ½ï¼†ã‚¨ãƒ©ãƒ¼å†…å®¹ãŒã‚ã‹ã‚‹ã€‚

ext.js

sencha

ui

validation
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ â€” ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx ã® ã€ŒWindows ãƒ¦ãƒ¼ã‚¶ãƒ¼ ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ ã€Œã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ ä¸»ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ ä»¥ä¸‹ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—ãŸ Web UIã«å¿œç”¨å¯èƒ½ å®Ÿç”¨çš„ã‹ã¤å…·ä½“çš„ è‡ªæ˜Žã§ã¯ãªã„ ãƒ—ãƒ©ã‚¤ãƒžãƒªUIã‚’ç›®ç«‹ãŸã›ã‚‹ ãƒ—ãƒ©ã‚¤ãƒžãƒª UI è¦ç´ ã‚’å¼·èª¿ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - ãƒ—ãƒ©ã‚¤ãƒžãƒª UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - ã‚¿ã‚¹ã‚¯ã‚’é–‹å§‹ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - ã‚³ãƒŸãƒƒãƒˆ ãƒœã‚¿ãƒ³ã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - æ®‹ã‚Šã®ãƒ—ãƒ©ã‚¤ãƒžãƒª UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - ã‚³ãƒžãƒ³ãƒ‰ ãƒœã‚¿ãƒ³ã€ã‚³ãƒžãƒ³ãƒ‰ ãƒªãƒ³ã‚¯ã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„ã‚’å¼•ãä»˜ã‘ã‚‹ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ - å¤§ããªãƒ†ã‚ã‚¹ãƒˆã‚„å¤ªå—ã®ãƒ†ã‚ã‚¹ãƒˆãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ã‚¹ãƒˆã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ¦
cnomiya 2011/02/14
ui

ux

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

Windows

Microsoft

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Windowsã‚¢ãƒ—ãƒªã®ãƒ„ãƒªãƒ¼ãƒ“ãƒ¥ãƒ¼ã£ã½ã„UIã‚’WEBä¸Šã§ç°¡å˜å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery.dynatreeã€:phpspoté–‹ç™ºæ—¥èªŒ
Windowsã‚¢ãƒ—ãƒªã®ãƒ„ãƒªãƒ¼ãƒ“ãƒ¥ãƒ¼ã£ã½ã„UIã‚’WEBä¸Šã§ç°¡å˜å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery.dynatreeã€ 2010å¹´11æœˆ25æ—¥- jquery.dynatree.js | jQuery Plugins Windowsã‚¢ãƒ—ãƒªã®ãƒ„ãƒªãƒ¼ãƒ“ãƒ¥ãƒ¼ã£ã½ã„UIã‚’WEBä¸Šã§ç°¡å˜å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery.dynatreeã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãã£ãã‚Šã®UIãŒæ¯”è¼ƒçš„ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚ ã‚¹ã‚ãƒ³ã«å¯¾å¿œã—ã¦ã„ã¦ã€æ¬¡ã®ã‚ˆã†ã«ã€Vistaã£ã½ãã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä»˜ã‘ã¦ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã‚‚å‡ºæ¥ãŸã‚Šã—ã¾ã™ã€‚ç§»å‹•ã—ã¦ã„ã‚‹æœ€ä¸ã®UIã‚‚Windowsã‚¢ãƒ—ãƒªãã£ãã‚Š å„ãƒ„ãƒªãƒ¼ã¯Ajaxã«å¯¾å¿œã—ã¦ã„ã¦ã€èªã¿è¾¼ã¿æ™‚ã«å…¨éƒ¨èªã‚€å¿…è¦ãŒãªãã€å·¨å¤§ãªãƒ„ãƒªãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Windowsã‚¢ãƒ—ãƒªãªã‚“ã‹ã§ã¯ä½•ã‹ã¨ä¾¿åˆ©ãªã“ã®UIã§ã™ãŒ
cnomiya 2010/11/26
ã‚ˆã•ã’ï½œãŸã ã€ãƒ„ãƒªãƒ¼ã‹ã‚‰ä½•ã‚‰ã‹ã®æƒ…å ±ã‚’å¾—ã‚‹æ–¹æ³•ãŒã€$("#tree").dynatree("getActiveNode") ã®ã‚ˆã†ãªæ›¸ãæ–¹ã£ã¦ã©ã†ãªã®ï¼Ÿã“ã‚Œã£ã¦,æ™®é€šãªã‚“ï¼Ÿ

jQuery

ui

javascript

tree
ãƒªãƒ³ã‚¯
UXãƒ‡ã‚¶ã‚¤ãƒŠã®ãŸã‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨è¦‹æ „ãˆã«ã¤ã„ã¦ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹
åŽŸæ–‡(æŠ•ç¨¿æ—¥ï¼š2010/11/12)ã¸ã®ãƒªãƒ³ã‚¯ Shane Morrisæ°ã¯Microsoftã§UXã®ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã‚’å‹™ã‚ã€ä»Šã¯ç‹¬ç«‹ã—ã¦UXã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã¨ã—ã¦æ´»èºã—ã¦ã„ã‚‹ã€‚æ°ã¯TechEd Australia 2010ã§â€œPimp My Appâ€ã¨é¡Œã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’è¡Œã£ãŸã€‚ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§æ°ã¯UXã®å§‹ã‚ã‚‹å‰ã«çŸ¥ã£ã¦ãŠãå¿…è¦ã®ã‚ã‚‹5ã¤ã®ã“ã¨ã€è‰¯ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹4ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã€ãã—ã¦è£½å“ã‚’ç´ æ™´ã‚‰ã—ãè¦‹ã›ã‚‹ãŸã‚ã®æ–¹æ³•ã«ã¤ã„ã¦ã®6ã¤ã®ãƒ’ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ãŸã€‚ æ°ã¯UXã®é–‹ç™ºã¯æ¬¡ã®ã‚¹ãƒ†ãƒƒãƒ—ã‚’è¸ã‚€ã¹ãã ã¨è€ƒãˆã‚‹ã€‚æœ€åˆã«æƒ…å ±ã®è¨è¨ˆã‚’ä¼´ã†æ¦‚å¿µã®è¨è¨ˆã‚’è¡Œã„ã€æ¬¡ã«æ“ä½œã®è¨è¨ˆã€ãã—ã¦æœ€å¾Œã«è¡¨ç¤ºã®è¨è¨ˆã‚’è¡Œã†ã€‚UXã¯è¦‹ã¦ãã‚Œã®è‰¯ã„ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®æŠ€æ³•/ç§‘å¦ã ã¨æ€ã‚ã‚Œã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãŒã€ãã‚Œã¯UXã®ä¸€ç•ªæœ€å¾Œã®éƒ¨åˆ†ã ã€‚æ°ã¯UXã‚’å§‹ã‚ã‚‹å‰ã«çŸ¥ã£ã¦ãŠãã¹ã5ã¤ã®ã“ã¨ã‚’åˆ—æŒ™ã—ãŸã€‚ UXãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ€åˆã®å½¹å‰²ã¯è‰²ã‚„ãƒ•
cnomiya 2010/11/24
InfoQ

design

UI

UX
ãƒªãƒ³ã‚¯
Frame Box - Lightweight online tool for creating mockups
Show what you need in 3 easy steps: Sketch frame using UI units Save it and get a link to created frame Send a link to your companion
cnomiya 2010/10/21
UI

frame

webã‚µãƒ¼ãƒ“ã‚¹

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

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
XHTML HTMLè¾žå…¸
Updated 2013.10.08 / Published 2005.09.12 HTML4.01, XHTML1.0, XHTML1.1ã®å…¨è¦ç´ ãƒ»å±žæ€§ã‚’ç¶²ç¾…ã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚æ„å‘³ã‚„æ–‡æ³•ã‚’ã™ãã«èª¿ã¹ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«æ§˜ã€…ãªç´¢å¼•ã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ è¦ç´ åA-Zç´¢å¼• HTML4.01, XHTML1.0, XHTML1.1ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹å…¨è¦ç´ åž‹ã‚’ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ã§ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ãŸç´¢å¼•ã§ã™ã€‚ å±žæ€§åA-Zç´¢å¼• HTML4.01, XHTML1.0, XHTML1.1ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹å…¨å±žæ€§åã‚’ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ã§ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ãŸç´¢å¼•ã§ã™ã€‚ è¦ç´ åã®èªã¿æ–¹ HTML4.01, XHTML1.0, XHTML1.1ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹è¦ç´ åã®ç™ºéŸ³ã‚¬ã‚¤ãƒ‰ï¼ˆèªã¿æ–¹ï¼‰ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ å±žæ€§åã®èªã¿æ–¹ HTML4.01, XHTML1.0, XHTML1.1ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹å±žæ€§åã®ç™ºéŸ³ã‚¬ã‚¤ãƒ‰ï¼ˆèªã¿æ–¹ï¼‰ã‚’
cnomiya 2010/09/17
html

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

UI
ãƒªãƒ³ã‚¯
pForm - Free HTML Form Builder - Create Web Form Template Online
Create HTML Form in Seconds. Choose a color to start:
cnomiya 2010/08/09
ãƒ•ã‚©ãƒ¼ãƒ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ï½œã“ã‚Œã‚’ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ï¼ˆå¤ã£ï¼ï¼‰ã«æ˜‡è¯ã—ãŸã„

html

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

form

UI
ãƒªãƒ³ã‚¯
iScroll â€“ Matteo Spinelli's Cubiq.org
The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. This script has been superseded by iScroll 4. This page is kept for historical reasons. Get the Script Screencast Live Demo Publi
cnomiya 2010/06/18
ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã‚’æ®‹ã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ã«ã™ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªï½œ so <li><a href="#" onclick="..." />text</a></li> is a waste of tags. You could remove the anchor and place the click event directly into the LI tag.

iPhone

ui

safari

JavaScript
ãƒªãƒ³ã‚¯
èªçŸ¥çš„ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼: DESIGN IT! w/LOVE
ä¸ç¢ºå®Ÿãªæ™‚ä»£ã‚’ã‚¯ãƒã‚¯ãƒè›‡è¡Œã—ãªãŒã‚‰é“ã‚’åˆ‡ã‚Šã²ã‚‰ãéžç·šå½¢åž‹ãƒ–ãƒã‚°ã€‚äººé–“ã®æ€è€ƒã®å½¢ã®å¤‰é·ã‚’æŽ¢æ±‚ã™ã‚‹ã“ã¨ã‚’ãƒ©ã‚¤ãƒ•ãƒ¯ãƒ¼ã‚¯ã«ã€‚ èªçŸ¥çš„ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ»ã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚·ãƒ§ãƒ³ï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£è©•ä¾¡ï¼‰ã®æ‰‹æ³•ã®ï¼‘ã¤ã§ã€ãƒ†ã‚¹ãƒˆãƒ«ãƒ¼ãƒ ã§è¡Œã†ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆãªã©ã¨ã¯ç•°ãªã‚Šã€å®Ÿéš›ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ä½¿ã‚ãšã«å°‚é–€å®¶ã«ã‚ˆã‚‹åˆ†æžçš„è©•ä¾¡ã‚’è¡Œã†æ–¹æ³•ã§ã™ã€‚ èªçŸ¥çš„ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼ã¨ã¯ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼ã¨ã¯ã€èŠå±…ã®ç«‹ã¡ç¨½å¤ã®ã“ã¨ã§ã€è¡£è£…ã‚„èˆžå°è£…ç½®ã‚’ä½¿ã‚ãªãšæ™®æ®µç€ã§å°æœ¬ã‚’ç‰‡æ‰‹ã«è¡Œã†ç¨½å¤ã‚’æŒ‡ã—ã¾ã™ã€‚ èªçŸ¥çš„ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼ã‚‚åŒã˜ã‚ˆã†ã«ã€äº‹å‰ã«ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚’èªã‚“ã ã‚Šãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’å—ã‘ãŸã‚Šã™ã‚‹ã“ã¨ãªãã€ä½¿ã„ãªãŒã‚‰æ“ä½œã‚’ç†è§£ã—ã¦ã„ãéš›ã®èªçŸ¥ãƒ¢ãƒ‡ãƒ«ã§ã‚ã‚‹æŽ¢æŸ»å¦ç¿’ç†è«–ã«åŸºã¥ãã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå®Ÿè¡Œã™ã‚‹ã‚¿ã‚¹ã‚¯ã®å„ãƒ—ãƒã‚»ã‚¹ã”ã¨ã«ã€ä»¥ä¸‹ã®4ã¤ã®æŽ¢æŸ»å¦ç¿’ã‚¹ãƒ†ãƒƒãƒ—ã‚’ãã‚Œãžã‚Œè©•ä¾¡ã—ã¦ã„ãã¾ã™ã€‚ ç›®æ¨™è¨å®šï¼šãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã„ã¾ä½•ã‚’ã™ã‚‹ã‹ã‚’è¨å®šã™ã‚‹æŽ¢æŸ»ï¼šãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ç›®ã®å‰ã®
cnomiya 2010/06/10
ãªã‚“ã‹ä¿ºãŸã¡ã§ã‚‚å‡ºæ¥ãã†ãªæ„Ÿã˜ãŒã™ã‚‹ã€‚ï½œã¤ã„ã«ã€Žèª°ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼Ÿã€ã‚’èªã‚€æ™‚ãŒæ¥ãŸï¼

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

èªçŸ¥çš„ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼

design

ui
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ãƒ³ã‚° | Gomez -Webã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ãƒ³ã‚°ãƒ»è©•ä¾¡ãƒ»æ§‹ç¯‰ã‚µãƒ¼ãƒ“ã‚¹-
Webã‚µã‚¤ãƒˆã®ã¤ãã‚ŠãŠã‚ˆã³æä¾›ã•ã‚Œã‚‹å•†å“ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã®è³ªãªã©ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã„ã‹ã«æœ‰ç›Šã‹ã¨ã„ã†è¦–ç‚¹ã§ã€ã‚´ãƒ¡ã‚¹ã®ã‚¢ãƒŠãƒªã‚¹ãƒˆãŒæ¥ç¨®ã”ã¨ã«é¸å®šã—ãŸæ•°ç™¾ã®èª¿æŸ»é …ç›®ã«åŸºã¥ãèª¿æŸ»ã—è©•ä¾¡ã—ã¦ã„ã¾ã™ã€‚ IRã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ãƒ³ã‚°2023 ã“ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°ã¯ã€2023å¹´10æœˆ1æ—¥ã¾ã§ã®å„ç¤¾ã‚µã‚¤ãƒˆã®æƒ…å ±ã‚’ã‚‚ã¨ã«è©•ä¾¡ã‚’ã—ã¦ã„ã¾ã™ã€‚å…¨ä¸Šå ´ä¼æ¥ã®IRã‚µã‚¤ãƒˆã®ä¸ã‹ã‚‰ã€ä¸»è¦é …ç›®èª¿æŸ»ã§ä¸€å®šåŸºæº–ã‚’æº€ãŸã—ãŸ384ç¤¾ã®ã†ã¡ã€ç·åˆå¾—ç‚¹6.00ç‚¹ä»¥ä¸Šã‚’å„ªç§€ä¼æ¥ã¨ã—ã¦é¸å‡ºã—ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´12æœˆ21æ—¥ ESGã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ãƒ³ã‚°2023 ã“ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°ã¯ã€2023å¹´5æœˆ2æ—¥ã¾ã§ã®å„ç¤¾ã‚µã‚¤ãƒˆã®æƒ…å ±ã‚’ã‚‚ã¨ã«è©•ä¾¡ã‚’ã—ã¦ã„ã¾ã™ã€‚ä¸»è¦é …ç›®èª¿æŸ»ã§ä¸€å®šåŸºæº–ã‚’æº€ãŸã—ãŸ182ç¤¾ã®ã†ã¡ã€ç·åˆå¾—ç‚¹6.00ç‚¹ä»¥ä¸Šã‚’å„ªç§€ä¼æ¥ã¨ã—ã¦é¸å‡ºã—ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´8æœˆ21æ—¥
cnomiya 2010/06/04
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ã‚·ã‚¹ãƒ†ãƒ

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

UI
ãƒªãƒ³ã‚¯
Webãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ©ãƒ³ã‚ãƒ³ã‚° ä¼æ¥ã‚µã‚¤ãƒˆç·¨ï½œãƒˆãƒ©ã‚¤ãƒ™ãƒƒã‚¯ãƒ»ã‚¹ãƒˆãƒ©ãƒ†ã‚¸ãƒ¼
ãƒˆãƒ©ã‚¤ãƒ™ãƒƒã‚¯ã§ã¯å‰µæ¥ä»¥æ¥ã€ç‹¬è‡ªã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£è©•ä¾¡ãƒ—ãƒã‚°ãƒ©ãƒ ã«ã‚ˆã£ã¦å›½å†…ä¸»è¦ä¼æ¥ã®Webã‚µã‚¤ãƒˆã®ä½¿ã„å‹æ‰‹ã‚’å®¢è¦³çš„ãªæŒ‡æ¨™ã«ã‚ˆã£ã¦è©•ä¾¡ã—ã¦ãã¾ã—ãŸã€‚ æ¯Žå¹´ã€å„æ¥ç•Œå£²ä¸Šä¸Šä½ã®å›½å†…ä¸»è¦ä¼æ¥å…¨150ç¤¾ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã€ä¼æ¥Webã‚µã‚¤ãƒˆã‚’å½“ç¤¾å°‚é–€å®¶ãŒè©•ä¾¡ãƒ»ã‚¹ã‚³ã‚¢ãƒªãƒ³ã‚°ã‚’è¡Œã„ã€ä¼æ¥ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å“è³ªã«å¯¾ã™ã‚‹å–ã‚Šçµ„ã¿ã®å®Ÿæ…‹ã‚„ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æ˜Žã‚‰ã‹ã«ã™ã‚‹å–ã‚Šçµ„ã¿ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ 100ç‚¹æº€ç‚¹ã§ã‚¹ã‚³ã‚¢ãƒªãƒ³ã‚° å½“ç¤¾å®Ÿæ–½ã®å„ç¨®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‚„ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã§åŸ¹ã‚ã‚ŒãŸUI/UXè¦–ç‚¹ã®è©³ç´°ãªè©•ä¾¡åŸºæº–ã€‚ æ¯Žå¹´ãƒ¦ãƒ¼ã‚¶ãƒ¼ç’°å¢ƒãƒ»æ„è˜ã‚„ãƒˆãƒ¬ãƒ³ãƒ‰å¤‰åŒ–ã«åˆã‚ã›è©•ä¾¡åŸºæº–ã¯æœ€æ–°åŒ–ã•ã‚Œã¾ã™ã€‚ å…¨117è©•ä¾¡é …ç›® ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆã«ã‚ˆã‚‹å°‚é–€å®¶è©•ä¾¡ã‚’å®Ÿæ–½ã€‚å…¨117è©•ä¾¡é …ç›®ã«ã¤ã„ã¦ä½¿ã„å‹æ‰‹ã‚’4æ®µéšŽè©•ä¾¡ã—ã¾ã™ã€‚å½“ç¤¾å®Ÿæ–½ã®å„ç¨®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‚„ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã§åŸ¹ã‚ã‚ŒãŸUI/UXè¦–ç‚¹ã®è©³ç´°ãªè©•ä¾¡åŸºæº–ã€‚ æ¯Žå¹´ãƒ¦ãƒ¼ã‚¶ãƒ¼ç’°å¢ƒãƒ»æ„è˜ã‚„ãƒˆãƒ¬ãƒ³ãƒ‰å¤‰åŒ–ã«
cnomiya 2010/06/04
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ã‚·ã‚¹ãƒ†ãƒ

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

UI
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶å·¥å¦å…¥é–€ | HCDã‚³ãƒ©ãƒ | HCD-Net
ã€ŒNHKã®å—ä¿¡æ–™ã€   å…ˆæ—¥ã€ä¹…ã—ã¶ã‚Šã«ç†±æµ·ã®åˆ¥è˜ã€ã„ã‚„åˆ¥è˜ã¨èƒ¸ã‚’å¼µã‚Œã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã¯ãªãã€ä¸å¤ã®ãƒžãƒ³ã‚·ãƒ§ãƒ³ã¨ã„ã†ç‰©ä»¶ãªã‚“ã ãŒã€ãã“ã«å‡ºã‹ã‘ã¦ã„ã£ãŸã€‚æ™‚ã€…å‡ºã‹ã‘ã¦ã„ã£ã¦ã¯ç©ºæ°—ã®å…¥ã‚Œæ›ãˆã‚„ã€è·ç‰©ã®... æ›´æ–°æ—¥ï¼š2015å¹´5æœˆ29æ—¥
cnomiya 2010/06/04
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ã‚·ã‚¹ãƒ†ãƒ

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

UI
ãƒªãƒ³ã‚¯
åŸºç¤ŽçŸ¥è˜ï½œã‚¦ã‚§ãƒ–ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã‚’æ”¯æ´ã™ã‚‹Website Usability Info
Webã‚µã‚¤ãƒˆï¼ˆãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ï¼‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è»¸ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒè¨è¨ˆã€æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã£ãŸè©±é¡Œã‚’æ‰±ã†ã‚µã‚¤ãƒˆã§ã™ã€‚ãŠä»•äº‹ã«Webã‚µã‚¤ãƒˆã‚’æ´»ç”¨ã—ãŸã„æ–¹ã€å¿…è¦‹ã§ã™ï¼ã€Œãƒžã‚¸ãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼7ï¼ˆÂ±2ï¼‰ã€ã¨ã„ã†è¨€è‘‰ã‚’èžã„ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿä½•ã‹ã‚’è¨˜æ†¶ã™ã‚‹ã¨ãã«ã€ãã®æ•°ãŒ7ã¤ï¼ˆãƒ—ãƒ©ã‚¹ãƒžã‚¤ãƒŠã‚¹2ã€ã¤ã¾ã‚Š5å€‹ã‹ã‚‰9å€‹ï¼‰ã¾ã§ã§ã‚ã‚Œã°ã€è¨˜æ†¶ã«ã¨ã©ã‚ã‚„ã™ã„ã¨ã„ã†èª¬ã§ã™ã€‚å¿ƒç†å¦è€…G.A.ãƒŸãƒ©ãƒ¼æ°ãŒ1956å¹´ã«ç™ºè¡¨ã—ãŸè«–æ–‡ã®ä¸ã§ä½¿ã‚ã‚ŒãŸé€ èªžã§ã™ãŒã€äººé–“ãŒä¸€åº¦ã«è¨˜æ†¶ã§ãã‚‹è¦ç´ ã®é™ç•Œæ•°ã‚’ç¤ºã™åŸºæº–ã¨ã—ã¦ã€åºƒãçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚æœ€è¿‘ã§ã¯ã€ã€Œ7Â±2ã€ã§ã¯ãªãã€Œ4Â±1ã€ã¨ã„ã†èª¬ã‚‚ã‚ã‚‹ã‚ˆã†ã§ã™ãŒ...ï¼ˆç§è‡ªèº«ã®è¨˜æ†¶åŠ›ã¯ã€ã“ã®ç¨‹åº¦ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ï¼‰ã€‚
cnomiya 2010/06/04
Webãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’ç†è§£ã™ã‚‹ã†ãˆã§æŠ¼ã•ãˆã¦ãŠããŸã„åŸºç¤ŽçŸ¥è˜

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

ã‚·ã‚¹ãƒ†ãƒ

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

UI
ãƒªãƒ³ã‚¯
ã‚¤ãƒ™ãƒ³ãƒˆãƒ»ã‚³ãƒ©ãƒ | HCD-Net
ãƒ¢ãƒŽä¸å¿ƒã‹ã‚‰ã€ä½¿ã†äººé–“ã‚’ä¸å¿ƒã«ã—ãŸãƒ¢ãƒŽä½œã‚Šã¸ è¿‘å¹´ã€ãƒ¢ãƒŽã‹ã‚‰ã‚³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€ã“ã‚Œã‹ã‚‰ã¯ã€Œãƒ¢ãƒŽã€ä¸å¿ƒã§ã¯ãªãã€ã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ä½¿ã†ã€Œäººé–“ã€ã‚’ä¸å¿ƒã«ã™ãˆã¦ã€ãã®è¦æ±‚ã‚„ã€ãã®ä½“é¨“ã‚’ãµã¾ãˆãŸãƒ¢ãƒŽä½œã‚Šã®é‡è¦æ€§ãŒé«˜ã¾ã£ã¦ãã¦ã„ã¾ã™ã€‚ äººé–“ä¸å¿ƒè¨è¨ˆæŽ¨é€²æ©Ÿæ§‹ã¯ã€ã‚ˆã‚Šä½¿ã„ã‚„ã™ã„ã€ã‚ˆã‚Šè±Šã‹ãªä½“é¨“ã‚’ç”Ÿã‚€ã—ãã¿ã¨ã—ã¦ã®äººé–“ä¸å¿ƒè¨è¨ˆï¼ˆHuman Centered Designï¼‰ã‚’å¦ã¶äººã®ãŸã‚ã«ã€å„ç¨®ã‚»ãƒŸãƒŠãƒ¼ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã‚„ã€æœ€æ–°æƒ…å ±ã®ç™ºä¿¡ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ HCDã¨ã¯ HCDã®ãƒ—ãƒã‚»ã‚¹ã¨æ‰‹æ³• HCDã®èª²é¡Œ
cnomiya 2010/06/04
ã‚³ãƒ©ãƒ ã¨ã‹ã€‚

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

ã‚·ã‚¹ãƒ†ãƒ

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

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