[B! ui] atm_09_tdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

atm_09_td id:atm_09_td

uiã«é–¢ã™ã‚‹atm_09_tdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (81)

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

ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†æƒ³å½¢ï½œGoodpatch Blog ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒãƒ–ãƒã‚°
ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ (design pattern) ã¨ã¯ã€éŽåŽ»ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡ãŒè¦‹ã¤ã‘ãŸçµŒé¨“å‰‡çš„ãªåž‹ã«å¯¾ã—ã¦åå‰ã‚’ã¤ã‘ã€åž‹ã®å†åˆ©ç”¨æ€§ã‚’é«˜ã‚ã‚„ã™ãã—ãŸã‚‚ã®ã§ã™ã€‚ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸–ç•Œï¼ˆç‰¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®é ˜åŸŸï¼‰ã«ãŠã„ã¦ã¯ãƒ—ãƒã‚°ãƒ©ãƒ æ§‹é€ ã®è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã“ã¨ã‚’ã¾ã•ã« â€œãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³â€ ã‚’å‘¼ã³ã€ã“ã‚Œã‚’å…±é€šã®çŸ¥è˜ã¨ã—ã¦ç©æ¥µçš„ã«å–ã‚Šå…¥ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã«å¯¾ã—ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ (anti-pattern) ã¨ã¯ã€å¿…ç„¶çš„ã«å¦å®šçš„ãªçµæžœã«è‡³ã‚‹åž‹ã‚’æŒ‡ã—ã¾ã™ã€‚ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ä¸€ç¨®ã¨æ‰ãˆã“ã‚Œã‚’çŸ¥è˜ã«è“„ãˆã¦ãŠã‘ã°ã€è¨è¨ˆã®éŽç¨‹ã§ã©ã®ã‚ˆã†ãªçµæžœã«è‡³ã‚‹ã®ã‹ã‚’äº‹å‰ã«äºˆæ¸¬ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã—ã€å¤±æ•—ã‚’æœªç„¶ã«é˜²ãã“ã¨ã‚‚å¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹å…¸åž‹çš„ãªã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã®å®šç¾© ã“ã“ã§ã®ã€Œã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã®è¨€è‘‰ã¯ã€ä»¥ä¸‹ã®æ„
atm_09_td 2021/12/05
ãƒ‘ã‚¿ãƒ¼ãƒ³

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

ui
ãƒªãƒ³ã‚¯
æ–°ãƒ»ãˆããã£ã¨ã¯èª°ã®ãŸã‚ã®ã‚·ã‚¹ãƒ†ãƒ ãªã®ã‹ï¼Ÿï½œé•·æ²¢ã‚ã„
çµè«–ã‹ã‚‰æ›¸ãã¨ã€ã¡ã‚‡ã£ã¨æ€ã„å½“ãŸã‚‰ãªã„ã€‚ã¨ã„ã†ãŠã¯ãªã—ã€‚ ãã‚‚ãã‚‚ã€Œãˆããã£ã¨ã€ã¨ã¯JRæ±æ—¥æœ¬ã®äºˆç´„ã‚µã‚¤ãƒˆã€‚ä»Šé€±æœ«ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’å®Ÿæ–½ã—ã¾ã—ãŸã€‚ åˆ‡ç¬¦ã‚ªã‚¿ã‚¯ã®ç•Œéšˆã§ã¯ã€Œã‚ã®åˆ‡ç¬¦ãŒç™ºè¡Œã§ããªã„ã€ã€Œå£²ã£ã¦ã¯ã„ã‘ãªã„ã¯ãšã®åˆ‡ç¬¦ãŒæ¤œç´¢çµæžœã«å‡ºã¦ãã‚‹ã€ãªã©ãªã©ã€ã„ã‚ã„ã‚ãªåå¿œãŒã‚ã£ãŸã‚ˆã†ã§ã™ãŒã€ä¸€èˆ¬ã®æ–¹ã‹ã‚‰ã™ã‚‹ã¨ã€Œé‰„é“ã‚ªã‚¿ã‚¯ãŒãªã‚“ã‹é¨’ã„ã§ã„ã‚‹ãªãã€ã£ã¦ã„ã†æ„Ÿã˜ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç§ã‚‚å€‹ã€…è«–çš„ãªã¨ã“ã‚ã¯ã‚ã¾ã‚Šèˆˆå‘³ãŒãªã„ã‹ã‚‰ã€ãã“ã«ã¤ã„ã¦ã¯æ›¸ãã¾ã›ã‚“ã€‚ ã˜ã‚ƒã‚ã€ã“ã“ã§ä½•ã‚’æ›¸ãã‹ã¨ã„ã†ã¨ã€UIã®è©±ã‚’ã—ã¾ã™ã€‚é‰„é“ã«é™ã‚‰ãšã€ã„ã‚ã„ã‚ãªã‚·ã‚¹ãƒ†ãƒ ã«ã‚‚è¨€ãˆã‚‹è©±ã‹ãªã€ã¨æ€ã£ãŸã®ã§ã€‚ ãã£ã·ã‚’è²·ã†ã¾ã§ã®é“ã®ã‚ŠãŒå¤§å¤‰å…ˆè¿°ã®ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã«ã¯è‰²ã€…ã¨å¤‰æ›´ç‚¹ãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚“ã§ã™ãŒã€1ç•ªç›®ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ãŒã€Œåˆ—è»Šã®ãŠç”³ã—è¾¼ã¿ã®æ“ä½œæ–¹æ³•ãŒå¤‰ã‚ã‚Šã¾ã™ã€ã¨ã„ã†ç‚¹ã€‚ ã€Œãˆããã£ã¨ã€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã«ã€ã€Œä¹—è»Šé§…ã€ã€Œé™è»Šé§…ã€ã‚„ã€Œæ—¥æ™‚ã€
atm_09_td 2021/06/30
ui

UX
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆ
Myersã‚‰ã®1992å¹´ã®èª¿æŸ»ã«ã‚ˆã‚Œã°ã€ä¸€èˆ¬çš„ãªã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆGraphical User Interface; GUIï¼‰ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã§ã‚³ãƒ¼ãƒ‰ã®48%ã€å®Ÿè£…æ™‚é–“ã®ç´„åŠåˆ†ãŒãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹éƒ¨åˆ†ã«å‰²ã‹ã‚Œã¦ã„ã‚‹ã¨ã„ã„ã¾ã™ã€‚ãã‚Œã ã‘ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®è¨è¨ˆã¯é›£ã—ã„ãƒ—ãƒã‚»ã‚¹ãªã®ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆã§å½¹ã«ç«‹ã¤åŸºç¤Žç†è«–ã‚„è©•ä¾¡æ‰‹æ³•ã€æ”¯æ´ãƒ„ãƒ¼ãƒ«ã¯ã€äººã¨ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®é–¢ä¿‚ã‚’ã‚ˆã‚Šã‚ˆãã—ã¦ã„ãå¦å• Human-Computer Interaction (HCI) ã§ç ”ç©¶ã€é–‹ç™ºã•ã‚Œã¦ãã¾ã—ãŸã€‚ãŸã ã€ã“ã†ã—ãŸçŸ¥è¦‹ã‚’ä½“ç³»åŒ–ã•ã‚ŒãŸã‹ãŸã¡ã§å¦ç¿’ã™ã‚‹æ©Ÿä¼šã¯ï¼ˆã¨ãã«å›½å†…ã§ã¯ï¼‰å¿…ãšã—ã‚‚å¤šãã‚ã‚Šã¾ã›ã‚“ã€‚ ã“ã®Webãƒšãƒ¼ã‚¸ã§ã¯ã€è‡ªåˆ†ãŒç ”ç©¶è€…ã«ãªã‚‹ã«ã‚ãŸã£ã¦çŸ¥ã£ã¦ãŠããŸã‹ã£ãŸåŸºç¤Žçš„ãªã“ã¨ã‚’ã€å‚è€ƒæ–‡çŒ®ã‚’æŒ™ã’ãªãŒã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚æƒ³å®šã—ã¦ã„ã‚‹èªè€…å±¤ã¯ HCI ã‚’å°‚é–€ã«ã™ã‚‹å¦ç”Ÿã‚„ã€ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼
atm_09_td 2021/04/12
ui
ãƒªãƒ³ã‚¯
React + Material-UIã§ç®¡ç†ç”»é¢ã‚’ä½œæˆã—ã¦ã¿ãŸ | DevelopersIO
Reactã‚¢ãƒ—ãƒªã‚’ä½œæˆ Material-UIã§ç®¡ç†ç”»é¢ã‚’ä½œã‚‹ãŸã‚ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹Reactã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¾ã™ã€‚ Create React App Create React Appã§æ–°ã—ã„Reactã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¾ã™ã€‚ npx create-react-app react-material-ui-sample --typescript ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¸ç§»å‹•ã—ã¦å®Ÿè¡Œã—ã¾ã™ã€‚ cd react-material-ui-sample npm start ãƒ–ãƒ©ã‚¦ã‚¶ã«Reactã‚¢ãƒ—ãƒªãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¯ã‚ã¾ã‚Šãƒã‚¹ãƒˆã•ã›ã™ãŽãšã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹é€ ã«ã—ã¾ã—ãŸã€‚ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®åˆ†ã‘æ–¹ã¯Atomic Designã‚’å‚è€ƒã«ã—ã¦ã„ã¾ã™ã€‚ src/ â”œ components/ â”‚ã€€â”” atoms/ # åŽŸåï¼ˆå€‹ã€…ã®ãƒ‘ãƒ¼ãƒ„ï¼‰ â”‚ã€€â”” molecules/ # åˆ†åï¼ˆåŽŸåã®é›†åˆä½“ï¼‰
atm_09_td 2020/07/26
react

ui
ãƒªãƒ³ã‚¯
SAPUI5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«chatbot(SAP Conversational AI)ã‚’å®Ÿè£…ã™ã‚‹ - Qiita
#ã‚´ãƒ¼ãƒ« SAPUI5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã€SAP Conversational AIã§ä½œæˆã—ãŸchatbotã‚’å®Ÿè£…ã™ã‚‹ã€‚ #ã‚¹ãƒ†ãƒƒãƒ— SAPUI5ã§ã‚¢ãƒ—ãƒªä½œæˆ SAP Conversational AIã§chatbotä½œæˆ SAPUI5ã‚¢ãƒ—ãƒªã«chatbotå®Ÿè£…(ã“ã¡ã‚‰ãŒæœ¬é¡Œ) ##1. SAPUI5ã§ã‚¢ãƒ—ãƒªä½œæˆ ###ã€ŒSAPUI5ã€ã¨ã¯ ã€ŒSAP UI Development Toolkit for HTML5ã€ã®ç•¥ç§°ã§ã€æ¥å‹™ç³»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ç‰¹åŒ–ã—ãŸæ©Ÿèƒ½è±Šå¯ŒãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å«ã‚“ã UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ###ã‚¢ãƒ—ãƒªä½œæˆ å‰²æ„›ã—ã¾ã™ã€‚ SAPUI5ãŒåˆã‚ã¦ã®æ–¹ã¯ã€tamiã•ã‚“ã®ã€SAPUI5ã€‘ã‚·ãƒªãƒ¼ã‚ºãŒãŠã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ â€»ä»¥ä¸‹ã®è¨˜äº‹ã®å†…å®¹ã§ã‚¢ãƒ—ãƒªä½œæˆã™ã‚‹ã¨ã€ä»Šå›žã®chatbotå®Ÿè£…ãŒå¯èƒ½ã¨ãªã‚Šã¾ã™ ã€SAPUI5ã€‘å…¥é–€ç·¨ã®è¨˜äº‹ã¾ã¨ã‚ ##2. SAP Conversational A
atm_09_td 2020/03/19
SAP

UI
ãƒªãƒ³ã‚¯
Hacker UI - é–‹ç™ºè€…å‘ã‘ã®Web UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
Webã‚µã‚¤ãƒˆã¯ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¥½ã¿ã§ã™ã€‚æƒ…å ±é‡ãŒå¤šã„ã¨ã€ã©ã“ã‚’è¦‹ã¦ã„ã„ã®ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ã—ã€æƒ…å ±ã®å–ã‚Šã“ã¼ã—ï¼ˆãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã®é€ä»˜è¨å®šãªã©ï¼‰ãŒã‚ã£ã¦ã‚¤ãƒ©ã‚¤ãƒ©ã—ãŸã‚Šã—ã¾ã™ã€‚ é–‹ç™ºè€…ã«ã¯é–‹ç™ºè€…ã«åˆã£ãŸUIãŒã‚ã‚‹ã¯ãšã§ã™ã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹Hacker UIã¯ã¾ã•ã«é–‹ç™ºè€…ã®ãŸã‚ã«ä½œã‚‰ã‚ŒãŸWeb UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ Hacker UIã®ä½¿ã„æ–¹ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆå¤šã‚ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã§ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³åŒ–ã—ãŸä¾‹ã€‚ ãƒªã‚¹ãƒˆã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã€‚ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€‚ ãƒãƒƒãƒ—ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ã€‚ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€‚ Hacker UIã¯ãƒœã‚¿ãƒ³ãªã©ãŒã¯ã£ãã‚Šã—ã¦ãŠã‚Šã€ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã¾ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã€ä½•ãŒä½•ã‚’è¡Œã†UIãªã®ã‹ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚é–‹ç™ºè€…ä»¥å¤–ã®äººã«ã¨ã£ã¦ã¯æ®ºé¢¨æ™¯ã«è¦‹ãˆã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ãŒã€é–‹ç™ºè€…ã«ã¨ã£ã¦ã¯ã“ã‚Œãã‚‰ã„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã•ã£ã±ã‚Šã—ã¦ã„ã¦ã€ä½¿ã„ã‚„ã™ã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚
atm_09_td 2020/03/05
UI
ãƒªãƒ³ã‚¯
JavaScriptã¯ç„¡ã—ã€CSSã§å®Ÿè£…ã•ã‚ŒãŸUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã¾ã¨ã‚ -Pure CSS Components
 <div class="carousel"> <div class="carousel-inner"> <input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden checked> <div class="carousel-it em"> ... </div> <input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden> <div class="carousel-it em"> ... </div> <input class="carousel-open" type="radio"
atm_09_td 2019/07/04
ui
ãƒªãƒ³ã‚¯
Vue.js + Elelment UI + Lottieã§ãŠæ‰‹è»½ã«ã„ã„æ„Ÿã˜ãªUI/UXã‚’ä½œã£ã¦ã¿ã‚‹ - SMARTCAMP Engineer Blog
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å…¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è‘‰æ —ã§ã™ï¼ ã‚¹ãƒžãƒ¼ãƒˆã‚ãƒ£ãƒ³ãƒ—ã§ã¯ä»¥å‰ã‹ã‚‰Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«Vue.jsã‚’å–ã‚Šå…¥ã‚Œã¦ã„ã¾ã™ã€‚ Vue.jsãªã©ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚è±Šå¯Œã§ã€ãŠæ‰‹è»½ã«ãƒªãƒƒãƒãªUIãŒæ§‹ç¯‰ã§ãã‚‹ã®ã§ã„ã„ã§ã™ã‚ˆãã€‚ ä»Šå›žã¯ç§ã®ãŠæ°—ã«å…¥ã‚Šã®ã€Vue.js + Elelment UI + Lottie ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã€æ•°ååˆ†ã§ã§ãã‚‹ç°¡æ˜“çš„ãªãƒã‚°ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 0ã‹ã‚‰æ§‹ç¯‰ã‚’ã¯ã˜ã‚ã¦ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¨è¨ˆã€ElementUIã§å®Ÿè£…ã€Lottieçµ„ã¿è¾¼ã¿ã€å®Œæˆã¨ã„ã£ãŸæ„Ÿã˜ã§è©³ã—ãèª¬æ˜Žã—ã¦ã„ãã¾ã™ï¼ å®Œæˆç”»é¢ ðŸ˜Š ä½¿ç”¨æŠ€è¡“ Vue.js Element UI Lottieï¼ˆãƒãƒƒãƒ†ã‚£ãƒ¼ï¼‰ å®Ÿè£…ã—ã¾ã™ï¼ äº‹å‰æº–å‚™ Vue CLIã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆ ElementUIã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãƒã‚°ã‚¤ãƒ³ç”»é¢ã‚’ä½œæˆ ä¸è¦ã‚³ãƒ¼ãƒ‰ã®å‰Šé™¤ ã‚³
atm_09_td 2019/04/19
ui

Vue
ãƒªãƒ³ã‚¯
27 Free Web UI Mockup Tools for Web Designers | LambdaTest
atm_09_td 2018/12/11
UI
ãƒªãƒ³ã‚¯
lorca - Go + HTML5ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹
WebæŠ€è¡“ã‚’ä½¿ã£ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹æŠ€è¡“ã¨ã—ã¦ElectronãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚Electronã§åˆ©ç”¨ã™ã‚‹ã®ã¯node/JavaScriptã§ã™ãŒã€åˆ¥ãªè¨€èªžä½¿ã†æŠ€è¡“ã‚‚å˜åœ¨ã—ã¾ã™ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹lorcaã¯Goã‚’ä½¿ã£ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã™ã€‚UIã“ãHTML5ã§ã™ãŒã€å¤§ããªå¯èƒ½æ€§ã‚’ç§˜ã‚ãŸå˜åœ¨ã¨è¨€ãˆãã†ã§ã™ã€‚ lorcaã®ä½¿ã„æ–¹ lorcaã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ $ cat main.go package main import ( "net/url" "github.com/zserge/lorca" ) func main() { // Create UI with basic HTML passed via data URI ui, _ := lorca.New("data:text/html,"+url.PathEscape(` <html> <head><title>H
atm_09_td 2018/12/03
Go

HTML

ui
ãƒªãƒ³ã‚¯
PatternFly - Red Hatè£½ã®Web UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
HTMLã¯è‡ªç”±åº¦ãŒé«˜ã„åé¢ã€ä½•ã§ã‚‚è‡ªåˆ†ã§ã‚¤ãƒã‹ã‚‰ä½œã‚‰ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã™ã€‚ãã®ãŸã‚UIã€JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯è²´é‡ã§ã™ã€‚ãã‚Œã‚‰ã‚’ä½¿ã†ã“ã¨ã§åŠ¹çŽ‡ã‚’å¤§å¹…ã«é«˜ã‚ã‚‰ã‚Œã¾ã™ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹PatternFlyã¯UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€Red Hatç¤¾ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ PatternFlyã®ä½¿ã„æ–¹ ä¾‹ã§ã™ã€‚ãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ãƒ«ã€‚ ç®¡ç†ç”»é¢ã€‚ã‚°ãƒ©ãƒ•ã‚‚å¤šæ•°ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ ã‚«ãƒ¼ãƒ‰ã€‚ ã‚³ãƒ¡ãƒ³ãƒˆã€‚ é€šçŸ¥ã€‚ ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã€‚ ã‚°ãƒ©ãƒ•ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã€‚ æ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã€‚ ãƒ‘ãƒ³ããšã€‚ ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€‚ ã‚¢ãƒ©ãƒ¼ãƒˆã¨ãƒãƒƒã‚¸ã€‚ ãƒ„ãƒªãƒ¼ãƒ“ãƒ¥ãƒ¼ã€‚ PatternFlyã¯jQueryã‚’ä½¿ã£ã¦ãŠã‚Šã€ä¼æ¥ãªã©ã®Webã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«ãŠã„ã¦æ´»èºã—ãã†ã§ã™ã€‚ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚‚å¤šæ•°ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ç®¡ç†ç”»é¢ã®ä½œæˆãªã©ã€æ§˜ã€…ãªã‚·ã‚¹ãƒ†ãƒ ã«
atm_09_td 2018/06/11
web

ui
ãƒªãƒ³ã‚¯
mofron - .NETã‚„Swingã®ã‚ˆã†ã«ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ MOONGIFT
Webã¯è¡¨ç¾åŠ›ãŒé«˜ã„ä¸€æ–¹ã€ãã®é«˜ã•æ•…ã«ã‚¼ãƒã‹ã‚‰ä½œã‚ã†ã¨æ€ã†ã¨æ‰‹é–“ã«æ„Ÿã˜ã¦ã—ã¾ã„ã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ã¾ã‚Šæ°—ã«ã—ãªã„æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã£ã¦ã‚‚ã€ç´ ã®HTMLã¾ã¾ã§ã¯ä½¿ã†æ°—ã«ãªã‚‰ãªã„ã§ã—ã‚‡ã†ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒmofronã§ã™ã€‚.NETã‚„Swingã§ä½œã£ã¦ã„ã‚‹ã‚ˆã†ã«ã€ç”»é¢ã®è¨è¨ˆã‚’ã‚³ãƒ¼ãƒ‰ã®ä¸ã‹ã‚‰è¡Œãˆã‚‹UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ mofronã®ä½¿ã„æ–¹ mofronã®ä¾‹ã§ã™ã€‚ãƒœã‚¿ãƒ³ã‚’é…ç½®ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ require('mofron'); let Button = require('mofron-comp-button'); // ä¸€ç•ªå˜ç´”ãªè¡¨ç¤º new Button('test').visible(true); let btn = new Button('size'); btn.width(150); // å¹…ã‚’150pxã«è¨å®š btn.visible(true); // è¡¨ç¤º(bodyã¸åæ˜ ) b
atm_09_td 2017/12/09
UI
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚‚ä¸€èªã®ä¾¡å€¤ã‚ã‚Šï¼UI / UXã®å…¥é–€ã‚¹ãƒ©ã‚¤ãƒ‰åŽ³é¸10ç‚¹ã¾ã¨ã‚
Webã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã«ã—ã¦ã‚‚ã‚¢ãƒ—ãƒªé–‹ç™ºã«ã—ã¦ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ°—æŒã‚ˆãä½¿ã£ã¦ã‚‚ã‚‰ã†ã«ã¯UI / UXã‚’å·¥å¤«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ”¯æŒã•ã‚Œã¦ã„ã‚‹å¤§è¦æ¨¡Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã®UI / UXã‚’ã‚ˆãè¦‹ã¦ã¿ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚¹ãƒˆãƒ¬ã‚¹ãŒã‹ã‹ã‚‰ãªã„ã‚ˆã†ç´°ã‚„ã‹ãªå·¥å¤«ãŒæ–½ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ã‚‚UI / UXã«é–¢å¿ƒã‚’ã‚‚ã£ã¦ãŠãã“ã¨ã¯é‡è¦ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã‚Šè‰¯ã„ä½“é¨“ã‚’å±Šã‘ã‚‹ãŸã‚ã«UI / UXã‚’å¦ã¶ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ä»Šå›žã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒUI / UXã‚’åŸºç¤Žã‹ã‚‰å¦ã¶éš›ã«å‚è€ƒã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’åŽ³é¸ã—ã¦10å€‹ã¾ã¨ã‚ã¾ã—ãŸã€‚
atm_09_td 2016/06/24
UX

ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ã‚¤ã‚¤ï¼GitHubã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦‹ã‚„ã™ã„ãƒ€ãƒ¼ã‚¯ç³»ã«ç°¡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹ -GitHub Dark
å°Žå…¥ã¯ç°¡å˜ã€Win, Mac, Linuxå¯¾å¿œã€Chrome, Safari, Opera, Firefoxãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã¨æ›´ã«ç°¡å˜ã«å°Žå…¥ã§ãã‚‹ã€GitHubã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ€ãƒ¼ã‚¯ç³»ã«å¤‰æ›´ã™ã‚‹ã€ŒGitHub Darkã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
atm_09_td 2015/11/24
Github

ui
ãƒªãƒ³ã‚¯
ã•ã‚ˆãªã‚‰ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ - Nothing ventured, nothing gained.
ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹*1ã‚’è€ƒãˆã‚‹å‰ã«ã€æœ¬å½“ã«ãã‚ŒãŒå¿…è¦ãªã®ã‹ã‚’è€ƒãˆã‚‹ã¹ãã ã¨ã„ã†ã“ã¨ã‚’ã€Golden Krishnaã®ãƒ–ãƒã‚°ã‚’ç´¹ä»‹ã™ã‚‹å½¢ã§3å¹´ã»ã©å‰ã«æ›¸ã„ãŸã€‚ takoratta.hatena blog.com ãã®å¾Œã‚‚å‹‰å¼·ä¼šã®ãƒ©ã‚¤ãƒˆãƒ‹ãƒ³ã‚°ãƒˆãƒ¼ã‚¯ï¼ˆLTï¼‰ã§ã“ã®è€ƒãˆã‚’é¢ç™½ãŠã‹ã—ãç´¹ä»‹ã•ã›ã¦é ‚ã„ãŸã‚Šã—ãŸã€‚ Step backã—ã¦è€ƒãˆã‚‹UX from Takuya Oikawa www.slideshare.net ãã®ã‚ªãƒªã‚¸ãƒŠãƒ«ã®Golden Krishnaã®è€ƒãˆãŒæœ¬ã«ãªã£ãŸã€‚ã€Œã•ã‚ˆãªã‚‰ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ -è„±ã€Œç”»é¢ã€ã®æ€è€ƒæ³•ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã ã€‚ ã•ã‚ˆãªã‚‰ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ -è„±ã€Œç”»é¢ã€ã®æ€è€ƒæ³• ä½œè€…: ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ãƒ»ã‚¯ãƒªã‚·ãƒ¥ãƒŠ,æ¦èˆŽã‚‹ã¿,æ¦èˆŽåºƒå¹¸ å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ãƒ“ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒŒæ–°ç¤¾ ç™ºå£²æ—¥: 2015/09/17 ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ï¼ˆã‚½ãƒ•ãƒˆã‚«ãƒãƒ¼ï¼‰ ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚°ã‚’è¦‹ã‚‹ å†…å®¹ã¯ä»¥å‰ã®ãƒ–ãƒã‚°è¨˜äº‹
atm_09_td 2015/09/16
UI
ãƒªãƒ³ã‚¯
Docker ã® WebUI ä½œã‚Šã¾ã—ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
atm_09_td 2015/09/07
Docker

UI
ãƒªãƒ³ã‚¯
ç¢ºå®Ÿã«è‰¯ãã™ã‚‹UI/UXè¨è¨ˆ
æ—¥çµŒé›»åç‰ˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ¢ãƒ‡ãƒ«è¨è¨ˆã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆç›£ä¿®ã‚’ã•ã›ã¦ã„ãŸã ã„ãŸã€‚ è¶…å¤§åž‹ã‚¢ãƒ—ãƒªã‚’å®Œå…¨ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã¨ãã€KPIã‚’è½ã¨ã™äº‹ãªãã€ã©ã®ã‚ˆã†ã«æ•´åˆæ€§ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼åˆ©ä¾¿æ€§ã‚’æ‹…ä¿ã—ã¦ã„ãã‹ã€‚ ã€Œæ—¥çµŒé›»åç‰ˆÃ—Sansanã‚¢ãƒ—ãƒªé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæˆåŠŸã¸ã®é“ã€œã‚¢ãƒ—ãƒªé–‹ç™ºè€…å‹‰å¼·ä¼šVol.2ã€ã‚ˆã‚Š http://connpass.com/event/16187/Read less
atm_09_td 2015/06/25
ui
ãƒªãƒ³ã‚¯
UI TilesÂ·Webã‚µã‚¤ãƒˆå…¨ä½“ã®ç”»é¢é·ç§»è¨è¨ˆã«ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³é›† MOONGIFT
Webã‚µã‚¤ãƒˆã‚’é–‹ç™ºã™ã‚‹éš›ã«ä½¿ã‚ã‚Œã‚‹ã®ãŒç”»é¢é·ç§»ã‚’è¡¨ç¾ã™ã‚‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã§ã™ã€‚ä¾‹ãˆã°ã‚³ãƒžãƒ¼ã‚¹ã§ã‚ã‚Œã°ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‹ã‚‰å•†å“ä¸€è¦§ã€ã‚«ãƒ†ã‚´ãƒªä¸€è¦§ã‚„å•†å“ã®ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãªã©ã®é·ç§»ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ æ·±ããªã£ã¦ã—ã¾ã†å ´æ‰€ãŒãªã„ã‹ç¢ºèªã—ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶å‹•ç·šãŒæ£ã—ãæã‘ã¦ã„ã‚‹ã‹ã©ã†ã‹ç¢ºèªã™ã‚‹ã®ã«ä¾¿åˆ©ã§ã™ã€‚UI Tilesã¯ãã‚“ãªãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ä½œæˆã™ã‚‹ã®ã«ä¾¿åˆ©ãªãƒ‡ã‚¶ã‚¤ãƒ³é›†ã§ã™ã€‚ UI Tilesã®ä½¿ã„æ–¹ UI Tilesã¯PNGã®ä»–ã€Photoshopã‚„Illustratorå½¢å¼ã§ãƒ•ã‚¡ã‚¤ãƒ«ãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ PNGç‰ˆã€‚ç”»é¢ã®ãƒ¢ãƒƒã‚¯ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ãã‚Œãžã‚Œå°ã•ã„ãªãŒã‚‰ã‚‚ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ å‹•ç”»ãƒ—ãƒ¬ãƒ¼ãƒ¤ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãƒšãƒ¼ã‚¸ã‚‚ã‚ã‚Šã¾ã™ã€‚ PSDã¯ãƒ‡ãƒ¢ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ä¸€è¦§ã€‚ Illustratorã‚‚åŒæ§˜ã§ã™ã€‚ UI Tilesã‚’ä½¿ã†ã¨ã€ã“ã‚Œã¾ã§ã¯å˜ãªã‚‹å››è§’ã„æž ã«å¯¾ã—ã¦ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ãªã©ã¨ãƒ©ãƒ™ãƒ«ã‚’è²¼ã£ã¦
atm_09_td 2014/12/28
ui

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
UIã¯ç”»é¢ã‚µã‚¤ã‚ºã¨è§£åƒåº¦ã ã‘ã§è§£æ±ºã§ããªããªã‚‹ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://wordpress.tv/2014/11/05/luke-wroblewski-from-the-front-lines-of-multi-device-web-design/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„2æ™‚é–“å‰ WordCamp San Francisco 2014ã«ãŠã‘ã‚‹Luke Wronblewskiã®è¬›æ¼”ã§ã™ã€‚UIãƒ‡ã‚¶ã‚¤ãƒ³ã§è€ƒæ…®ã™ã¹ãã¯ã€ç”»é¢ã‚µã‚¤ã‚ºã¨è§£åƒåº¦ã ã‘ã§ãªãã€è¦–è´è·é›¢ã€ãƒã‚¹ãƒãƒ£ãƒ¼ï¼ˆè©³ç´°å¾Œè¿°ï¼‰ã€å‘¨å›²ã®æ˜Žã‚‹ã•ã¨ã„ã†è¦ç´ ã‚‚å¿…è¦ã«ãªã£ã¦ãã‚‹ã¨ã„ã†è©±ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã‚’ä¸¡æ‰‹ã‚‚ã—ãã¯ç‰‡æ‰‹ã§æŒã¤å ´åˆã‚’åˆã‚ã›ã¦ã€75%ã®ãƒ¦ãƒ¼ã‚¶ã¯è¦ªæŒ‡ã‚’ä½¿ã£ã¦æ“ä½œã—ã¦ã„ã‚‹ã€‚ ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—ãƒ¢ãƒ¼ãƒ‰ã¨ãƒãƒ¼ãƒˆãƒ¬ãƒ¼ãƒˆãƒ¢ãƒ¼ãƒ‰ã®åˆ©ç”¨æ¯”çŽ‡ã¯ã€6:4ã¨ã‹7:3ã¨ã‹è¨€ã‚ã‚Œã‚‹ãŒã€è¦ã¯ä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹å¿…è¦ãŒã‚ã‚‹
atm_09_td 2014/11/17
UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
45000ç¨®é¡žã®ãƒ¢ãƒ€ãƒ³ãªUIã‚’ãƒ‘ãƒ¼ãƒ„ã”ã¨ã«æ¤œç´¢ã§ãã‚‹ã‚µã‚¤ãƒˆã€ŒUICloudã€ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ã€ŒUICloudã€ã¯45,000ä»¥ä¸Šã®ãƒ¢ãƒ€ãƒ³ãªUIã‚’ãƒ‘ãƒ¼ãƒ„ã”ã¨ã«æ¤œç´¢ã§ãã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒœã‚¿ãƒ³ã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¤œç´¢ã™ã‚‹ã“ã¨ãŒã§ãã€ã•ã‚‰ã«ãã®ãƒ‘ãƒ¼ãƒ„ã‚’PSDå½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšUICloudã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ ã“ã®ã‚ˆã†ã«ãƒ‘ãƒ¼ãƒ„ã”ã¨ã«ã‚«ãƒ†ã‚´ãƒªã‚ã‘ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚«ãƒ†ã‚´ãƒªã‹ã‚‰çµžã‚Šè¾¼ã‚€ã“ã¨ã‚‚ã§ãã¾ã™ã—ã€ãƒ•ãƒªãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§æ¤œç´¢ã—ã¦æŽ¢ã™ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒœã‚¿ãƒ³ãŒã‚ã‚Šã€ã“ã“ã‹ã‚‰PSDå½¢å¼ã§ç´ æã‚’æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã‚ˆã€‚ãƒ¢ãƒ€ãƒ³ãªUIã‚’æŽ¢ã—ã¤ã¤ã€ç´ æã‚‚æ‰‹ã«å…¥ã‚‹ã®ã¯åŠ©ã‹ã‚Šã¾ã™ãã€‚ãœã²UIã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«ã”æ´»ç”¨ãã ã•ã„ã€‚ UICloud ï¼ˆã‚«ãƒ¡ãã¡ï¼‰
atm_09_td 2014/09/29
ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸