[B! html][usability] uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uchiuchiyama id:uchiuchiyama

htmlã¨usabilityã«é–¢ã™ã‚‹uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’åˆ¶å¾¡ã™ã‚‹ inputmode
October 26, 2019 created( August 1, 2022 updated ) input[type]ã«ã‚ˆã‚‹ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®è¡¨ç¤ºåˆ¶å¾¡Googleã®è¨˜äº‹ã€web foundamentals æœ€é©ãªãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆã§ã¯ã€typeå±žæ€§ã«ã‚ˆã‚‹å…¥åŠ›ã—ã‚„ã™ã„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®è¡¨ç¤ºã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒèª¬æ˜Žã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ä¾‹ãˆã°ã€type="em ail"ã‚’æŒ‡å®šã™ã‚‹ã¨ã€ <input type="em ail"> em ailãŒå…¥åŠ›ã—ã‚„ã™ã„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æŒ‡å®šæ–¹æ³•ã«ã¯å‰¯ä½œç”¨ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ ä¾‹ãˆã°ã€type="number" ã‚’æŒ‡å®šã—ãŸå ´åˆã€ <input type="number"> ã“ã®ã‚ˆã†ã«ã€å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰å†…ã«ä½™è¨ˆãªå…¥åŠ›è£œåŠ©è¦ç´ ãŒè¡¨ç¤ºã—ãŸã‚Šã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«hoverã—ãŸçŠ¶æ…‹ã§mouse wheelã‚’å‹•ã‹ã™ã¨ å…¥åŠ›æ¸ˆã¿ã®å€¤ãŒå‹æ‰‹ã«å¢—æ¸› ã—ãŸã‚Šã—ã¾ã™ã€‚ å‰è€…ã¯CSSã§å¾Œè€…ã¯Java
uchiuchiyama 2022/09/17
ux

accessibility

usability

development

html
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å‘ä¸Šã•ã›ã‚‹35ã®ãƒã‚¤ãƒ³ãƒˆ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
ãƒ‡ãƒã‚¤ã‚¹ãŒã©ã®ã‚ˆã†ã«é€²åŒ–ã—ã‚ˆã†ãŒã€ã‚¢ãƒ—ãƒªã®æ™‚ä»£ã«ãªã‚ã†ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¯å¤‰ã‚ã‚‰ãšæ±‚ã‚ã‚‰ã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚Web/ITæ¥ç•Œã§ã¯ã€Œä½¿ã„ã‚„ã™ã•ã€ã¨ã„ã†æ„å‘³ã§æ°—è»½ã«ä½¿ã‚ã‚Œã‚‹è¨€è‘‰ã§ã™ãŒã€å¥¥ã¯æ·±ãã€åŽŸè«–ã‚’è§£èª¬ã—ãŸæ›¸ç±ã‚‚ã„ãã¤ã‹å‡ºã¦ã„ã¾ã™ã€‚ å¦è¡“çš„ãªè§£èª¬ã¯ãã†ã„ã£ãŸæ›¸ç±ã«ä»»ã›ã‚‹ã¨ã—ã¦ã€ã“ã“ã§ã¯ã€çµŒé¨“ã®æµ…ã„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚ã‚‹ã„ã¯éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã€Webæ‹…å½“è€…ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã©ï¼‰å‘ã‘ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å‘ä¸Šã«ç¹‹ãŒã‚‹åŸºæœ¬çš„ãªè¦ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒœã‚¿ãƒ³ã€ãƒ†ã‚ã‚¹ãƒˆã€ã‚³ãƒ”ãƒ¼ãªã© ãƒœã‚¿ãƒ³ã‚„ãƒ†ã‚ã‚¹ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å·¦å³ã™ã‚‹å¤§ããªãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚è¡¨é¢çš„ãªç¾Žè¦³ã«æµã•ã‚Œãšã€ãƒ¦ãƒ¼ã‚¶è¦–ç‚¹ã§è€ƒãˆã¦ã„ãã¾ã—ã‚‡ã†ã€‚ 1ï¼šãƒœã‚¿ãƒ³ã˜ã‚ƒãªã„è¦ç´ ã¯ã€ãƒœã‚¿ãƒ³ã¨ä¼¼ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ãªã„ ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ¬¡ç¬¬ã§ã€ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã®ä½¿ã„ã‚„ã™ã•ã¯å¤§ããå¤‰ã‚ã‚Šã¾ã™ã€‚ç‰¹ã«ã€ãƒœã‚¿ãƒ³ã§ãªã„è¦ç´ ã«ãƒœã‚¿ãƒ³ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ–½ã™ã“ã¨ã¯ã€ã©ã“ãŒæŠ¼ã›ã‚‹ã®
uchiuchiyama 2014/04/17
ui

design

development

usability

introduction

javascript

html
ãƒªãƒ³ã‚¯
ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼ãŒãƒ©ãƒ™ãƒ«ã§ã€ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆãŒä½Žãã€ä½™ç™½ãŒãªã„å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ
ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼ã‚’ãƒ©ãƒ™ãƒ«ã«ã—ãŸãƒ•ã‚©ãƒ¼ãƒ ã‚„ã€ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆãŒä½Žã„ãƒ•ã‚©ãƒ¼ãƒ ã€ä½™ç™½ãŒãªã‹ã£ãŸã‚Šã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã¯ãã‚Œãžã‚Œã‚ˆãè¦‹ã‚‹ã€‚ç‰¹ã«ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼ã‚’ãƒ©ãƒ™ãƒ«ä»£ã‚ã‚Šã«ã™ã‚‹ã®ã¯ã€ã™ã£ãã‚Šã™ã‚‹ã®ã§å¤šç”¨ã•ã‚Œã¦ã„ã‚‹å°è±¡ã€‚ä½¿ã„ãŸã„æ°—æŒã¡ã¯ã‚ã‹ã‚‰ãªãã‚‚ãªã„ã€‚ã‘ã©ã“ã®3ã¤ãŒçµ„ã¿åˆã‚ã•ã‚Œã‚‹ã¨ã€ãªã‹ãªã‹ã²ã©ã„æ„Ÿã˜ã«ãªã‚‹ã¨ã„ã†å®Ÿä¾‹ã‚’Googleã§è¦‹ã¦ã—ã¾ã£ãŸã€‚ Internet Explorer 10ã§ã¯ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ç›´å¾Œã«ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’å…¥åŠ›ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå½“ãŸã‚Šã€ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼ã®æ–‡å—åˆ—ãŒãã®æ™‚ç‚¹ã§æ¶ˆãˆã‚‹ã€‚ã“ã®çŠ¶æ…‹ã ã¨ã€ã™ãä¸‹ã®ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã¨ã„ã†ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼ãŒã€ã‚ãŸã‹ã‚‚ãã®ä¸Šã®å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã‚‰ã—ãã‚‚ã®ã«å¯¾ã™ã‚‹ãƒ©ãƒ™ãƒ«ã®ã‚ˆã†ã«è¦‹ãˆãªã„ã ã‚ã†ã‹ï¼Ÿã€€å®Ÿéš›ã«ã€Œãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥ã‚ŒãŸã®ã«ãƒã‚°ã‚¤ãƒ³å‡ºæ¥ãªã„ï¼ã€ãªã©ã¨è¨€ã†äººã¯ã„ãŸã€‚ ãƒ©ãƒ™ãƒ«ã®ã‚ˆã†ã«è¦‹ãˆã¦ã—ã¾ã†å¤§ããªåŽŸå› ã¯ã€ãã®ä½Žã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã§ãƒ•ãƒ©ãƒƒãƒˆãªå…¥
uchiuchiyama 2013/10/26
design

usability

html

ui

development
ãƒªãƒ³ã‚¯
ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®ç¿’ä½œ
ãƒ“ã‚®ãƒŠãƒ¼ã®ãŸã‚ã®ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§æ©Ÿèƒ½æ€§ã«ã‚‚å„ªã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®ç¿’ä½œNettuts+ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 20+ HTML Forms Best Practices for Beginners ä¸‹è¨˜ã¯ã€ãã®æ„è¨³ã§ã™ã€‚ 1ã‚¹ãƒ†ãƒƒãƒ—ãšã¤ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ”¹å–„ã—ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã§æ©Ÿèƒ½æ€§ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒŠãƒªãƒ†ã‚£ ãƒ‡ã‚¶ã‚¤ãƒ³ çµè«– ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ 1. fieldsetã‚’ä½¿ç”¨ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã™ã‚‹å¤šãã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒã‚ã‚‹éš›ã€fieldsetè¦ç´ ã‚’ä½¿ç”¨ã—ã¦é¡žä¼¼æƒ…å ±ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp
uchiuchiyama 2009/09/04
introduction

html

usability
ãƒªãƒ³ã‚¯
MOONGIFT: Â» ãƒ•ã‚©ãƒ¼ãƒ ã§ä¾¿åˆ©ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒWebForms2ã€:ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’æ¯Žæ—¥ç´¹ä»‹
ä¼šå“¡ç™»éŒ²ã‚„å•†å“è³¼å…¥ãªã©ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å…¥åŠ›ã‚’è¡Œã†æ©Ÿä¼šã¯æ•°å¤šã„ã€‚ã ãŒã€ãã®å…¥åŠ›ãŒã¨ã¦ã‚‚ç°¡å˜ã‹ã¨è¨€ã‚ã‚Œã‚‹ã¨ãã†ã§ã‚‚ãªã„äº‹ãŒæ•°å¤šã„ã€‚å…¥åŠ›ã‚¨ãƒ©ãƒ¼ãŒã‚ã‚‹åº¦ã«æˆ»ã£ãŸã‚Šã€ã‚¨ãƒ©ãƒ¼ã¨å…¥åŠ›æ¬„ãŒé›¢ã‚Œã¦ã„ã¦åˆ†ã‹ã‚Šã¥ã‚‰ã„ã¨ã„ã£ãŸçµŒé¨“ã¯ãªã„ã ã‚ã†ã‹ã€‚ ãã“ã§JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã€‚JavaScriptæœ€å¤§ã®æ¬ ç‚¹ã¨ã‚‚æ€ãˆã‚‹ã€ãƒ–ãƒ©ã‚¦ã‚¶äº’æ›æ€§ã‚‚ãã£ã¡ã‚Šç¢ºä¿ã•ã‚Œã¦ã„ã‚‹ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯WebForms2ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ãŸãƒ•ã‚©ãƒ¼ãƒ å‘ã‘JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ WebForms2ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ã‚„ã€ãƒœã‚¿ãƒ³ã«ã‚ˆã‚‹è¿½åŠ å…¥åŠ›ãªã©ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’JavaScriptã§æä¾›ã—ã¦ã„ã‚‹ã€‚å„è¡Œã«å¯¾ã—ã¦å‰Šé™¤ãƒœã‚¿ãƒ³ã‚’ã¤ã‘ã‚‹äº‹ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ç”»é¢ãŒæ§‹æˆã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«è¿½åŠ å…¥åŠ›ã•ã›ã‚‹éš›ã«ã¯æœ€ä½Ž/æœ€å¤§æ•°ã‚‚æŒ‡å®šå¯èƒ½ã ã€‚ä»–ã«ã‚‚ç”»åƒèªã¿è¾¼ã¿ä¸ã®åˆ¤å®šã‚‚ã§ãã‚‹ã€‚ ãã—ã¦
uchiuchiyama 2007/08/23
web

design

html

javascript

usability

tool

library
ãƒªãƒ³ã‚¯
Google Code Archive - Long-term storage for Google Code Project Hosting.
Code Archive Skip to content Google About Google Privacy Terms
uchiuchiyama 2007/08/18
web

design

javascript

html

usability

ui
ãƒªãƒ³ã‚¯
ã‚¦ãƒŽã‚¦ãƒ©ãƒœ Unoh Labs: ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹10ã®Tips
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ãƒ‘ãƒ¯ãƒ¼ã€ã‚¹ã‚ãƒ«å…¨é–‹ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ãƒ–ãƒ¬ãƒ¼ã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ãƒ¼ï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ãƒ¼ã‚¹ãƒˆã¾ã§ã€æœ€ã‚‚ã‚¯ãƒ¼ãƒ«ã§é€Ÿã„è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚·ãƒ•ãƒˆã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ãä½¿ã£ã¦ç«¶äº‰ã‚’æ‰“ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ æ™´ã‚‰ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã‚ãªãŸã®å¿ƒã‚’çˆ†ç™ºã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—ãƒ¬ã‚¤ã—ãŸã“ã¨ã®ãªã„ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è©¦ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„çž¬é–“ã«ã‚®ã‚¢ã‚’ã‚·ãƒ•ãƒˆã—ã€ã‚¬ã‚¹ã‚’æ€ã„åˆ‡ã‚Šè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚‚è¡Œã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ä¸–ç•Œä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
uchiuchiyama 2007/08/16
web

design

html

css

usability

ui

tips
ãƒªãƒ³ã‚¯
h1ã‚’ã¯ã˜ã‚ã€è¦‹å‡ºã—è¦ç´ ã«é–¢ã™ã‚‹è°è«–ãŒç››ã‚“ã«ãªã£ã¦ã„ã‚‹ä»¶::::::STOPN' LISTEN::::::to the silence:::::::
å…è²¬äº‹é …ï¼šæœ¬ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã¯ã€ä¸€èˆ¬çš„ãªæƒ…å ±æä¾›ã®ã¿ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚æƒ…å ±ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã€å½“ç¤¾ã¯æƒ…å ±ã‚’æœ€æ–°ã‹ã¤æ£ç¢ºã«ä¿ã¤ã‚ˆã†åŠªåŠ›ã—ã¾ã™ãŒã€ã„ã‹ãªã‚‹ç›®çš„ã«ãŠã„ã¦ã‚‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¾ãŸã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã€è£½å“ã€ã‚µãƒ¼ãƒ“ã‚¹ã€é–¢é€£ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹å®Œå…¨æ€§ã€æ£ç¢ºæ€§ã€ä¿¡é ¼æ€§ã€é©åˆæ€§ã€åˆ©ç”¨å¯èƒ½æ€§ã«ã¤ã„ã¦ã€æ˜Žç¤ºã¾ãŸã¯é»™ç¤ºã‚’å•ã‚ãšã„ã‹ãªã‚‹è¡¨æ˜Žã¾ãŸã¯ä¿è¨¼ã‚‚è¡Œã„ã¾ã›ã‚“ã€‚å¾“ã£ã¦ã€ã“ã‚Œã‚‰ã®æƒ…å ±ã«ä¾æ‹ ã™ã‚‹ã“ã¨ã¯ã€ã‚ãã¾ã§ã‚‚ãŠå®¢æ§˜ã”è‡ªèº«ã®è²¬ä»»ã«ãŠã„ã¦è¡Œã‚ã‚Œã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ å½“ç¤¾ã¯ã€å½“ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã”åˆ©ç”¨ã«èµ·å› ã™ã‚‹ã„ã‹ãªã‚‹æå®³ã«ã¤ã„ã¦ã‚‚è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ æœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰ã€ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã®ç®¡ç†ä¸‹ã«ãªã„ä»–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å½“ç¤¾ã¯ã€ãã‚Œã‚‰ã®ã‚µã‚¤ãƒˆã®æ€§è³ªã€å†…å®¹ãŠã‚ˆã³åˆ©ç”¨å¯èƒ½æ€§ã‚’ç®¡ç†ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ãƒªãƒ³ã‚¯ã¯å¿…ãšã—ã‚‚æŽ¨å¥¨ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ãƒªãƒ³ã‚¯å…ˆã§è¿°ã¹ã‚‰
uchiuchiyama 2007/08/03
html

usability

markup

tips
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãª404ã‚¨ãƒ©ãƒ¼ãƒšãƒ¼ã‚¸é›†:phpspoté–‹ç™ºæ—¥èªŒ
Wanted: Your 404 Error Pages Every day you visit one of them. The pages, which donâ€™t exist any longer, have moved to a new server or have never existed at all. ã‚¯ãƒ¼ãƒ«ãª404ã‚¨ãƒ©ãƒ¼ãƒšãƒ¼ã‚¸é›†ã€‚ Apacheãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯æ¬¡ã®ã‚ˆã†ãªå‘³æ°—ãªã„NotFoundãƒšãƒ¼ã‚¸ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã‚¨ãƒ©ãƒ¼ãƒšãƒ¼ã‚¸ã‚’è¦‹ãŸã¨ãã«ã€ãƒŠã‚¤ã‚¹ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã§ã‚ã‚Œã°ã€åˆ©ç”¨è€…ã«å¯¾ã—ã¦è¦ªåˆ‡ã§ã™ã—ã€ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚Œã°åˆ©ç”¨è€…ã«å¯¾ã—ã¦å¤±ç¤¼ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãã€‚ Wufoo - Page Not Found Twitter: 404 The Big Noob - Page not found Last.FM - 404 Devlounge Missing page ::
uchiuchiyama 2007/07/30
web

design

usability

html

introduction
ãƒªãƒ³ã‚¯
TRANS - alt=""ã‚’è¶Šãˆã¦ã€‚
é›†ä¸çš„ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æœ€è¿‘ã«ãªã£ã¦ã‚„ã£ã¨å¦ã³å§‹ã‚ã¾ã—ãŸã€‚JIS X 8341ã‚„WCAG1.0ã‚’èªã¿é€²ã‚ã‚‹ä¸ã§ã€ã‚‚ã£ã¨è‡ªåˆ†è‡ªèº«å‹‰å¼·ã—ãŸã„ã¨æ€ã†ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãã“ã§ã€JISã‚„WCAGã‚’å¦ã¶ä¸ã§ã€è‡ªåˆ†ãŒã‚·ãƒ‹ã‚¢ã‚„éšœå®³ã‚’æŒã¤äººã¨ã®ç¾å ´ã§ã€ã¾ãŸãã†ã„ã£ãŸç¾å ´ã§åƒã„ã¦ã„ã‚‹äººãŸã¡ã®æ„è¦‹ã‚’è¸ã¾ãˆãŸä¸Šã§ã€ç–‘å•ã«æ€ã†ã“ã¨ã‚’åˆ—æŒ™ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ã„ãšã‚Œã¯ã€ã“ã†ã„ã†ã“ã¨ã‚’ã¡ã‚ƒã‚“ã¨å®Ÿè£…ãƒ¬ãƒ™ãƒ«ã§è§£æ±ºã§ãã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ãªã¨æ€ã„ã‚’è¾¼ã‚ã¦ã€‚ alt=""ã¯ç©ºæ–‡å—ãªã®ã‹ã€åŠè§’ã‚¹ãƒšãƒ¼ã‚¹ãªã®ã‹ã€ãã‚Œã¨ã‚‚å…¨è§’ã‚¹ãƒšãƒ¼ã‚¹ãªã®ã‹ï¼Ÿ å°‘ã—å‰ã«ã€Œãƒ–ãƒã‚¬ãƒ¼ã®ãŸã‚ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã‚’æ›¸ãã¾ã—ãŸã€‚ã“ã®éš›ã«ã€ã¯ã˜ã‚ã¯alt=""ã¨ç©ºæ–‡å—ã‚’æ‰“ã¤ã¨æ›¸ã„ã¦ã„ãŸã®ã§ã™ãŒã€ã‚ˆãã‚ˆãèª¿ã¹ã¦ã¿ã‚‹ã¨ã€ç©ºæ–‡å—ã ã¨éŸ³å£°ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ã€Œç”»åƒã€ã¨èªã¿ä¸Šã’ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ã¾ãŸã€å…¨è§’ã‚¹ãƒšãƒ¼ã‚¹ã®å ´åˆã¯ã€æ—¥æœ¬èªžç’°å¢ƒä»¥å¤–
uchiuchiyama 2007/02/07
web

design

css

html

ui

accessibility

usability
ãƒªãƒ³ã‚¯
1