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

snaflot id:snaflot

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

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

2015å¹´ã®ã‚²ãƒ¼ãƒ UI/UXã‚’æŒ¯ã‚Šè¿”ã‚‹
ä»Šå¹´ã¯å¤§è¢ˆè£Ÿãªè¦‹å‡ºã—ã‚’è€ƒãˆãŸã¨ã“ã‚ã§ï¼˜å‰²æ–¹ç‡ƒãˆå°½ãã¾ã—ãŸã€‚ ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã® ãã® ã§ã™ã€‚ ä»Šå›žã¯ã€UX Tokyo Advent Calendar 2015ã€‘ ã®7æ—¥ç›®ã¨ã—ã¦ãŠé€ã‚Šã—ã¾ã™ã€‚ ä»Šå¹´ã‚‚åƒ•ã¯ã‚²ãƒ¼ãƒ ã®UIåˆ¶ä½œã®ç¾å ´ã§åƒã„ã¦ã„ã¾ã™ã€‚ ã‚µãƒ¼ãƒ“ã‚¹ã§ã¯ãªãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã¨ãªã‚‹ã‚²ãƒ¼ãƒ ã®ç¾å ´ã§ã¯ã€UIã‚‚UXä¸€ç·’ã«è€ƒãˆã‚‹æ©Ÿä¼šã°ã‹ã‚Šã§ã™ã€‚ ï¼ˆãã‚“ãªç¾å ´ã®æ§˜åã¯åŽ»å¹´ã®ãƒ–ãƒã‚°ã‚’ã”ã‚‰ã‚“ãã ã•ã„ï¼‰ ãªã®ã§ã€æ¥ç•Œé–¢ä¿‚è€…ã‹ã‚‰ã¯åˆºã•ã‚Œã‚‹è¦šæ‚Ÿã§ã€ŒUI/UXã€ã¨ã„ã†æ‹¬ã‚Šã§ä»Šå›žã¯ä»Šå¹´ã®ã‚²ãƒ¼ãƒ ã‚’æŒ¯ã‚Šè¿”ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå¹´ã¯ã„ã‚ã‚“ãªã‚²ãƒ¼ãƒ ã‚’éŠã‚“ã§ã„ãä¸ã§ã€ãŠã£ã¨æ€ã£ãŸãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æžœãŸã—ã¦ãã‚ŒãŒæ¥å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãªã®ã‹ã€ãã‚Œã¨ã‚‚ãƒ»ãƒ»ãƒ»ã€‚ å¹´è¶Šã—ã«ã¯å°‘ã—æ—©ã„ã§ã™ãŒã€ä¸€ç·’ã«æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ 1. ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒ‡ãƒ¼ã‚¿å®¹é‡ã«æ•æ„Ÿ [ç”»åƒï¼šã‚¢ã‚¤ãƒ‰ãƒ«ãƒžã‚¹ã‚¿ãƒ¼ã‚·ãƒ³ãƒ‡ãƒ¬ãƒ©ã‚¬ãƒ¼ãƒ«ã‚º ã‚¹ã‚¿ãƒ¼ãƒ©ã‚¤ãƒˆã‚¹ãƒ†ãƒ¼ã‚¸]
snaflot 2015/12/09
ui

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

ã‚²ãƒ¼ãƒ

UX

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€Unity4.6ã€‘æ–°UIã‚¨ãƒ‡ã‚£ã‚¿å…¥é–€ | GREE Engineering
ã“ã‚“ã«ã¡ã¯ï¼ ã‚¬ãƒ¬ãƒ¼ã‚¸ã‚¹ã‚¿ã‚¸ã‚ªéƒ¨ã®å²©é–“ã§ã™ã€‚ ã€ŽGREE Advent Calendar 2014ã€8æ—¥ç›®ã®è¨˜äº‹ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã®ã§ã™ãŒã€å®Ÿã¯ç§ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã¯ã‚ã‚Šã¾ã›ã‚“ï¼ 12/1ã®è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ãŒã€ç§ã®æ‰€å±žã™ã‚‹ã‚¬ãƒ¬ãƒ¼ã‚¸ã‚¹ã‚¿ã‚¸ã‚ªéƒ¨ã§ã¯3ãƒ¶æœˆã§Nativeã‚¿ã‚¤ãƒˆãƒ«ã‚’ãƒªãƒªãƒ¼ã‚¹ã‚’ã™ã‚‹ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ç¤¾å†…ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã€ŽLv.2ã€ã¯ã€ãƒ—ãƒ©ãƒ³ãƒŠãƒ¼ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãƒãƒ¼ãƒ ã‚’çµ„ã‚“ã§2ã‹æœˆã§ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚¿ã‚¤ãƒˆãƒ«ã‚’ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ ãªã®ã§ã™ãŒã€ç§ã®å ´åˆã¯ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãªã©ã®éƒ½åˆä¸Šã€ä¼ç”»ã‹ã‚‰å®Ÿè£…ã¾ã§ãƒ—ãƒ©ãƒ³ãƒŠãƒ¼ã®ç§1äººã§ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šå›žã®è¨˜äº‹ã¯ã€ãã®2ã‹æœˆé–“ã«èº“ã„ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«Unity4.6ã§å®Ÿè£…ã•ã‚ŒãŸæ–°UIã‚¨ãƒ‡ã‚£ã‚¿ã®ã“ã¨ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚ â—‡ç›®æ¬¡ Unity4.6ã§å®Ÿè£…ã•ã‚ŒãŸæ–°UIã‚¨ãƒ‡ã‚£ã‚¿ã¨ã¯ï¼Ÿ ã‚¬ãƒ¬ãƒ¼ã‚¸éƒ¨ã§ä½œã£ãŸã‚²ãƒ¼ãƒ ã®ç´¹ä»‹ï¼ˆæ–°UIã‚¨ãƒ‡ã‚£ã‚¿ä½¿ç”¨ä¾‹ï¼‰ é–‹ç™ºç’°å¢ƒ æ–°
snaflot 2015/11/04
ã‚ã¨ã§èªã‚€

ui

uGUI

Unity
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆæœ€é©åŒ–25ã®æœ€æ–°ãƒ«ãƒ¼ãƒ« | ã‚°ãƒãƒ¼ã‚¹ãƒãƒƒã‚¯ã‚¸ãƒ£ãƒ‘ãƒ³ | growth hack japan
Ryutaro Mori Twitterã§GHJã‚’ãƒ•ã‚©ãƒãƒ¼ï¼ Facebookã§GHJã‚’ãƒ•ã‚©ãƒãƒ¼ï¼ NEWÂ ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã«æ¬ ã‹ã›ãªã„6ç¨®é¡žã®äººé–“ æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³å¤§æ‰‹ã‚°ãƒ¼ã‚°ãƒ«ãŒã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆæœ€é©åŒ–ã«é–¢ã™ã‚‹å¤§è¦æ¨¡ãªãƒªã‚µãƒ¼ãƒã‚’è¡Œã„ã¾ã—ãŸã€‚ ãã®çµæžœã‹ã‚‰å°Žãå‡ºã—ãŸã€Œã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆæœ€é©åŒ–25ã®ãƒ«ãƒ¼ãƒ«ã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«æ™‚ä»£ã€ç‰¹ã«toCãƒ“ã‚¸ãƒã‚¹ã«ã¯æ¬ ã‹ã›ãªã„å†…å®¹ã§ã™ã€‚ èª¿æŸ»ã«é–¢ã—ã¦ æœ¬èª¿æŸ»ã¯ã€Googleã¨AnswerLabã®å…±åŒæŒ‡æ®ã®ä¸‹ã«è¡Œã‚ã‚Œã¾ã—ãŸã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã«ã¨ã£ã¦æœ€è‰¯ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ…£è¡Œã‚’æè¨€ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã«è¡Œã‚ã‚ŒãŸæœ¬èª¿æŸ»ã¯ã€ä»¥ä¸‹ã®æ–¹æ³•è«–ã§å®Ÿè¡Œã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ»ã‚·ã‚«ã‚´ãƒ»ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã«ã¦ã€119æ™‚é–“ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã‚’æ•¢è¡Œ ãƒ»iOSãƒ»Androidä¸¡æ–¹ã‚’å«ã‚€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«èª¿æŸ»ã‚’å®Ÿæ–½ ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€å•†å“ã®è³¼å…¥ã€ä¾¡æ ¼ã®èª¿æŸ»ã€äºˆç´„ãªã©ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«é–¢é€£ã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’å®Ÿè¡Œã—ã€å„ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ã‚’
snaflot 2015/05/30
ã‚¹ãƒžãƒ›

ui

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ - ãƒšãƒ‘ãƒœãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®æŠ€è¡“ã¯é©šç•°çš„ãªã‚¹ãƒ”ãƒ¼ãƒ‰ã§é€²åŒ–ã—ã€ã¾ãŸå¤šæ§˜åŒ–ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰ã‚’å…¨ã¦ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã®ã¯é€”æ–¹ã‚‚ãªãå¤§å¤‰ãªã®ã§ã€ãƒšãƒ‘ãƒœã§ã¯ã€ç¤¾å†…ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãŒã€Œæœ€ä½Žé™ã“ã‚Œã ã‘ã¯ãŠã•ãˆã¦ãŠã“ã†ã€ã¨ã„ã†ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’æ–‡æ›¸åŒ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ç¤¾å†…å‘ã‘ã‚’æƒ³å®šã—ãŸæ–‡æ›¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ç¤¾å†…ã®ã¿ã«ç•™ã‚ãšå¤šãã®æ–¹ã«å½¹ç«‹ã¦ãŸã„ã¨è€ƒãˆãŸãŸã‚å…¬é–‹ã—ã¾ã™ã€‚ ã“ã®é …ç›®ã®æ‹…å½“ @hadashiA ã©ã†ã—ã¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ï¼Ÿ (1) ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒã‚¸ãƒƒã‚¯ã¨ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®åˆ†é›¢ (2) SPAï¼ˆã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ æµè¡Œã‚Šå»ƒã‚Š (1) MVC (2) MVVM (3) Virtual DOM ã©ã‚Œã‚’ä½¿ã†ï¼Ÿ ã©ã†ã—ã¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ï¼Ÿ (1) ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒã‚¸ãƒƒã‚¯ã¨ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®åˆ†é›¢ ã¾ãšã“ã¡ã‚‰ã®ç”»é¢ã‚’è¦‹ã¦ãã ã•ã„ã€‚ Â©ä»»å¤©å ‚ ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãƒ¯ãƒ¼ãƒ«ãƒ‰ ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãŒå³ã«ãƒ€ãƒƒã‚·ãƒ¥ã™ã‚‹ã¨ã€ãƒž
snaflot 2014/12/17
AngularJS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

javascript

ui
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ72ç¨®é¡žã‚’åŽéŒ²ã—ãŸç„¡æ–™ã®UIç´ æï¼ˆPSD, AI, Sketchï¼‰ -UI Tiles
æœ€è¿‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãåˆ©ç”¨ã•ã‚Œã‚‹1ã‚«ãƒ©ãƒ ã€2ã‚«ãƒ©ãƒ ã€3ã‚«ãƒ©ãƒ ã€ã‚«ãƒ¼ãƒ‰åž‹ã€ãƒœãƒ¼ãƒ‰åž‹ã®åŸºæœ¬çš„ãªã‚°ãƒªãƒƒãƒ‰ã‚’ã¯ã˜ã‚ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ã‚«ãƒ¼ãƒˆã€FAQã€ã‚³ãƒ³ã‚¿ã‚¯ãƒˆã€ãƒžãƒƒãƒ—ãªã©ã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç”¨æ„ã•ã‚ŒãŸãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ UI Titles UI TILES: WEBSITE FLOWCHARTS ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€4ç¨®é¡žã€‚ .psdï¼ˆ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆï¼‰ .aiï¼ˆ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆï¼‰ .sketchï¼ˆ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆï¼‰ .pngï¼ˆ72ç¨®é¡žã®å„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ å„ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã¯ãã‚Œãžã‚Œ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆãŒæƒã£ã¦ãŠã‚Šã€ãƒ¯ã‚¤ãƒ¤ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚„ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã¨ã—ã¦åˆ©ç”¨ã§ãã¾ã™ã€‚
snaflot 2014/12/09
ç´ æ

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

ãƒ•ãƒªãƒ¼ç´ æ

ui
ãƒªãƒ³ã‚¯
1