[B! OOUX] cl-gakuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cl-gaku id:cl-gaku

OOUXã«é–¢ã™ã‚‹cl-gakuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘UXã€ã¨ã„ã†ã‚¢ãƒ—ãƒãƒ¼ãƒ
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘UXã¨ã„ã†è¨˜äº‹ã‚’è¦‹ã¤ã‘ãŸã€‚åŽŸæ–‡ã¯ Object-Oriented UXÂ ã€å’Œè¨³ãŒã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘UXÂ ã§ã‚ã‚‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯ UXãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¨ãã«ã€ã¾ãšæœ€åˆã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã‚’ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘çš„ã«åˆ†æžãƒ»å®šç¾©ã™ã‚‹ã“ã¨ã‚’ã€ææ¡ˆã—ã¦ã‚‹ã€‚ã“ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’ã€OOUXã‚¢ãƒ—ãƒãƒ¼ãƒã¨å‘¼ã¼ã†ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã‚„UXã®æ„å‘³ã¯ã€äººã«ã‚ˆã£ã¦åœ°å‘³ã«ç•°ãªã‚‹ã®ã§ã€OOUX ã¨ã„ã†è¨€è‘‰ã¯èª¤è§£ã‚’ç”Ÿã‚€ã®ã‹ã‚‚çŸ¥ã‚Œãªã„ã€‚ è¦ä»¶ï¼ˆã¨å‘¼ã°ã‚Œã‚‹ã‚¦ã‚£ãƒƒã‚·ãƒ¥ãƒªã‚¹ãƒˆï¼‰ã‹ã‚‰ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ä»•æ§˜ã‚’å®šç¾©ã™ã‚‹ç«‹å ´ã§ä»•äº‹ã‚’è«‹ã‘ã¦ã„ã‚‹ã‚“ã ã‘ã‚Œã©ã€ã“ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¯æœ‰åŠ¹ã ã¨æ€ã£ãŸã€‚ [ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯]ãƒ¯ã‚¤ãƒ¤ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’è¦‹ãŸæ™‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒªãƒãƒ¼ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã—ã¦ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æŠ½å‡ºã—ã¾ã™ã€‚ãã—ã¦å½¼ã‚‰ã¯ã€ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆXã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆYã¨ã©ã®ã‚ˆã†ã«é€šä¿¡ã™ã‚‹ã®ã‹ã€‚ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆAã¯è¤‡æ•°ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆBã§æ§‹æˆã•ã‚Œã¦ã„ã®ã‹ã€‚
cl-gaku 2019/01/28
OOUI

DDD

OOUX
ãƒªãƒ³ã‚¯
å”åƒã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ€è€ƒã®å†æ§‹ç¯‰ : could
2016å¹´9æœˆ3æ—¥HTML5 Conference 2016ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚1,200 äººã‚’è¶…ãˆã‚‹å‚åŠ è€…ã€‚6ãƒˆãƒ©ãƒƒã‚¯åŒæ™‚é€²è¡Œã¨ã„ã†å·¨å¤§ã‚¤ãƒ™ãƒ³ãƒˆã€‚ã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒå¤šã„ã‚¤ãƒ™ãƒ³ãƒˆã§ã™ãŒã€ãã†ã„ã†å ´ã ã‹ã‚‰ã“ãã€Œãœã²è©±ã—ãŸã„ã€ã¨æ€ãˆãŸã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚ ä»Šå›žã€Œå”åƒã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ€è€ƒã®å†æ§‹ç¯‰ã€ã¨ã„ã†é¡Œåã§è©±ã—ã¾ã—ãŸã€‚ä»¥å‰ã‹ã‚‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã®é–“ã‚’ã©ã†ç¹‹ã’ã‚‹ã‹ã¨ã„ã†èª²é¡Œã«ã¤ã„ã¦è©±ã—ãŸã„ã¨ã„ã†æ¬²æ±‚ãŒã‚ã‚Šã¾ã—ãŸã€‚ãŸã ã€ã“ã†ã„ã†ãƒˆãƒ”ãƒƒã‚¯ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã°ã‹ã‚Šã®å ´ã§è©±ã™ã®ã¯æ„å‘³ãªã„ã§ã™ã—ã€é€†ã‚‚ã—ã‹ã‚Šã§ã™ã€‚HTML5 Conference 2016 ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ©ãƒƒã‚¯ã‚‚ã‚ã£ãŸã“ã¨ã‹ã‚‰ã€ä¸¡æ–¹ã¸ãƒªãƒ¼ãƒã™ã‚‹ã«ã¯å¥½éƒ½åˆã€‚å¹¸ã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã‚‚ç§ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«å‚åŠ ã—ã¦ã„ãŸã ã„ãŸã¿ãŸã„ã§ã€éžå¸¸ã«å¬‰ã—ã‹ã£ãŸã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®èª²é¡Œ ç§ã¯ HTML, CSS, JavaScript ã¯æ›¸
cl-gaku 2019/01/28
OOUI

DDD

OOUX
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ¡ã‚¤ãƒ³é§†å‹•è¨è¨ˆã¨OOUXã§è¿Žãˆã‚‹2019å¹´ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æ¦‚è¦ DDDãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§æ³¨ç›®ã•ã‚Œã ã—ãŸã€ŒOOUXã€ã¨ã„ã†è¨è¨ˆæ‰‹æ³•ã‚’å¸åŽåˆä½µã™ã‚‹ã¨çš†ã‚“ãªãŒãƒãƒƒãƒ”ãƒ¼ã«ãªã‚‹ã¯ãšã€ã¨ã„ã†ä¸»ã«ã¯UIè¨è¨ˆã®ãŠè©±ã§ã™ã€‚ OOUXã¨ã¯ Object-Oriented User eXperience ã®ç•¥ã§ã€ç«¯çš„ã«è¨€ã†ã¨ã€UIã‚’è¨è¨ˆã™ã‚‹éš›ã€Œï¼ˆãƒ¦ãƒ¼ã‚¶ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã§ãªãï¼‰ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆè¦–ç‚¹ã§è¨è¨ˆã™ã‚‹ã¨ã‚ˆã‚Šç›´è¦³çš„ãªUIãŒä½œã‚Œã‚‹ã‚ˆã€ã¨ã„ã†æ‰‹æ³• 1ã§ã™ã€‚è€ƒãˆæ–¹è‡ªä½“ã¯OOPãŒæå”±ã•ã‚ŒãŸæ™‚ä»£ã‹ã‚‰ï¼ˆOOUIã¨ã„ã†å‘¼ã³åã§ï¼‰ã‚ã£ãŸã‚ˆã†ãªã®ã§ã™ãŒ 2ã€UXç•Œéšˆã§ã¯2016å¹´é ƒã‹ã‚‰è©±é¡Œã«ã®ã¼ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚’è¦‹ã¦ã„
cl-gaku 2019/01/28
OOUI

DDD

OOUX
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | OOUI â€“ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°
æœ€è¿‘ã€OOUX ã¨ã„ã†è¨€è‘‰ã‚’è¦‹èžãã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã®åˆ©ç”¨è€…ä½“é¨“ï¼ˆObject-Oriented User Experienceï¼‰ã®ã“ã¨ã§ã€ã„ãã¤ã‹ã®è¨˜äº‹ã‚’èªã‚“ã ã¨ã“ã‚ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è¨è¨ˆã«ãŠã„ã¦ç”»é¢ã¨ãƒ‡ãƒ¼ã‚¿ã‚’å¯¾å¿œã¥ã‘ã‚‹éš›ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‰‹æŽ›ã‹ã‚Šã«ã™ã‚‹ã¨ã„ã†æ–¹æ³•è«–ã®ã‚ˆã†ã§ã™ã€‚ã¤ã¾ã‚Š OOUX ã¯ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨è¨€ã„æ›ãˆã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚ãã†ã™ã‚‹ã¨å®Ÿã¯ä»¥å‰ã‹ã‚‰ãã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã‚ã‚Šã€ã€ŒOOUIï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰ã€ã¨å‘¼ã°ã‚Œã¦ã„ãŸã®ã§ã™ã€‚æœ€è¿‘ã«ãªã£ã¦ OOUX ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚ã‚Œã‚‹ã®ã¯ã€OOUI ã®ã“ã¨ã‚’çŸ¥ã‚‰ãªã‹ã£ãŸã‹ã€ã‚‚ã—ãã¯æµè¡Œèªžã§ã‚ã‚‹ã€ŒUXã€ã‚’ç”¨ã„ãŸæ–¹ãŒã‹ã£ã“ã„ã„ã¨è€ƒãˆãŸã‹ã‚‰ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã€GUI ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
cl-gaku 2019/01/28
OOUI

DDD

OOUX
ãƒªãƒ³ã‚¯
1