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

lockcole id:lockcole

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

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

ã‚‚ã†ä¿å®ˆã•ã‚Œãªã„ç”»é¢é·ç§»å›³ã¯å«Œãªã®ã§ã€UI Flowå›³ã‚’ç°¡å˜ã«ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ã½ãæ›¸ãã‚¨ãƒ‡ã‚£ã‚¿ä½œã£ãŸ - Qiita
ã¯ã˜ã‚ã« Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã‚’ä¼ç”»ã—ãŸã‚Šã€ç«‹ã¡ä¸Šã’ãŸã‚Šã™ã‚‹éš›ã«ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚„ã€Excelã‚„Powerpointã€Illustraterãªã©ã‚’é§†ä½¿ã—ãŸè¬Žã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ç”»é¢é·ç§»å›³ã‚’æãã“ã¨ãŒã‚ã‚‹ã€‚ ã“ã†ã„ã†å›³ã‚’å…ƒã«ä»•æ§˜ã‚’æ±ºã‚ã¦è¡Œã£ã¦ã€ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã„ãã®ã¯ä»¥ä¸‹ã®ç‚¹ã§å›°ã‚‹ã€‚ ç”»é¢é·ç§»å›³ãŒä¿å®ˆã•ã‚Œãªã„ã€‚ æ›¸ãã®ãŒéžå¸¸ã«é¢å€’ãã•ã„ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®æµã‚ŒãŒè¿½ã„ã¥ã‚‰ãã€è¦‹ãŸç›®ã°ã‹ã‚Šã«æ³¨ç›®ã—ã¦ã—ã¾ã†ã‚‚ã®ã«ãªã‚ŠãŒã¡ ãƒžã‚·ãƒ³ãƒªãƒ¼ãƒ€ãƒ–ãƒ«(ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§æ§‹é€ ã‚’å–ã‚Šå‡ºã›ãªã„)ã§ãªã„ã€‚ ã“ã®ã‚ˆã†ãªæ¬ ç‚¹ãŒã‚ã£ã¦ã©ã†ã«ã‚‚æ‰±ã„ã¥ã‚‰ã„ã€‚ ãã‚“ãªã‚ã‘ã§ã€markdowné¢¨ã®ãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰ç°¡å˜ã«ç”»é¢é·ç§»å›³ã‚’æã‘ãªã„ã‹ãªã¨ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚’ä½œæˆã—ã€æ¬¡ã«ãã‚Œã‚’ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ç·¨é›†ã§ãã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã‚’ä½œæˆã—ãŸã€‚ UI Flowså›³ã«ã¤ã„ã¦ ç”»é¢é·ç§»å›³çš„ãªã‚‚ã®ã‚’æ›¸ãéš›ã«ã€åƒ•ãŒå€‹äººçš„ã«ã¤ã‹ã£ã¦ã„ãŸè¡¨ç¾æ–¹æ³•ã¨ã—ã¦ã€UI Flo
lockcole 2016/04/02
ã‚¨ãƒ‡ã‚£ã‚¿

UI

Electron
ãƒªãƒ³ã‚¯
Connection Problem
Sorry! There seems to be a probl em connecting to our database. Please give us a few minutes to remedy the probl em. Thank you.
lockcole 2007/07/23
Amazonãƒ–ãƒ©ã‚¦ã‚¶ã®ã¾ã¨ã‚ã€‚å•†å“ã®é–¢é€£ã‚’ã‚°ãƒ©ãƒ•åŒ–ã—ã¦ãã‚Œã‚‹ã‚‚ã®ã‚„ï¼Œã‚«ã‚¿ãƒã‚°ä¸Šã«ã—ã¦ãã‚Œã‚‹ã‚‚ã®ãªã©ã€‚Flashãƒ™ãƒ¼ã‚¹ã®ã‚µã‚¤ãƒˆã‚‚å¤šã„ã€‚é«˜ã„è¦–è¦šåŠ¹æžœã‚’å¾—ã‚‹ã«ã¯ã‚„ã£ã±ã‚ŠFlashã‚‚å¿…è¦ã ãªã€‚

ã¾ã¨ã‚

Amazon

flash

visualization

UI
ãƒªãƒ³ã‚¯
EasyDrag jQuery Plugin by fromvega.com
16/07/08 UPDATE: A new beta version is now available with some bug corrections. Thanks to Randy for the useful feedback! 29/06/08 UPDATE: Handler feature added! Finally I decided to add a little piece of extra functionality to the EasyDrag plugin. It has been constantly requested, so now you can download and test it. I will be releasing it as a final version after some feedback, so please let me
lockcole 2007/07/17
divè¦ç´ ã®ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã‚’ã‹ã‚“ãŸã‚“ã«å®Ÿç¾ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ondrag,ondropã‚¤ãƒ™ãƒ³ãƒˆã«ãƒãƒ³ãƒ‰ãƒ©ã‚’æŒ‡å®šã—ã¦å‡¦ç†ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚å‹•ãã¯ã¨ã¦ã‚‚ã‚¹ãƒ ãƒ¼ã‚ºã€‚

jQuery

UI
ãƒªãƒ³ã‚¯
ç¬¬24å›žã€€ä½•ã‹ã«ä¼¼ã›ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹
ä»Šå›žã¯ã€Œä½•ã‹ã«ä¼¼ã›ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã€ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä½•ã‹ã«ä¼¼ã›ãŸã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã„ã†ã®ã¯ï¼Œã¤ã¾ã‚Šã™ã§ã«ã‚ã‚‹ä½•ã‹ã«ã‚ˆãä¼¼ã¦ã„ã‚‹ï¼Œã‚‚ã—ãã¯åŒã˜ã‚ˆã†ã«ä½¿ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ç”¨æ„ã™ã‚‹ï¼Œã¨ã„ã†ã“ã¨ã§ã™ã€‚ ãªã‚“ã¦æ›¸ãã¨ï¼Œã€Œãƒ‘ã‚¯ãƒªã€ã‚„ã€Œã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ¤ã€ã¨å‘¼ã°ã‚Œã‚‹ï¼Œæµè¡Œã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãã®ã¾ã¾ãã£ãã‚Šã¾ãã‚‹æ‰‹æ³•ã‚’æ€ã„å‡ºã—ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚æµè¡Œã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯ï¼Œã‚‚ã—ã‹ã—ãŸã‚‰ä½•ã‚‰ã‹ã®ç‰¹é•·çš„ã§ã™ã°ã‚‰ã—ã„ç‚¹ãŒã‚ã‚‹ã‹ã‚‚çŸ¥ã‚Œãšï¼Œãã‚Œã‚’ã¾ãã™ã‚‹ã“ã¨ã¯ï¼Œã€Œã¾ããŸã ã‚ã†ã€ã¨ã„ã‚ã‚Œã‚‹ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’å·®ã—å¼•ã„ã¦ã‚‚ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã—ï¼Œã‚‚ã†å°‘ã—æ„å‘³ã‚’åºƒã’ã¦ï¼Œã™ã§ã«ã‚ã‚‹ã‚µã‚¤ãƒˆã®è‰¯ã•ã‚’ã„ã‹ã«ã†ã¾ãå–ã‚Šè¾¼ã‚€ã‹ï¼Œã¨ã„ã†ã“ã¨ã«ãªã‚Œã°ï¼Œã™ã”ãæ„å‘³ãŒã‚ã‚‹ã“ã¨ã ã¨æ€ã„ã¾ã™ã€‚ ã§ã‚‚ä»Šå›žã®ã€Œã¾ãã‚‹ã€ã¯ãã†ã„ã†ã»ã‹ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ãã‚‹ï¼Œã¨ã„ã†è©±ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚‚ã†å°‘ã—åºƒã„æ„å‘³ã§ã‚ã£ãŸã‚Š
lockcole 2007/07/06
ã€Œã™ã§ã«ã‚ã‚‹ã‚‚ã®ã€ã¨åŒã˜ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«ã™ã‚‹ã“ã¨ã€‚TVã«ä¼¼ã›ãŸWiiã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ»å¤©æ°—ãƒãƒ£ãƒ³ãƒãƒ«ï¼ŒOutlook Expressã«ä¼¼ã›ãŸSo-netã®ã‚¦ã‚§ãƒ–ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã€‚

UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
developersnippets.com
This domain may be for sale!
lockcole 2007/07/01
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã®UIã‚’å®Ÿç¾ã—ã¦ã‚‹ã‚µã‚¤ãƒˆç´¹ä»‹ã€‚ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯5å¹´ãã‚‰ã„å‰ã«æ‰‹æ›¸ãã—ãŸã“ã¨ã‚ã‚‹ã‘ã©ï¼Œä»Šã¯è¡¨ç¾åŠ›ãŒæ®µé•ã„ã ãªã€‚Ajaxã‚‚ä½¿ãˆã‚‹ã—ï¼Œãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ´»ç”¨ã—ã‚ˆã†ã€‚

Javascript

Ajax

UI
ãƒªãƒ³ã‚¯
ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®æ¨ªã«éš ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³JavaScript ï¼ˆside-bar.jsï¼‰ - youmos
lockcole 2007/06/24
ãµã ã‚“ã¯éš ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€‚mootoolsç‰ˆã¨script.aculo.usç‰ˆãŒã‚ã‚‹ã€‚ã“ã†ã„ã†ã®å‡ºãªã„ã‹ãªãƒ¼ã¨ãšã£ã¨æ€ã£ã¦ãŸã€‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã†ã‚ˆã‚Šã¯ï¼Œãƒ„ãƒ¼ãƒ«ãƒœãƒƒã‚¯ã‚¹ãƒ‘ãƒãƒ«ã¨ã—ã¦ä½¿ã„ãŸã„ã€‚

Javascript

CSS

UI

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

scriptaculous.js
ãƒªãƒ³ã‚¯
ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã«ã‚ˆã‚‹â€œå³è„³ã®è£œå®Œâ€ã§é€²ã‚€ã€Œãƒãƒƒãƒˆã¨ãƒªã‚¢ãƒ«ã®èžåˆã€
ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãŒç™»å ´ã—ãŸ1994å¹´ã€‚ãã®é ƒã¨åŒã˜ã€ã‚ã‚‹ã„ã¯ãã‚Œä»¥ä¸Šã®èˆˆå¥®ãŒã€ä¸–ç•Œã‚’å¸å·»ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã€‚ã€Œå³è„³çš„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ä¸–ç•Œã€ãŒã€ã™ããã“ã«ã¾ã§è¿‘ã¥ã„ã¦ãã¦ã„ã‚‹ãŸã‚ã ã€‚ ã“ã‚Œã¾ã§ã€ãã®ã»ã¨ã‚“ã©ãŒè«–ç†çš„æ€è€ƒã‚’è»¸ã¨ã—ãŸå·¦è„³çš„å½¹å‰²ã«çµ‚å§‹ã—ã¦ã„ãŸãƒ‘ã‚½ã‚³ãƒ³ã®ä¸–ç•Œã€‚ã•ã¾ã–ã¾ãªä¼æ¥ãŒå®¶é›»è£½å“ã¨ãƒ‘ã‚½ã‚³ãƒ³ã®èžåˆã‚’è©¦ã¿ã¦ããŸãŒã€çµæžœã¨ã—ã¦æˆåŠŸã—ã¦ã„ã‚‹äº‹ä¾‹ã¯ã»ã¨ã‚“ã©ãªã„ã€‚ç±³Appleã®æœ€é«˜çµŒå–¶è²¬ä»»è€…ï¼ˆCEOï¼‰ã§ã‚ã‚‹Steve Jobsæ°ã®è¨€è‘‰ã‚’å€Ÿã‚Šã‚‹ã¨ã€ã€Œãƒ‘ã‚½ã‚³ãƒ³ã¯ãƒ†ãƒ¬ãƒ“ã®ä»£ç”¨ã«ã¯ãªã‚‰ãªã„ã€‚ãƒ†ãƒ¬ãƒ“ã‚’è¦‹ã‚‹æ™‚ã¯é ã‚’OFFã«ã—ã¦ã„ã‚‹ã‹ã‚‰ã ã€ã¨ã„ã†ã“ã¨ã§ã‚ã‚ã†ã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚‚ä¾‹å¤–ã§ã¯ãªãã€ãƒãƒƒãƒˆã¨ãƒªã‚¢ãƒ«ã¨ã„ã†å¯¾æ¥µåŒå£«ãŒã€ä»Šã²ã¨ã¤èžåˆã¨ã„ã†æ„å‘³åˆã„ã«ãŠã„ã¦ã—ã£ãã‚Šã“ãªã‹ã£ãŸã®ã¯ã€å·¦è„³çš„å½¹å‰²ã«åã£ãŸãƒãƒƒãƒˆã®ç‰¹æ€§ãŒã€ãã®å¤§ããªç†ç”±ã®ã²ã¨ã¤ã ã£ãŸã“ã¨ã¯é–“é•ã„ãªã„ã€‚ ã§ã¯ãªãœã€ãƒãƒƒãƒˆã¯å³è„³çš„å½¹å‰²ã‚’æžœãŸã™ã“ã¨ãŒã§ããªã‹
lockcole 2007/06/23
ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã®é‡è¦æ€§ã‚„åˆ©ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã®æ¦‚è¦³ã¯åˆã£ã¦ã‚‹ã¨æ€ã£ãŸã‚“ã ã‘ã©ï¼Œãã‚Œã‚‰ã‚’ã€Œå³è„³çš„ã€ã¨ã‹ã€Œã„ã¾ã¾ã§ã¯å·¦è„³çš„ã€ã¨ã„ã†äºŒå…ƒè«–ã«æŠ¼ã—è¾¼ã‚ã‚‹ã®ã¯ï¼Œã¡ã‚‡ã„é•å’Œæ„Ÿã‚’æ„Ÿã˜ãªãã‚‚ãªã„ï¼Œã‹ãªã€‚

web2.0

UI

ãƒ¦ãƒ“ã‚ã‚¿ã‚¹
ãƒªãƒ³ã‚¯
Avagoã€ã‚¿ãƒƒãƒãƒ‘ãƒƒãƒ‰/ãƒˆãƒ©ãƒƒã‚¯ãƒã‚¤ãƒ³ãƒˆã«ç¶šããƒã‚¤ãƒ³ãƒ†ã‚£ãƒ³ã‚°ãƒ‡ãƒã‚¤ã‚¹
ä¼šæœŸï¼š6æœˆ5æ—¥ï½ž9æ—¥ ä¼šå ´ï¼šTaipei World Trade Center Exhibition Hall 1/2/3 Taipei International Convention Center åŠå°Žä½“éƒ¨å“ä¼æ¥ã®Avago Techno logiesã¯ã€COMPUTEXä¼šå ´ã«ãŠã„ã¦ã€ãƒŽãƒ¼ãƒˆPCå‘ã‘ã®æ–°ã—ã„ãƒã‚¤ãƒ³ãƒ†ã‚£ãƒ³ã‚°ãƒ‡ãƒã‚¤ã‚¹ã‚’å…¬é–‹ã—ãŸã€‚ Avagoã¯ã€Hewlett-Packardã®é›»åéƒ¨å“é–‹ç™ºéƒ¨é–€ã‚’åˆ†ç¤¾åŒ–ã—ãŸAgilent Techno logiesã‹ã‚‰ã€ã•ã‚‰ã«åŠå°Žä½“éƒ¨å“éƒ¨é–€ã‚’åˆ†ç¤¾åŒ–ã—ã¦èª•ç”Ÿã€‚ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¸ã®ãªã˜ã¿ã¯è–„ã„ãŒã€å…‰å¦ã‚»ãƒ³ã‚µãƒ¼ã‚„ãƒ¬ãƒ¼ã‚¶ãƒ¼ã‚»ãƒ³ã‚µãƒ¼ã‚’ä½¿ã£ã¦ã„ã‚‹ãƒžã‚¦ã‚¹ã®ã‚»ãƒ³ã‚µãƒ¼ã‚„ã€æ¶²æ™¶ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®LEDãƒãƒƒã‚¯ãƒ©ã‚¤ãƒˆç”¨ãƒ‡ãƒã‚¤ã‚¹ãªã©ã‚’é–‹ç™ºã—ã¦ãŠã‚Šã€ãƒžã‚¦ã‚¹ç”¨ã‚»ãƒ³ã‚µãƒ¼ã¯ä¸–ç•Œã‚·ã‚§ã‚¢1ä½ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒçŸ¥ã‚‰ãªã„ã¨ã“ã‚ã§ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ä¼æ¥ã§ã‚ã‚‹ã€‚ ãã®AvagoãŒå…¬é–‹ã—ãŸã®ãŒã€ã‚¿ãƒƒãƒãƒ‘ãƒƒãƒ‰ã‚„
lockcole 2007/06/16
æŠ¼ã—è¾¼ã‚“ã§ã‚¯ãƒªãƒƒã‚¯ã£ã¦ã„ã†ä»•çµ„ã¿ã¯ï¼Œã„ã–æŠ¼ã™çž¬é–“ã«ãƒã‚¤ãƒ³ã‚¿ãŒãšã‚Œã¦å›°ã£ãŸã‚Šã—ãªã„ã®ã‹ãªï¼Ÿ

UI
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒç‹¬è‡ªã«æä¾›ã™ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã€‚ã“ã‚Œã‚’ä½¿ãˆã°UIè¨è¨ˆã‚’åŠ¹çŽ‡åŒ–ã§ãã¾ã™ã€‚
lockcole 2007/06/13
sociomediaç¤¾ã«ã‚ˆã‚‹ï¼ŒUIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã€‚ãƒ—ãƒã‚°ãƒ¬ã‚¹è¡¨ç¤ºã«ã¤ã„ã¦ã¨ã‹ï¼Œãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ã‹ï¼Œãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã®å½¢çŠ¶å¤‰åŒ–ã¨ã‹ï¼Œãã®ä»–ã„ã‚ã„ã‚ã€‚ã“ã‚Œã¯çŸ¥ã£ã¦ãŠãã¹ããƒ‘ã‚¿ãƒ¼ãƒ³ã ã€‚

ã¾ã¨ã‚

web

design

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

UI
ãƒªãƒ³ã‚¯
æ¤œç´¢ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ç·šã¯ã©ã†å‹•ãã€€Yahooï¼ã¨Googleã§é•ã„
ã‚¢ã‚¤ãƒ¬ãƒƒãƒ—ã¨ã‚¸ãƒ£ãƒ‘ãƒ³ãƒžãƒ¼ã‚±ãƒƒãƒˆã‚¤ãƒ³ãƒ†ãƒªã‚¸ã‚§ãƒ³ã‚¹ã¯6æœˆ11æ—¥ã€Yahooï¼JAPANã¨Googleã®æ¤œç´¢çµæžœç”»é¢ã‚’è¦‹ã¦ã„ã‚‹éš›ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ç·šã®å‹•ãã‚’èª¿ã¹ãŸçµæžœã‚’ç™ºè¡¨ã—ãŸã€‚Yahooï¼ã¯ã€Œé–¢é€£æ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã€ã‚„ã€ŒYahooï¼ã‚«ãƒ†ã‚´ãƒªã€ãŒæ³¨ç›®ã•ã‚Œã¦ãŠã‚Šã€Googleã¯ã‚µã‚¤ãƒˆã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’æœ€åˆã‹ã‚‰æœ€å¾Œã¾ã§ã‚ˆãèªã¾ã‚Œã¦ã„ã‚‹ã¨ã„ã†å‚¾å‘ãŒè¦‹ãˆãŸã€‚ æ¸¬å®šã¯æ˜¨å¹´9æœˆã‹ã‚‰10æœˆã«ã‹ã‘ã€ç›®ã®ç¶²è†œã«ç…§å°„ã—ãŸèµ¤å¤–ç·šã®åå°„ã‚’åˆ©ç”¨ã™ã‚‹å°‚ç”¨æ©Ÿå™¨ã‚’ä½¿ã„ã€ç„¡ä½œç‚ºã«é¸ã‚“ã 76äººï¼ˆç”·å¥³åŠã€…ï¼‰ã‚’å¯¾è±¡ã«å®Ÿæ–½ã—ãŸã€‚ ãã‚Œãžã‚Œã€ç”»é¢ä¸Šéƒ¨ã«æ¤œç´¢é€£å‹•åºƒå‘ŠãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹å ´åˆã¨ã€è¡¨ç¤ºã•ã‚Œã¦ã„ãªã„å ´åˆã«åˆ†ã‘ã¦èª¿ã¹ãŸã€‚ Yahooï¼æ¤œç´¢ã§åºƒå‘ŠãŒè¡¨ç¤ºã•ã‚Œã¦ã„ãªã„å ´åˆã€ç›®ç·šã¯ã€Œé€†Lå—åž‹ã€ã«å‹•ãã€‚æ¤œç´¢çµæžœã®ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€Œé–¢é€£æ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã€ã‚„ã€ŒYahooï¼ã‚«ãƒ†ã‚´ãƒªã€ã‚’è¦‹ã‚‹ãŸã‚ã«ç›®ç·šãŒå³ã«å‹•ãã€ãã®å¾Œç›®ç·šãŒå·¦ã«æˆ»ã‚Šã€æ¤œç´¢çµæžœã‚µã‚¤ãƒˆã®ã‚¿ã‚¤ãƒˆãƒ«å…ˆé éƒ¨åˆ†ã‚’ä¸‹ã¾ã§æµã—ã¦
lockcole 2007/06/13
å¤§æ‰‹ã‚µã‚¤ãƒˆã®ç›´ä¸‹ã«ã‚ã‚‹ãƒªãƒ³ã‚¯ã¯ã‚¯ãƒªãƒƒã‚¯çŽ‡ãŒä½Žã„ï¼Œã£ã¦ã¨ã“ã‚ãŒæ³¨ç›®ã‹ãªã€‚

Google

æ¤œç´¢

UI
ãƒªãƒ³ã‚¯
è¦³çš„ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ã‚ã–ã—ã¦
ç¾åœ¨ä½¿ã‚ã‚Œã¦ã„ã‚‹è¨ˆç®—æ©Ÿã®ã»ã¨ã‚“ã©ã¯ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚„ãƒžã‚¦ã‚¹ã‚’ä½¿ã£ãŸ ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹(GUI)ã§æ“ä½œã‚’è¡Œãªã†ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ãŒã€ GUIãŒä¸€èˆ¬ã«æ™®åŠã™ã‚‹å‰ã¯ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’ä½¿ã£ãŸ ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹(CUI)ã§è¨ˆç®—æ©Ÿã«æŒ‡ç¤ºã‚’ä¸ŽãˆãŸã‚Š çµæžœã‚’è¡¨ç¤ºã•ã›ãŸã‚Šã™ã‚‹ã®ãŒæ™®é€šã§ã‚ã£ãŸã€‚ CUIã«æ¯”ã¹ã‚‹ã¨GUIã¯åœ§å€’çš„ã«æ“ä½œãŒç›´è¦³çš„ã«ãªã‚‹ã“ã¨ãŒå¤šã„ãŸã‚ã€ GUIã‚’æŒãŸãªã„è¨ˆç®—æ©Ÿã¯ç¾åœ¨ã»ã¨ã‚“ã©è€ƒãˆã‚‰ã‚Œãªããªã£ã¦ã„ã‚‹ã¨ã„ãˆã‚‹ã€‚ å®¶é›»è£½å“ãªã©ã‚ã‚‰ã‚†ã‚‹æ©Ÿå™¨ã§è¨ˆç®—æ©Ÿã‚„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã« ãªã‚Šã¤ã¤ã‚ã‚‹ãŒã€ã“ã‚Œã‚‰ã®ä¸–ç•Œã§ã¯ç¾åœ¨ã§ã‚‚CUIçš„ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã€‚ ãŸã¨ãˆã° ãƒ†ãƒ¬ãƒ“ã®ãƒãƒ£ãƒ³ãƒãƒ«ã‚’å¤‰ãˆã‚‹ãŸã‚ã« ãƒªãƒ¢ã‚³ãƒ³ã®æ•°å—ã‚ãƒ¼ã§ãƒãƒ£ãƒ³ãƒãƒ«ç•ªå·ã¨æ±ºå®šãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã„ã†æ–¹å¼ã¯CUIçš„ãªæ“ä½œã¨ã„ãˆã‚‹ã ã‚ã†ã€‚ ãƒ“ãƒ‡ã‚ªã®éŒ²ç”»äºˆç´„ã«ã—ã¦ã‚‚é›»åãƒ¬ãƒ³ã‚¸ã«ã—ã¦ã‚‚ ç›´è¦³çš„ã§ãª
lockcole 2007/06/13
äººé–“ã®ã‚„ã‚ŠãŸã„ã“ã¨ã‚’é‡è¦–ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§åˆ‡ã•ã‚’è¨´ãˆã‚‹ã™ã°ã‚‰ã—ã„è¨˜äº‹ã€‚ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®æ´å²çš„ãªæŸµï¼Œå®Ÿä¸–ç•ŒæŒ‡å‘ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ã„ã¾ï¼ŒMark Weiserã®ãƒ¦ãƒ“ã‚ã‚¿ã‚¹ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ï¼Œãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚

UI

è³‡æ–™

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’å¯æ„›ã„æ„Ÿã˜ã«ã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª:phpspoté–‹ç™ºæ—¥èªŒ
ã‚µã‚¤ãƒˆã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’å¯æ„›ã„æ„Ÿã˜ã«ã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª 2007å¹´06æœˆ04æ—¥- chris erwin dot com - CRIR: Checkbox Radio Input Replacement This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. ã‚µã‚¤ãƒˆã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’å¯æ„›ã„æ„Ÿã˜ã«ã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ã§ã€æ¬¡ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ å¿…è¦ãªCSSã¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚“ã§ã€input ã« class ã‚’ã‚ã¦ã‚‹ãã‚‰ã„ã®ç°¡å˜ãªæ–¹æ³•ã§ãƒ•ã‚©ãƒ¼ãƒ ã®å¤‰æ›´ãŒå¯èƒ½ã§ã™ã€‚ CSSãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ç”»åƒã‚’å¤‰æ›´ã§è‡ªåˆ†å¥½ã¿ã®ãƒ•ã‚©
lockcole 2007/06/08
Javascriptã§å‹•çš„ã«ãƒ•ã‚©ãƒ¼ãƒ ã‚¢ã‚¤ãƒ†ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚

CSS

design

Javascript

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

UI
ãƒªãƒ³ã‚¯
ä¸æ°—å‘³ã®è°·ç¾è±¡ã¨ã‚¢ãƒ—ãƒªãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ - huixingã®æ—¥è¨˜
ãƒãƒœãƒƒãƒˆå·¥å¦ã®æ£®æ”¿å¼˜æ°ã«ã‚ˆã‚‹ä»®èª¬ã§ã‚ã‚‹ä¸æ°—å‘³ã®è°·ç¾è±¡ã¨ã¯ãƒãƒœãƒƒãƒˆã®å§¿ã‚„å‹•ä½œãŒäººé–“ã«è¿‘ã¥ãã«ã¤ã‚Œã¦å¥½æ„ŸãŒå¢—ã—ã¦ã„ããŒã€ã‚ã‚‹æ™‚ç‚¹ã¾ã§ãã‚‹ã¨ã€ãƒãƒœãƒƒãƒˆã«å¯¾ã™ã‚‹äººé–“ã®æ„Ÿæƒ…ã¯å«Œæ‚ªæ„Ÿã‚„ä¸æ°—å‘³æ„Ÿã‚’ã„ã ãã‚ˆã†ã«ãªã‚‹ã€‚ãã®å¾ŒãƒãƒœãƒƒãƒˆãŒäººé–“ã¨é™ã‚ŠãªãåŒºåˆ¥ãŒã¤ã‹ãªã„ã‚ˆã†ã«ãªã‚‹ã¨ã€äººé–“ã®æ„Ÿæƒ…ã¯å†ã³å¥½æ„Ÿã«å¤‰ã‚ã£ã¦ã„ãã¨ã„ã†ã‚‚ã®ã€‚bill higginsã¯ãƒ–ãƒã‚°ã§ã“ã®ä¸æ°—å‘³ã®è°·ç¾è±¡ã‚’å¼•ã„ã¦ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å‘¨å›²ã®ç’°å¢ƒã«åˆã‚ã›ã¦ã€windowsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯windowsã‚‰ã—ãã€macã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯macã‚‰ã—ãã€webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯webã‚‰ã—ããµã‚‹ã¾ã†ã¹ãã ã¨ã—ã¦ã„ã‚‹ã€‚ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã®ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒ»ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ä¸Šã§ã‚¢ãƒ—ãƒªã‚’webã®ã‚ˆã†ã«æ“ä½œã™ã‚‹ã‚‚ã®ã ã£ãŸãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æœŸå¾…ã™ã‚‹æ“ä½œã¨é•ã£ã¦ã„ãŸãŸã‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ã¨ã¾ã©ã‚ã›ãŸã€‚JAVAã‚‚windowsã‚„macã‚„linuxã‚’ã¾ãã¦ã„ãŸãŒã€ã‚ãã¾ã§JAVA
lockcole 2007/05/18
ãƒãƒœãƒƒãƒˆå·¥å¦ã«ãŠã‘ã‚‹ä¸æ°—å‘³ã®è°·(å¤§é›‘æŠŠã«è¨€ã†ã¨ï¼Œä¸é€”åŠç«¯ã«äººé–“ã«ä¼¼ã¦ã‚‹ã®ã¯ã‚ãƒ¢ã„)ã¨ã„ã†ç¾è±¡ã¨ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€‚Gmailã®æˆåŠŸï¼ŒActive Desktopã‚„Java Appletã®å¤±æ•—ã‚’ã“ã‚Œã§èª¬æ˜Žã—ã¦ã„ã‚‹ã€‚èˆˆå‘³æ·±ã„ã€‚

design

UI

web
ãƒªãƒ³ã‚¯
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚¦ã‚§ã‚¢ï½¥ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ : å°é‡Žå’Œä¿Šã®ãƒ–ãƒã‚°
ã“ã‚Œã¾ã§é•·ã„æœŸé–“ã«æ¸¡ã£ã¦ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯ä¸€äººã§ä½¿ã†ãŸã‚ã®ã‚‚ã®ã ã£ãŸã€‚ ã“ã“ã§è¨€ã†ã€Œä¸€äººã§ä½¿ã†ã€ã¨ã„ã†ã“ã¨ã®æ„å‘³ã¯ã€è‡ªåˆ†ä»¥å¤–ã«ã‚‚å®¶æ—ã‚‚ä½¿ã†ã‹ã©ã†ã‹ã¨ã„ã†ã‚ˆã†ãªæ„å‘³ã§ã¯ãªã„ã€‚ä¾‹ãˆã°ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã¯ä»–ã® PC ã®å‰ã«åº§ã£ã¦ã„ã‚‹èª°ã‹ã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§å…±åŒç·¨é›†ã™ã‚‹ã‚‚ã®ã§ã¯ãªã‹ã£ãŸã—ã€ã‚²ãƒ¼ãƒ ã¯ãƒãƒƒãƒˆã«æŽ¥ç¶šã›ãšã«è‡ªåˆ†ä¸€äººã§éŠã¶ã‚‚ã®ã ã£ãŸã€‚ãã†ã„ã†æ„å‘³ã§ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯ã“ã‚Œã¾ã§é•·ã„æœŸé–“ã«æ¸¡ã£ã¦ä¸€äººã§ä½¿ã†ãŸã‚ã®ã‚‚ã®ã ã£ãŸã€‚ ã ã‹ã‚‰ã“ã‚Œã¾ã§ç§ãŸã¡ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ã“ã¨ã‚’è€ƒãˆã‚‹ã¨ãã€ã¾ãšè‡ªåˆ†ãŒä¸€äººã§ä½¿ã†ã¨ãã«ä½¿ã„ã‚„ã™ã„ã‹ã©ã†ã‹ã‚’è€ƒãˆã¦ããŸã€‚ ä¾‹ãˆã°ã€æ˜¨æ—¥ã¯ã¦ãªã®ä¼Šè—¤ã•ã‚“ãŒæ›¸ã„ã¦ã„ãŸã‚ˆã†ãªã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«è“„ç©ã•ã‚Œã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è‰¯è³ªãªã‚‚ã®ã«ã™ã‚‹ãŸã‚ã«ã€ã‚ãˆã¦ä¸€äººã§ä½¿ã†ã¨ãã®åˆ©ä¾¿æ€§ã«ç›®ã‚’çž‘ã‚‹ã¨ã„ã†è€ƒãˆæ–¹ã¯ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚¦ã‚§ã‚¢ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’é‡è¦–ã—ãŸã‚¢ãƒ—ãƒãƒ¼ãƒã¨è¨€ãˆã‚‹ã ã‚ã†ã€‚ ä»¥å‰ã€ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¨ del.ici
lockcole 2007/05/12
ã€Œæ©Ÿèƒ½ä¸è¶³ãŒã‚²ãƒ¼ãƒ å†…ã§ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¡Œå‹•ã‚’ã‚ˆã‚Šæ´»ç™ºãªæƒ…å ±ç™ºä¿¡åž‹ã®è¡Œå‹•ã«å¤‰ãˆã¦ã„ãã€‚ã€ã¨ã„ã†ã®ã¯è’ã£ã½ã„ã‘ã©é‡è¦ãªãƒ•ã‚¡ã‚¯ã‚¿ãƒ¼ãªã®ã‹ãªã¨æ€ã£ãŸã€‚

SBM

UI

web2.0
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®è¨è¨ˆã«å¤§åˆ‡ãªã®ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒãƒªã‚·ãƒ¼
ä½•ã‹ã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€ã‚’æ±ºã‚ã‚‹æ™‚ã«å¤§åˆ‡ãªã“ã¨ã¯ã€è‡ªåˆ†ãªã‚Šã®ã¯ã£ãã‚Šã¨ã—ãŸã€Œãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒãƒªã‚·ãƒ¼ã€ã‚’æŒã£ã¦ã€èª°ãŒä½•ã¨è¨€ãŠã†ã¨æœ€å¾Œã¾ã§ãã‚Œã‚’ã—ã£ã‹ã‚Šã¨æŠ¼ã—é€šã™ã“ã¨ã€‚ãã†ã„ã†ã€ŒæŸ±ã€ã‚’ã—ã£ã‹ã‚Šã¨æŒãŸãªã„ã§ä½œã£ãŸã‚‚ã®ã¯ã€å¾€ã€…ã«ã—ã¦ã€Œå¦¥å”ã®ç”£ç‰©ã€ã«ãªã£ã¦ã—ã¾ã†ã€‚ ç§ãŒå¸¸ã«å¿ƒãŒã‘ã¦ã„ã‚‹ã“ã¨ï¼ˆã¤ã¾ã‚Šã€ç§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒãƒªã‚·ãƒ¼ï¼‰ã¯ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚·ãƒŠãƒªã‚ªã‚’ï¼˜ï¼ï¼šï¼’ï¼ãƒ«ãƒ¼ãƒ«ã§åˆ‡ã‚Šåˆ†ã‘ã€å¸¸ã«ï¼˜ï¼ã®æ–¹ï¼ˆã¤ã¾ã‚Šå¤šãã®äººãŒä½¿ã†ã ã‚ã†æ©Ÿèƒ½ï¼‰ã‚’æœ€å„ªå…ˆã«ã—ãŸè¨è¨ˆã«ã—ã€ï¼’ï¼ã®æ–¹ï¼ˆã‚ã£ãŸæ–¹ãŒè‰¯ã„ã‹ã‚‚ã—ã‚Œãªã„æ©Ÿèƒ½ã€ä¸€éƒ¨ã®äººãŒå¿…è¦ã¨ã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„æ©Ÿèƒ½ï¼‰ã¯æ€ã„åˆ‡ã£ã¦çŠ ç‰²ã«ã™ã‚‹ã€ã“ã¨ã€‚ å…¸åž‹çš„ãªè‰¯ã„ä¾‹ãŒã€Youtubeã‚’è¦‹ã‚‹ãŸã‚ã®ã‚µãƒ¼ãƒ“ã‚¹ã€Rimo ã¨ oresegã€‚ æ©Ÿèƒ½çš„ã«ã¯ã€ã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ†ã‘ã¯ã—ã¦ãã‚Œã¦ã„ã‚‹ã—ã€ã‚µãƒ ãƒãƒ¼ãƒ«ã‹ã‚‰è‡ªåˆ†ã§è¦‹ãŸã„ã‚‚ã®ã‚’é¸ã¹ã‚‹ã—ã€oresegã®æ–¹ãŒä¸Šã§ã‚ã‚‹ã€‚ã—ã‹ã—ã€ã€ŒãŸã ã ã‚‰ã—ãªãé¢ç™½ãã†ãªãƒ“ãƒ‡ã‚ªã‚’
lockcole 2007/03/07
ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä½¿ã†äººã®ã“ã¨ã‚’è€ƒãˆã¦ã€ã£ã¦ã„ã†å½“ãŸã‚Šå‰ã®æè¨€ã‚’å®Ÿè¡Œã™ã‚‹ã¨ãã“ã«ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒãƒªã‚·ãƒ¼ãŒç”Ÿã¾ã‚Œã‚‹ã€‚ãã®ãƒãƒªã‚·ãƒ¼ã®å–„ã—æ‚ªã—ã«ã¤ã„ã¦ã€‚YouTubeã®ãƒ“ãƒ‡ã‚ªã‚’è¦‹ã‚‹ãŸã‚ã®ã‚µãƒ¼ãƒ“ã‚¹ï¼ŒRimoã¨oresegã‚’æ¯”è¼ƒã—ã¦èªžã‚‹ã€‚

design

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

UI
ãƒªãƒ³ã‚¯
JavaScriptã§ç°¡å˜ã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œæˆã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRightContextã€:phpspoté–‹ç™ºæ—¥èªŒ
MSã€ãƒ‘ã‚±ãƒƒãƒˆæƒ…å ±ã®è§£æžãƒ„ãƒ¼ãƒ«ã€ŒMicrosoft Network Monitor 3ã€ã‚’ç„¡å„Ÿå…¬é–‹ æ¬¡ã®è¨˜äº‹ â‰«ï¼šPHPã‹ã‚‰jQueryï¼ˆJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‰ã‚’ç°¡å˜ã«ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã€ŒPQueryã€ RightContext JavaScriptã§ç°¡å˜ã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œæˆã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRightContextã€ã€‚ ãƒšãƒ¼ã‚¸ã§å³ã‚¯ãƒªãƒƒã‚¯ã‚’æŠ¼ã—ãŸã¨ãã«ã€æ¬¡ã®ã‚ˆã†ã«ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§ç‹¬è‡ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å‡ºã™ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ å³ã‚¯ãƒªãƒƒã‚¯ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’çµ„ã¿è¾¼ã‚“ã§ã—ã¾ã†ã“ã¨ã§ã€ãƒ„ãƒ¼ãƒ«ã«ã‚ˆã£ã¦ã¯å¤§å¤‰ä¾¿åˆ©ãªä½¿ã„å‹æ‰‹ã‚’æä¾›ã§ãã‚‹ã¯ãšã§ã™ã€‚ ä»¥ä¸‹ã«å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã€‚ (1) ã¾ãšScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="rightcontext.js"></script> (2) æ¬¡ã«å³ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¨ãã«ç‹¬è‡ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨
lockcole 2007/02/27
ã“ã‚ŒUIçš„ã«ã¯ã‹ãªã‚Šå±é™ºã¨ã„ã†ã‹ãƒ»ãƒ»æ‰±ã„ã«ã¯æ°—ã‚’ã¤ã‘ãªãã‚ƒã„ã‘ãªã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã¨æ€ã£ã¦ãŸã‚“ã ã‚ˆãã€‚Webã«ãŠã‘ã‚‹å³ã‚¯ãƒªãƒƒã‚¯ã®å½¹å‰²ï¼ˆæ©Ÿèƒ½ï¼‰ã‚’æ›¸ãæ›ãˆã¡ã‚ƒã†ã‚ã‘ã§ã€‚phpspotã®äººãªã‚‰ï¼Œä¸€è¨€ãã‚Œã«è¨€åŠã—ã¦ã»ã—ã‹ã£ãŸã€‚

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

web

UI

Javascript
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ“ã‚ã‚¿ã‚¹ã®è¡—è§’: å¤§åž‹ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹
Fast Companyã¨ã„ã†é›‘èªŒã§ã€ ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯å¤§å¦ã®Jefferson Hanã¨ã„ã†äººç‰©ãŒä½œã£ãŸ å¤§åž‹ã®ãƒžãƒ«ãƒã‚¿ãƒƒãƒãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãƒ‘ãƒãƒ«ãŒç‰¹é›†ã•ã‚Œã¦ã„ãŸã€‚ Hanæ°ã¯TEDä¼šè°ã§ã‚‚ãƒ‡ãƒ¢ã‚’è¡Œãªã„äººæ°—ã‚’é›†ã‚ãŸã‚‰ã—ã„ã€‚ ãƒ“ãƒ‡ã‚ªã‚’è¦‹ã‚‹é™ã‚Šã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯æ´¾æ‰‹ã§ã¯ã‚ã‚‹ãŒã€è£…ç½®ã‚„æ“ä½œã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯æ¯”è¼ƒçš„æ™®é€šã«è¦‹ãˆã‚‹ã€‚ Fast CompanyèªŒã®èª¬æ˜Žã«ã‚ˆã‚‹ã¨ã€ åŠé€æ˜Žãªè¡¨ç¤ºãƒ‘ãƒãƒ«ã®ä¸‹ã‚’å…‰ç·šãŒé€šéŽã—ã¦ãŠã‚Šã€ æŒ‡ã§ãƒ‘ãƒãƒ«ã‚’æŠ¼ã™ã¨å…‰ç·šãŒãã“ã«å½“ãŸã£ã¦æ•£ä¹±ã—ã¦å…‰ã‚‹ã®ã‚’ã‚«ãƒ¡ãƒ©ã§æ¤œå‡ºã™ã‚‹ã¨ã„ã†åŽŸç†ã‚‰ã—ãã€ ã‚½ãƒ‹ãƒ¼ã®HoloWallã¨ä¼¼ã¦ã„ã‚‹ã‚ˆã†ã§ã‚ã‚‹ã€‚ åœ§åŠ›ã‚’ç›´æŽ¥æ¤œå‡ºã§ãã‚‹ã‚ã‘ã§ã¯ãªã„ãŒã€å¼·ãæŠ¼ã™ã¨ãã‚Œã ã‘å…‰ã®æ•£ä¹±ãŒå¤šããªã‚‹ã®ã§ã€ ã‚ã‚‹ç¨‹åº¦ã¯æŠ¼ã—ãŸåŠ›ã‚’æ¤œå‡ºã§ãã‚‹ã®ã ã‚ã†ã€‚ å¤§åž‹ã®ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«é–¢ã—ã¦ã¯ã€ ç‰¹ã«CSCW (Computer-Supported Cooper
lockcole 2007/02/20
Bill Buxtonæ°ã¯ç¾åœ¨Microsoftã«å±…ã‚‹ãã†ãªã€‚OSãƒ¬ãƒ™ãƒ«ã‹ã‚‰æ–°ã—ã„UIã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦æŽ¨é€²ã—ã¦ã„ãå§¿å‹¢ãŒã‚ã£ã¦ã‚‚ã„ã„ã‚ˆãªã¨æ€ã†ã€‚ãã—ãŸã‚‰ã‚¢ãƒ—ãƒªã¯å¾Œã‹ã‚‰ã¤ã„ã¦ãã‚‹ã‹ãªã¨ã€‚ã“ã†ã„ã†ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æ´»ã‹ã›ã‚‹å ´é¢ã‚‚ã‚ã‚‹ã¯ãšã€‚

UI
ãƒªãƒ³ã‚¯
å®‰è—¤æ—¥è¨˜
Joshibi Art Museum MIT Media Lab. Tangible Media Group ã‚’çŽ‡ã„ã‚‹ ãƒ†ãƒ‹ãƒ¥ã‚¢ã®çŸ³äº•æ•™æŽˆã®è©±ã‚’èžã„ã¦ããŸã€‚ ç ”ç©¶äºˆç®—ç²å¾—ã®ãŸã‚æ—¥æœ¬ä¼æ¥ã‚’è¡Œè„šä¸ã¨ã®ã“ã¨ã€‚ è‹±èªž 50%, æ—¥æœ¬èªž 50% ã®ã€è¶…æ—©å£ãƒ—ãƒ¬ã‚¼ãƒ³ã«ã¯åœ§å€’ã•ã‚Œã‚‹ã¨ã¨ã‚‚ã«ã€ åƒ•è‡ªèº«ã‚‚æ„ŸåŒ–ã•ã‚Œã¦ã€åŒæ™‚ã«ã‚ãµã‚Œã‚“ã°ã‹ã‚Šã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒæµ®ã‹ã‚“ã§ããŸã€‚ å¿˜ã‚Œãªã„ã†ã¡ã«ã€è¬›æ¼”å†…å®¹ã®ãƒã‚¤ãƒ³ãƒˆã‚’.... â– ãƒ‡ã‚¸ã‚¿ãƒ«ã«ã‚ˆã£ã¦æ¶ˆãˆã¦ã—ã¾ã£ãŸã‚‚ã®ãŒä½•ã‹ã‚’è€ƒãˆã‚‹ â– ãªã‚“ã§ã‚‚ã§ãã‚‹ã‘ã©ã€ä½•ä¸€ã¤æº€è¶³ã«ã§ããªã„ã®ã¯æ„å‘³ãªã„ã€‚ â– foreground ã§ä½¿ã£ã¦ã„ã‚‹ã‚‚ã®ã‚’ background ã«ã—ã¦ã¿ã‚‹ â– ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ã‚ãªã„ã€ãƒ‘ã‚½ã‚³ãƒ³ã‚’ä½¿ã‚ãªã„ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã¯ â– ghostly presenceï¼šèº«ä½“ã‚’è¡¨ç¾ã›ãšã«è¨˜æ†¶ã‚’å–šèµ·ã™ã‚‹ â– å…‰ã¨é™°ã®é–¢ä¿‚ â– æœ¬æ¥ç‰©ç†çš„ãªç‰©è³ªã¯ãƒ‡ã‚¸ã‚¿ãƒ«ã§ã‚‚ç‰©è³ªçš„ã«è¡¨ç¾ã™ã‚‹ â– ãƒžã‚¤ãƒŽãƒªãƒ†ã‚£ãƒ¼ãƒªãƒãƒ¼ãƒˆ
lockcole 2007/02/08
ãƒžã‚¤ãƒŽãƒªãƒ†ã‚£ãƒ¼ãƒªãƒãƒ¼ãƒˆã® UI ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ MIT Media Lab. ã®å’æ¥ç”Ÿï¼ï¼Œå‡ºéŽãŽãŸæã¯èª°ã«ã‚‚æ‰“ã¦ãªã„ï¼Œãªã©ãªã©ã€‚ã¨ãã«ã€Œãªã‚“ã§ã‚‚ã§ãã‚‹ã‘ã©ã€ä½•ä¸€ã¤æº€è¶³ã«ã§ããªã„ã®ã¯æ„å‘³ãªã„ã€‚ã€ã¯è¦šãˆã¦ãŠã“ã†ã€‚

ç ”ç©¶

UI
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£è¨è¨ˆãƒ¡ã‚½ãƒƒãƒ‰ä¸€è¦§
é€±æœ«ã«ã‚‚é–¢ã‚ã‚‰ãšã€ä»Šæ—¥ã‚‚è‡ªå®…ã§ãŠä»•äº‹ï¼ˆãƒ›ãƒ¯ã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã‚¨ã‚°ã‚¼ãƒ³ãƒ—ã‚·ãƒ§ãƒ³å®Ÿè·µä¸ã§ã™ãŒä½•ã‹ï¼Ÿï¼‰ã€‚ãªã®ã§ã‚³ãƒ¬ã¨ã„ã£ãŸè¨˜äº‹ã‚‚æ›¸ã‘ãªã„ã®ã§ã™ãŒã€å…ˆæ—¥ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³å‘¨æœŸè¡¨ã¨åŒã˜æ„Ÿè¦šã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£è¨è¨ˆãƒ¡ã‚½ãƒƒãƒ‰ä¸€è¦§è¡¨ã€ã¨ã§ã‚‚å‘¼ã¶ã¹ãã‚‚ã®ãŒã‚ã£ãŸã®ã§ã¡ã‚‡ã£ã¨ã”ç´¹ä»‹ï¼š â– UsabilityNet: Methods table ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒè¨è¨ˆã‚’ä¿ƒé€²ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã€EUã‹ã‚‰ã®è³‡é‡‘æ´åŠ©ã‚’å—ã‘è¨ç«‹ã•ã‚ŒãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ"UsabilityNet"ã®1ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€‚å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è¨è¨ˆã™ã‚‹ã®ã«å½¹ç«‹ã¤ãƒ¡ã‚½ãƒƒãƒ‰ãŒãƒ†ãƒ¼ãƒ–ãƒ«å½¢å¼ã§ä¸€è¦§ã•ã‚Œã¦ã„ã¾ã™ï¼š ãƒ†ãƒ¼ãƒ–ãƒ«ã¯ã€Œä¼ç”»ç«‹æ¡ˆã¨å®Ÿè¡Œæ€§ç¢ºèªï¼ˆPlanning & Feasibilityï¼‰ã€ã€Œè¦ä»¶å®šç¾©ï¼ˆRequirementsï¼‰ã€ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆDesignï¼‰ã€ã€Œå®Ÿæ–½ï¼ˆImplementationï¼‰ã€ã€Œãƒ†ã‚¹ãƒˆã¨è¨ˆæ¸¬ï¼ˆTest & Measureï¼‰ã€ã€Œå…¬é–‹
lockcole 2007/01/17
ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒè¨è¨ˆã‚’ä¿ƒé€²ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã€EUã‹ã‚‰ã®è³‡é‡‘æ´åŠ©ã‚’å—ã‘è¨ç«‹ã•ã‚ŒãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ"UsabilityNet"ã®1ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€‚ã€ã¨ã®ã“ã¨ã€‚ã†ã†ã‚€ï¼Œã„ã„ã€‚

web

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

UI

design
ãƒªãƒ³ã‚¯
æ˜ ç”»ã«è¦‹ã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ -- 10ã®é–“é•ã„
Useit.com ã«ã€ã“ã‚“ãªãƒã‚¿è¨˜äº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ãƒã‚¿ã¨ã¯ã„ãˆã€ãªã‹ãªã‹é¢ç™½ã„ã®ã§ã¡ã‚‡ã£ã¨ã”ç´¹ä»‹ã‚’ã€‚ â– Usability in the Movies -- Top 10 Bloopers (Jakob Nielsen's Alertbox) ã€Œæ˜ ç”»å†…ã«ç™»å ´ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®èª¤ã‚Šãƒˆãƒƒãƒ—10ã€ã¨ã„ã†ã“ã¨ã§ã€ä»¥ä¸‹ã®10ã‚³ãŒå–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã¾ã™ï¼š ã©ã‚“ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§ã‚‚ä½¿ã„ã“ãªã™ä¸»äººå…¬ ç¾ä»£ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã„ã“ãªã™ã€ã‚¿ã‚¤ãƒ ãƒˆãƒ©ãƒ™ãƒ«ã§éŽåŽ»ã‹ã‚‰æ¥ãŸäººç‰© 3Dã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆâ€»å®Ÿéš›ã«ã¯2Dã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ–¹ãŒæ“ä½œæ€§ã«å„ªã‚Œã¦ã„ã‚‹/ä¾‹ï¼šã€Žãƒžã‚¤ãƒŽãƒªãƒ†ã‚£ãƒ»ãƒªãƒãƒ¼ãƒˆã€ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã£ã¦ã‚«ãƒƒã‚³ã„ã„ã‘ã©ã€ã‚ã‚Œã£ã¦æœ¬å½“ã«ä½¿ã„ã“ãªã›ã‚‹ã®ï¼Ÿï¼‰ ã©ã‚“ãªæ©Ÿå™¨ã¨ã‚‚ç›¸äº’æŽ¥ç¶šã—ã¦ã€ã©ã‚“ãªãƒ‡ãƒ¼ã‚¿ã§ã‚‚èªã¿å–ã‚Œã‚‹ç«¯æœ«ï¼ˆâ€»ä¾‹ï¼šã€Ž24ã€ã®ã‚¸ãƒ£ãƒƒã‚¯ãƒ»ãƒã‚¦ã‚¢ãƒ¼ï¼‰ ä¸è¦ãªã€Œã‚¢ã‚¯ã‚»ã‚¹å®Œäº†ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ï¼ˆâ€»æ£ã—ã„ID/ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’
lockcole 2006/12/27
ãƒžã‚¤ãƒŽãƒªãƒ†ã‚£ãƒ»ãƒªãƒãƒ¼ãƒˆã®UIã¯æ˜ ç”»ã®å‹•ããã®ã¾ã¾ã˜ã‚ƒæ±Žç”¨æ€§ãŒä½Žã™ãŽã‚‹æ°—ãŒã—ãªã„ã§ã‚‚ãªã„ã‘ã©ï¼Œç‰¹å®šã®ç”¨é€”ã«ç‰¹åŒ–ã—ãŸã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚’æ“ã‚‹ã«ã¯ã„ã„ã€‚ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ï¼PCã¨ã„ã†å›ºå®šæ¦‚å¿µãã®ã‚‚ã®ã‚‚ï¼Œã¡ã‚‡ã£ã¨ãã€‚

æ˜ ç”»

design

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