[B! design][html] yoiITã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yoiIT id:yoiIT

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

CSS HappyLife
ã‚‚ã†æ”¾ç½®ã—ã¦é•·ã„å½“ãƒ–ãƒã‚°...ãªã®ã§ã€Adsenseã®è‡ªå‹•åºƒå‘Šã£ã¦ã®ã‚’è©¦ã—ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã£ã¦ONã«ã—ãŸã‚‰ã€ã™ã”ã„ã“ã¨ã«ãªã£ãŸï¼ ã“ã‚Œã¯ä¸ã€…ã«é…·ã„ã§ã™ãã€‚ ã¨ã¾ããã‚Œã¯ã•ã¦ãŠãã€ã™ã”ã„ä¹…ã—ã¶ã‚Šã«å€‹äººã®è¶£å‘³ã£ã½ã„æ„Ÿã˜ã®ã‚µã‚¤ãƒˆä½œã‚Šã¾ã—ãŸã€‚ - æŽ¢ãã†ï¼å¥½ããªæç«œ ãªã‚“ã§æç«œï¼ï¼Ÿã£ã¦æ„Ÿã˜ã—ã¾ã™ãã€‚ æ£ç›´ã€æç«œã«ã¯å…¨ç„¶èˆˆå‘³ãªã‹ã£ãŸå´ã®äººé–“ã§ã™ã€‚ ã‚‚ã†å®Œå…¨ã«ãŸã ã®ãŠçŸ¥ã‚‰ã›ã‚„å‘ŠçŸ¥ãƒ–ãƒã‚°...ï¼ åˆç‰ˆã®ç™ºå£²ã‹ã‚‰4å¹´çµŒã¡ã€ã‚ã‚ŠãŒãŸã„ã“ã¨ã«æ”¹è¨‚ã®ãŠè©±ã‚’é ‚ã„ãŸã®ã§ã€6æœˆï½ž8æœˆè¾ºã‚Šã«æ£®ç”° å£®ã•ã‚“ã¨åŸ·ç†ã‚’è¡Œã„ã€2017å¹´9æœˆ15æ—¥ã«æ”¹è¨‚2ç‰ˆãŒç™ºå£²ã—ã¾ã—ãŸã€‚ ã‹ãªã‚Šé ‘å¼µã£ã¦åŠ ç†ãƒ»ä¿®æ£ãªã©ã‚’è¡Œã£ãŸã®ã§æ€ã£ã¦ãŸã‚ˆã‚Šå¤§å¤‰ãªåŸ·ç†ã§ã—ãŸã€‚ åˆç‰ˆã¨æ”¹è¨‚2ç‰ˆã®è©³ã—ã„é•ã„ã«é–¢ã—ã¦ã¯ã€ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆ ã«è¼‰ã›ã¦ãŠã„ãŸã®ã§ãã¡ã‚‰ã‚’è¦‹ã¦é ‚ã‘ã‚‹ã¨ã‚ã‚ŠãŒãŸã„ã§ã™ï¼ åˆç‰ˆã¨æ”¹è¨‚2ç‰ˆã®é•ã„ | Webåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ æ”¹è¨‚2ç‰ˆ - å…¬
yoiIT 2008/09/21
ãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

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

html

css

design

ãƒãƒƒã‚¯

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Snugtech.com | SafariTest | Mac Screenshot Compatibility Test
yoiIT 2006/04/18
tool

Convenience

cool

HTML

Design

browser
ãƒªãƒ³ã‚¯
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
yoiIT 2006/04/18
tool

Convenience

cool

HTML

Design

browser
ãƒªãƒ³ã‚¯
Yahoo! Design Pattern Library
Welcome Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and code with the web design and development community, we hope it's useful, and we look forward to your feedback. In fact, we've just launched two new Design Pattern forums: one for discussing this pattern library and another for talking about the ins and out of writing design patterns and maintain
yoiIT 2006/02/15
Design

HTML

Yahoo!

Ajax
ãƒªãƒ³ã‚¯
ã€Œæˆ»ã‚‹ã€ã§å…¥åŠ›ãƒ‡ãƒ¼ã‚¿ãŒæ¶ˆãˆã¦ã—ã¾ã†ãƒ•ã‚©ãƒ¼ãƒ ã¯ã„ã‚‰ãªã„ â€• ï¼ IT
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[6] ã€Œæˆ»ã‚‹ã€ã§å…¥åŠ›ãƒ‡ãƒ¼ã‚¿ãŒæ¶ˆãˆã¦ã—ã¾ã†ãƒ•ã‚©ãƒ¼ãƒ ã¯ã„ã‚‰ãªã„ ã€Œå¯›å®¹æ€§ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2005/12/22 å‰å›žã€Œå…¥åŠ›æƒ…å ±ã‚’é ã‹ã‚‹è²¬ä»»ã‚’æžœãŸã›ã‚‹ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿã€ã¯ã€ã‚ã‚‰ã‚†ã‚‹çµŒé¨“å‰‡ã®åœŸå°ã¨ãªã‚‹ä¾¡å€¤è¦³ã¨ã—ã¦ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å°Šé‡ã™ã‚‹ã€ã¨ã„ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒã®å§¿å‹¢ã«ã¤ã„ã¦è¿°ã¹ã¾ã—ãŸã€‚ä»Šå›žã‹ã‚‰ã¯ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼ˆUIï¼‰ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†ã†ãˆã§æœ‰åŠ¹ãªçµŒé¨“å‰‡ã‚’ã€å°‘ã—å…·ä½“çš„ã«è€ƒãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã®å‰ã«ã¾ãšã€é€£è¼‰ã®ç¬¬1å›žã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯â€œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹â€ã“ããŒè£½å“ãã®ã‚‚ã®ã€ã§è§¦ã‚ŒãŸ HCIï¼ˆHuman-Computer Interactionï¼‰ã®åˆ†é‡Žã§ã‚ˆãæŒ™ã’ã‚‰ã‚Œã‚‹ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚’ç”¨ã„ãŸå¯¾è©±åž‹ã‚·ã‚¹ãƒ†ãƒ ã®è¨è¨ˆåŽŸå‰‡ã‚’ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ã“ã“ã§ã„ã†ã€Œå¯¾è©±åž‹ã‚·ã‚¹ãƒ†ãƒ ã€ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼
yoiIT 2006/02/15
Design

HTML

GUI
ãƒªãƒ³ã‚¯
ï¼ ITï¼šå…¥åŠ›æƒ…å ±ã‚’é ã‹ã‚‹è²¬ä»»ã‚’æžœãŸã›ã‚‹ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[5] å…¥åŠ›æƒ…å ±ã‚’é ã‹ã‚‹è²¬ä»»ã‚’æžœãŸã›ã‚‹ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å°Šé‡ã™ã‚‹ã¨ã„ã†ã“ã¨ã€ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2005/10/19 å‰å›žã®ã€ŒãŠé‡‘ã‚’ä¸‹ã‚ã›ãªã„ATMã®ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã€ã§ã¯ã€ãã‚‚ãã‚‚ã‚·ã‚¹ãƒ†ãƒ ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã®åŸºæœ¬çš„ãªç›®çš„ã‚’é”æˆã•ã›ã‚‹ã‚‚ã®ã§ãªã‘ã‚Œã°ã€ã„ãã‚‰è¡¨å±¤çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æœ€é©åŒ–ã—ã¦ã‚‚æ„å‘³ãŒãªã„ã®ã ã¨ã„ã†ãŠè©±ã‚’ã—ã¾ã—ãŸã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®åŸºæœ¬çš„ãªç›®çš„ã‚’é”æˆã•ã›ã‚‹ãŸã‚ã«ã¯ã€ã„ã†ã¾ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€ã¾ãšãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æ±‚ã‚’ã‚ˆãåˆ†æžã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãã—ã¦ãã“ã‹ã‚‰æ©Ÿèƒ½è¦ä»¶ã‚’æ±ºå®šã—ã€ç”»é¢ã®å†…å®¹ã‚„ç”»é¢é·ç§»ã‚’è€ƒãˆã¦ã„ãã¾ã™ã€‚ä½¿ã„ã‚„ã™ã„ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚Šä¸Šã’ã‚‹ãŸã‚ã«ã¯ã€ã“ã†ã„ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã§ãã‚‹ã ã‘ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ—©ã„æ®µéšŽã§è¡Œã†å¿…è¦ãŒã‚ã‚‹ã¨ã„ã†è©±ã‚‚ã—ã¦ãã¾ã—ãŸã€‚ ã§ã¯å®Ÿéš›ã«ç”»é¢ã®å†…å®¹ã‚„ç”»é¢é·ç§»ã‚’æ±ºå®šã—ã¦ã„ãã†ãˆ
yoiIT 2006/02/15
Design

HTML

GUI
ãƒªãƒ³ã‚¯
ï¼ ITï¼šãŠé‡‘ã‚’ä¸‹ã‚ã›ãªã„ATMã®ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[4] ãŠé‡‘ã‚’ä¸‹ã‚ã›ãªã„ATMã®ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ ã€Œåˆ©ç”¨è€…ä½“é¨“ã«ãŠã‘ã‚‹æœ¬è³ªçš„ãªå•é¡Œã¨è¡¨å±¤çš„ãªå•é¡Œã€ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2005/9/16 å‰å›žã¾ã§ï¼ˆã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯ â€œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹â€ã“ããŒè£½å“ãã®ã‚‚ã®ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸ã³ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚«ã‚¿ãƒã‚’è€ƒãˆã‚ˆã†ã€ã€ŒUCDã€ï¼‰ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã®ã¨ã‚‰ãˆæ–¹ã€ä»£è¡¨çš„ãª GUI ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®æŒ¯ã‚‹èˆžã„ã€ãã—ã¦ä½¿ã„ã‚„ã™ã„è£½å“ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®è¨è¨ˆãƒ—ãƒã‚»ã‚¹ã¨ã„ã£ãŸã€åŸºç¤Žçš„ãªè©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚ä»Šå›žã‹ã‚‰ã¯ã„ã‚ˆã„ã‚ˆã€ã‚ˆã‚Šå®Ÿè·µçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒŽã‚¦ãƒã‚¦ã«å…¥ã£ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å®Ÿè·µçš„ãªãƒŽã‚¦ãƒã‚¦ã¨ã„ã£ã¦ã‚‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯çµ¶å¯¾çš„ãªæ£è§£ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã€Œãƒ—ãƒƒã‚·ãƒ¥ãƒœã‚¿ãƒ³ã®å¤§ãã•ã¯20Ã—60ãƒ”ã‚¯ã‚»ãƒ«ã§ã€ç”»é¢ã®å·¦ç«¯ã‹ã‚‰80ãƒ”ã‚¯ã‚»ãƒ«ã®ã¨ã“ã‚ã«é…ç½®ã™ã‚‹ã®ãŒå¸¸ã«ãƒ™ã‚¹ãƒˆã§ã™ã€
yoiIT 2006/02/15
Design

HTML

GUI
ãƒªãƒ³ã‚¯
ï¼ ITï¼šUCDï¼åˆ©ç”¨è€…ä¸å¿ƒè¨è¨ˆã®ãƒ—ãƒã‚»ã‚¹ã¨ã¯ï¼Ÿ
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[3] UCDï¼åˆ©ç”¨è€…ä¸å¿ƒè¨è¨ˆã®ãƒ—ãƒã‚»ã‚¹ã¨ã¯ï¼Ÿ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2005/8/9 ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯ â€œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹â€ã“ããŒè£½å“ãã®ã‚‚ã®ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸ã³ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚«ã‚¿ãƒã‚’è€ƒãˆã‚ˆã†ã€ã«ç¶šãã€é€£è¼‰ç¬¬3å›žã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸Šæµå·¥ç¨‹ã«ç€ç›®ã—ã¦ã€åˆ©ç”¨åŠ¹çŽ‡ãŒé«˜ããƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç›®çš„ã‚’ååˆ†ã«é”æˆã§ãã‚‹ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚Šä¸Šã’ã‚‹ã®ã«å¿…è¦ãªã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆåˆæœŸã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦è€ƒãˆã¦ã„ãã¾ã™ã€‚ ã¾ãšå‰æã¨ã—ã¦ã€ã‚·ã‚¹ãƒ†ãƒ ã‚’åˆ©ç”¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½•ã‚‰ã‹ã®ç›®çš„ã‚’æŒã£ã¦ã„ã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’æ„è˜ã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è©•ä¾¡ã™ã‚‹ã†ãˆã§ã¯ã€ã“ã®ç›®çš„ãŒã©ã‚Œãã‚‰ã„ã‚¹ãƒ ãƒ¼ã‚ºã«é”æˆã•ã‚ŒãŸã‹ã¨ã„ã†è¦–ç‚¹ãŒé‡è¦ã«ãªã‚Šã¾ã™ã€‚å€‹ã€…ã®ç”»é¢ãŒã©ã‚Œã ã‘è«–ç†çš„ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ãŸã¨ã—ã¦ã‚‚ã€ãã®ã‚·ã‚¹ãƒ†ãƒ ã‚’åˆ©ç”¨ã—ãŸçµæžœã¨ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæœ¬æ¥ã®ç›®çš„ã‚’é”æˆ
yoiIT 2006/02/15
Design

HTML

GUI
ãƒªãƒ³ã‚¯
ï¼ ITï¼šãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸ã³ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚«ã‚¿ãƒã‚’è€ƒãˆã‚ˆã†
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[2] ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸ã³ã‚„ã™ã„ ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚«ã‚¿ãƒã‚’è€ƒãˆã‚ˆã† ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2005/6/24 å‰å›žã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯ â€œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹â€ã“ããŒè£½å“ãã®ã‚‚ã®ã€ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¨ã„ã†ã‚‚ã®ã®ã¨ã‚‰ãˆæ–¹ã¨ã€ãã‚Œã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã†ãˆã§ã¯ã€äººã¨ã‚·ã‚¹ãƒ†ãƒ ã¨ã®å¯¾è©±ã§ã‚ã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è«–ç†çš„ã«è¡Œã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã„ã†è©±ã‚’ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€GUIã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã†ãˆã§å¿…è¦ãªå‰æçŸ¥è˜ã¨ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®èª²é¡Œã€ãã—ã¦ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã‘ã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®è¦ã¨ãªã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã«ã¤ã„ã¦è€ƒãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ â– WIMPã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ GUIã¯ã€åˆ¥åã€ŒWIMPã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€ã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ã€‚WIMPã¨ã¯ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ï¼ˆWï¼‰ã€ã‚¢ã‚¤ã‚³ãƒ³ï¼ˆIï¼‰ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼ˆMï¼‰ã€ãƒã‚¤ãƒ³ã‚¿ãƒ¼ï¼ˆPï¼‰ã®ã“ã¨ã§ã€GUIã‚’æ§‹æˆã™ã‚‹ä»£
yoiIT 2006/02/15
Design

HTML

GUI
ãƒªãƒ³ã‚¯
ï¼ ITï¼šWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼»1ï¼½-1
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[1] ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯ â€œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹â€ã“ããŒè£½å“ãã®ã‚‚ã® ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2005/6/2 â– ã¯ã˜ã‚ã« Webã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®æŠ€è¡“ãŒé€²æ©ã—ã€å¤šæ§˜åŒ–ã™ã‚‹ã«å¾“ã£ã¦ã€Webãƒ™ãƒ¼ã‚¹ã®ã‚·ã‚¹ãƒ†ãƒ ã«ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨åŒç‰ã®å“è³ªã‚’æŒã¤ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒå¿…è¦ã¨ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ ã—ã‹ã—é–‹ç™ºã®ç¾å ´ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼ˆç‰¹ã«GUIï¼‰ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã®å°‚é–€çš„ãªã‚¹ã‚ãƒ«ã‚’æŒã£ãŸæŠ€è¡“è€…ãŒåœ§å€’çš„ã«ä¸è¶³ã—ã¦ã„ã¾ã™ã€‚ãã®ç†ç”±ã¯ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢è£½å“ã«ãŠã‘ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®é‡è¦æ€§ãŒæ£å½“ã«ç†è§£ã•ã‚Œã¦ã„ãªã„ãŸã‚ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹æ•™è‚²æ©Ÿä¼šãŒã»ã¨ã‚“ã©ãªã„ãŸã‚ã§ã™ã€‚ åˆ©ç”¨è€…ã®è¦–ç‚¹ã«ç«‹ã¦ã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¨ã¯è£½å“ãã®ã‚‚ã®ã§ã™ã€‚ã„ãã‚‰é«˜åº¦ã«æ´—ç·´ã•ã‚ŒãŸä»•çµ„ã¿ãŒãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«ã‚ã£ãŸã¨ã—ã¦ã‚‚ã€ãã‚ŒãŒ
yoiIT 2006/02/15
Design

HTML

GUI
ãƒªãƒ³ã‚¯
ã™ã§ã«å…¥ã‚Šå£ã«ã„ã‚‹ã®ã«ã€ãƒ›ãƒ¼ãƒ ã«å°Žããƒœã‚¿ãƒ³ã¯è¦ªåˆ‡ã‹ â€• ï¼ IT
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[7] ã™ã§ã«å…¥ã‚Šå£ã«ã„ã‚‹ã®ã«ã€ãƒ›ãƒ¼ãƒ ã«å°Žããƒœã‚¿ãƒ³ã¯è¦ªåˆ‡ã‹ ã€Œå¯è¦–æ€§ã¨ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2006/2/15 å‰å›žã®ã€Œã€Žæˆ»ã‚‹ã€ã§å…¥åŠ›ãƒ‡ãƒ¼ã‚¿ãŒæ¶ˆãˆã¦ã—ã¾ã†ãƒ•ã‚©ãƒ¼ãƒ ã¯ã„ã‚‰ãªã„ã€ã§ã¯ã€çµŒé¨“å‰‡ãã®2ã¨ã—ã¦ã€Œå¯›å®¹æ€§ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ã®è©±ã‚’ã—ã¾ã—ãŸã€‚ã‚·ã‚¹ãƒ†ãƒ å´ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ä¿¡é ¼ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ä¸‹ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ€ã„ã©ãŠã‚Šã®æŒ¯ã‚‹èˆžã„ã‚’ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã‚·ã‚¹ãƒ†ãƒ ï¼ˆã‚ã‚‹ã„ã¯ã‚µãƒ¼ãƒ“ã‚¹ã®æä¾›è€…ï¼‰ã¨ã®é–“ã«ä¿¡é ¼é–¢ä¿‚ãŒç”Ÿã¾ã‚Œã€åˆ©ç”¨åŠ¹çŽ‡ã‚„ç”Ÿç”£æ€§ãŒé«˜ã¾ã£ã¦ã„ãã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ã©ã†ã™ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ€ã„ã©ãŠã‚Šã«ã‚·ã‚¹ãƒ†ãƒ ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹ã®ã‹ã€ã©ã†ã™ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚·ã‚¹ãƒ†ãƒ ãŒè‡ªåˆ†ã®æ€ã„ã©ãŠã‚Šã«å‹•ã„ã¦ã„ã‚‹ã¨æ„Ÿã˜ã‚‹ã®ã‹ã€ã¨ã„ã†ã“ã¨ã‚’è€ƒãˆãŸã„ã¨æ€ã„ã¾ã™ã€‚ã“ã‚ŒãŒçµŒé¨“å‰‡ãã®3ã€ã€Œå¯è¦–æ€§ã¨ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€ã§ã™ã€‚
yoiIT 2006/02/15
ä¸è¦ªåˆ‡

Design

HTML

GUI
ãƒªãƒ³ã‚¯
1