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

learn id:learn

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

${{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/UXè¨è¨ˆ
æ—¥çµŒé›»åç‰ˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ¢ãƒ‡ãƒ«è¨è¨ˆã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆç›£ä¿®ã‚’ã•ã›ã¦ã„ãŸã ã„ãŸã€‚ è¶…å¤§åž‹ã‚¢ãƒ—ãƒªã‚’å®Œå…¨ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã¨ãã€KPIã‚’è½ã¨ã™äº‹ãªãã€ã©ã®ã‚ˆã†ã«æ•´åˆæ€§ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼åˆ©ä¾¿æ€§ã‚’æ‹…ä¿ã—ã¦ã„ãã‹ã€‚ ã€Œæ—¥çµŒé›»åç‰ˆÃ—Sansanã‚¢ãƒ—ãƒªé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæˆåŠŸã¸ã®é“ã€œã‚¢ãƒ—ãƒªé–‹ç™ºè€…å‹‰å¼·ä¼šVol.2ã€ã‚ˆã‚Š http://connpass.com/event/16187/Read less
learn 2015/06/28
UX

UI
ãƒªãƒ³ã‚¯
google/gxui: An experimental Go cross platform UI library.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
learn 2015/03/18
golang

go

UI

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
Lollipopæ™‚ä»£ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ActionBar.NAVIGATION_MODEãŒdeprecatedã« Lollipopï¼ˆAPI Level 21ï¼‰ã§ã€ActionBar.NAVIGATION_MODEãŒ deprecatedã«ãªã‚Šã¾ã—ãŸã€‚ActionBarã®Tabã¨Spinnerã®åˆ©ç”¨ãŒéžæŽ¨å¥¨ã¨ãªã‚Šã¾ã™ã€‚ AppCompatã®ActionBar.NAVIGATION_MODEã‚‚deprecateã«ãªã£ãŸã®ã§ã€ å®Ÿè³ªçš„ã«ã¯ã™ã¹ã¦ã®Versionã«ãŠã„ã¦deprecatedã¨è€ƒãˆã¦è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ â– ã€€ActionBarä¸Šã§ã®Tabã‚‚Spinnerã‚‚éžæŽ¨å¥¨ã« Tabã®ä»£æ›¿æ¡ˆã¯SlidingTabLayout Googleã®æ–¹ã‹ã‚‰Tabã®ä»£æ›¿æ¡ˆã¨ã—ã¦æç¤ºã•ã‚Œã¦ã„ã‚‹ã®ãŒã€SlidingTabLayoutã§ã™ã€‚ ã“ã‚Œã¯ã€APIã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã§ã¯ãªãã€HorizontalScrollViewã®æ‹¡å¼µå®Ÿè£…ã¨ã—ã¦ã€Andro
learn 2014/12/17
android

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ui

Material Design
ãƒªãƒ³ã‚¯
çµ„ç¹”ã‚‚äººã‚‚æœ€é©åŒ–ã®æžœã¦ã«ã‚ã‚‹ã®ã¯ç·©ã‚„ã‹ãªæ»
ãªã‚“ã‹ä¼šç¤¾ã®ãƒãƒ£ãƒƒãƒˆãƒã‚¿ãŒç¶šãã¾ã™ãŒã€å…ˆæœˆã€ä¼šç¤¾ã®ãƒãƒ£ãƒƒãƒˆã§ãƒžã‚¯ãƒ‰ãƒŠãƒ«ãƒ‰ã®è¡°é€€ã¨å‰é‡Žå®¶ã®ãƒªãƒ³ã‚¯ã‹ã‚‰æœ€é©åŒ–ã®è©±ã—ã«ãªã‚Šã€ã€Œã‚‚ã—ãƒˆãƒ¬ã‚¿ãŒæœ€é©åŒ–ã—ã™ãŽã‚‹ã¨ã€ã©ã†ã„ã†é¢¨ã«ç™ºå±•ã®å¦¨ã’ã«ãªã‚‹ã‚“ã§ã—ã‚‡ã†ã€ã£ã¦è©±ã—ãŒå‡ºã¦ã¡ã‚‡ã£ã¨é¢ç™½ã‹ã£ãŸã®ã§ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ã¦è¦‹ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ç§ãŒã‚¢ãƒ—ãƒªé–‹ç™ºã§ä¸€ç•ªæ€–ã„ã¨æ€ã†ã®ã¯ã€æ—¢å˜ãƒ¦ãƒ¼ã‚¶ã¸ã®æœ€é©åŒ–ã§ã™ã€‚ æ—¢å˜ãƒ¦ãƒ¼ã‚¶ã¯ã‚ã‚‹ç¨‹åº¦ä½¿ã„ã“ãªã—ãŸä¸Šã§ã€Œã‚ã®æ©Ÿèƒ½ãŒæ¬²ã—ã„ã€ã¨è¦æœ›ã‚’å‡ºã—ã¦ãã¾ã™ã€‚ç¢ºã‹ã«ãã®æ©Ÿèƒ½ãŒã‚ã‚‹ã¨ä¾¿åˆ©ã§ã™ã—ã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ã§ã‚‚å–œã¶äººãŒå¤§å‹¢ã„ã¾ã™ã€‚ å®Ÿéš›ã€ãã®æ©Ÿèƒ½å®Ÿè£…ã™ã‚‹ã¨å¤šãã®ãƒ¦ãƒ¼ã‚¶ãŒä¾¿åˆ©ã«ãªã‚Šæº€è¶³åº¦ãŒã‚ãŒã‚Šã¾ã™ã€‚ç”»é¢ã«ãƒœã‚¿ãƒ³ã¯å¢—ãˆã¾ã—ãŸãŒä½¿ã‚ãªã„ãƒ¦ãƒ¼ã‚¶ãŒä¸ä¾¿ã«æ€ã†ã»ã©ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ èª°ã‚‚å›°ã‚‰ãªã„ã—ã€ã“ã®æ©Ÿèƒ½è¿½åŠ ã¯ã¨ã¦ã‚‚æ£ã—ã„ã“ã¨ã«è¦‹ãˆã¾ã™ã€‚ ã§ã‚‚ãã®æ©Ÿèƒ½ãŒã‚ã‚‹ã“ã¨ã§ã€åˆã‚ã¦è§¦ã‚‹ãƒ¦ãƒ¼ã‚¶ã¯ã©ã†æ„Ÿã˜ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿç”»é¢ã«ãƒœã‚¿ãƒ³ãŒå¤šã„ã»ã©ã€ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ãŒåŽšã„ã»ã©åˆã‚ã¦ã®ãƒ¦ãƒ¼
learn 2014/11/09
ã€Œæ©Ÿèƒ½è¿½åŠ ã¯ã€æ—¢å˜ã®ãƒ¦ãƒ¼ã‚¶ã®æº€è¶³åº¦ã‚’ä¸Šã’ã¾ã™ãŒã€å®Ÿã¯æœªæ¥ã®é¡§å®¢ã‚’å¤±ã£ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã€

UI

UX

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

ã‚¢ãƒ—ãƒª

è¨è¨ˆ

è€ƒãˆæ–¹
ãƒªãƒ³ã‚¯
Android Action Bar Style Generator
DEPRECATED: Consider using Toolbar or its support library equivalent. The Android Action Bar Style Generator allows you to easily create a simple, attractive and seamless custom action bar style for your Android application. It will generate all necessary nine patch assets plus associated XML drawables and styles which you can copy straight into your project. Created by Jeff Gilfelt, source code o
learn 2014/10/02
android

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

UI
ãƒªãƒ³ã‚¯
Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Webã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³å®Ÿè·µè¬›åº§
DeNA ç¤¾å†…å‹‰å¼·ä¼šã«å‘¼ã‚“ã§ã„ãŸã ã„ã¦ã€ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Reviewã«ç™»å ´ã—ã¦ã„ãŸã ã„ã¦ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯ã“ã¡ã‚‰ã§ã™ã€‚ å‹•ãå°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆ Denkinovel by @katryo ã•ã‚“ http://denkinovel.com/ ã”å”åŠ›ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸ( Ë˜Ï‰Ë˜)
learn 2014/09/28
webãƒ‡ã‚¶ã‚¤ãƒ³

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

UI
ãƒªãƒ³ã‚¯
ä»Šå¹´æ°—ã«ãªã£ãŸãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ãƒƒãƒˆ âˆ’ 2014 - NxWorld
ä»Šå¹´ï¼ˆ2014å¹´ï¼‰ã§è¦‹ã‹ã‘ã¦æ°—ã«ãªã£ãŸã‚‚ã®ã‚„ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ãƒƒãƒˆã®ã¾ã¨ã‚ã§ã™ã€‚ ãã®ã¾ã¾ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€ãƒ‘ãƒ¼ãƒ„ã‚„ã‚«ãƒ©ãƒ¼ã®çµ„ã¿åˆã‚ã›æ–¹ã‚’å‚è€ƒã«ã—ãŸã‚Šã€ã©ã®ã‚ˆã†ãªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã‹ãªã©åˆ¶ä½œæ™‚ã®ãƒ’ãƒ³ãƒˆã«ç¹‹ãŒã‚‹å ´åˆã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹UIã‚ãƒƒãƒˆã‚’ä½¿ç”¨ã™ã‚‹éš›ã¯ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ç‰ã¯å„è‡ªã§å†åº¦ç¢ºèªã—ã¦ãã ã•ã„ã€‚
learn 2014/07/10
UI

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

ç´ æ
ãƒªãƒ³ã‚¯
Creating a "Card" UI
The newest version of most Android apps published by Google have started featuring "cards."Â Many other popular apps are also following suit... After reading this tutorial you will be able to create cards as well.Â It really is very simple. What is a Card? A card is nothing more than a layout or a view with a background drawable. And that drawable can be defined in XML as a layer drawable. res/dra
learn 2014/06/01
android

UI
ãƒªãƒ³ã‚¯
Androidã®ãƒ€ãƒ¡ãªUXã€UIãƒ‘ã‚¿ãƒ¼ãƒ³ - ã‚ã·ã™ãŸ - iPhoneã¨Webã¨ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨
Androidã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ä¸Šã§ã“ã‚Œã¯ãƒ€ãƒ¡ãªUXã€UIã‚’Googleã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå‹•ç”»ã§è©³ã—ãç´¹ä»‹ã—ã¦ãã‚Œã¾ã™ã€‚ iPhoneã‚¢ãƒ—ãƒªé–‹ç™ºã«ã‚‚é€šãšã‚‹ã¨ã“ã‚ãŒã‚ã‚‹ã®ã§å¿…è¦‹ã§ã™ã€‚ è¦ç‚¹ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ èªã¿è¾¼ã¿ä¸ã®ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’é »ç¹ã«å‡ºã•ãªã„ ä½•åº¦ã‚‚å‡ºã‚‹ã¨ã†ã–ã„ã—ã€èªã¿è¾¼ã¿ã‚’ã‚ãƒ£ãƒ³ã‚»ãƒ«ã§ããªã„ã¨ç«¯æœ«ã‚’å©ãä»˜ã‘ãŸããªã‚Šã¾ã™ã€‚ è§£æ±ºç–ã¨ã—ã¦ã¯ã€ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒãƒ¼ã®ä¸‹ã«ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’å‡ºã—ãŸã‚Šã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºéƒ¨åˆ†ã ã‘ã«ãƒãƒ¼ãƒ‰ä¸ã®ãƒžãƒ¼ã‚¯ãªã©ã‚’å‡ºã™ã‚ˆã†ã«ã™ã‚‹ã€‚ ãƒœã‚¿ãƒ³ãŒå°ã•ã™ãŽã‚‹ ç¸¦ã€æ¨ª48dpä»¥ä¸ŠãŒæœ›ã¾ã—ã„ã§ã™ã€‚ ãƒ€ã‚¤ã‚¢ãƒã‚°ã®ã€Œã¯ã„ã€ã€Œã„ã„ãˆã€ãƒœã‚¿ãƒ³ã®ä½ç½®ã‚’æ¨™æº–ã«åˆã‚ã›ã¦ã ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒãªã„ ãƒœã‚¿ãƒ³ã‚„é¸æŠžã§ãã‚‹ã‚¨ãƒªã‚¢ã‚’ã‚¿ãƒƒãƒã—ãŸã‚‰ä½•ã‚‰ã‹ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã€‚ é¸æŠžéƒ¨åˆ†ã®è‰²ã‚’å¤‰ãˆã‚‹ã€‚pressã¨focusedã®çŠ¶æ…‹ã‚’ç”¨æ„ã™ã‚‹ã¨ãªãŠè‰¯ã„ã§ã™ã€‚éŸ³ã‚‚ã‚ã‚Šã‹ãªã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã“ã ã‚ã‚Šã™ãŽãªã„ ã‚„ã‚Šã™ãŽãšã€ã‚
learn 2014/04/14
android

UI

ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³
ãƒªãƒ³ã‚¯
å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã‚’å®Ÿç¾ã™ã‚‹ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ36é …ç›®
ã€img via tabletop assistant by MattHurstã€‘ å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã¯ä½•ã‹ã€‚ã©ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€Œå„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã€ã¨å‘¼ã¶ã®ã«ç›¸å¿œã—ã„ã®ã ã‚ã†ã‹ã€‚ GoodUIã¨ã„ã†ã‚µã‚¤ãƒˆã«å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ç¢ºèªã—ã¦ãŠããŸã„36é …ç›®ã‚’ã‚¤ãƒ©ã‚¹ãƒˆä»˜ãã§è§£èª¬ã—ã¦ã„ãŸã€‚ã¨ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãç´å¾—ã§ãã‚‹å†…å®¹ãŒå¤šã‹ã£ãŸã®ã§ã€ç´¹ä»‹ã—ã¦ãŠãï¼ 1.ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã§ã¯ãªãã€ã‚·ãƒ³ã‚°ãƒ«ã‚«ãƒ©ãƒ è¤‡æ•°ã‚«ãƒ©ãƒ ã ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ç·šãŒå·¦å³ã«é€¸ã‚Œã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚‹ãŸã‚ã€‚ 2.ã¾ãšã¯ã‚®ãƒ•ãƒˆã‚’æ¸¡ã—ã¦ã¿ã‚‹ æœ€åˆã‹ã‚‰è²·ã†ã“ã¨ã‚’ä¿ƒã™ã‚ˆã‚Šã‚‚ã¾ãšã¯ã“ã¡ã‚‰ã‹ã‚‰ä½•ã‹ã‚’ä¸Žãˆã‚‹ã“ã¨ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å–œã°ã‚Œã‚‹ã€‚ 3.ä¼¼ãŸæ©Ÿèƒ½ã‚„é …ç›®ã¯1ã¤ã«ã¾ã¨ã‚ã¦è¡¨ç¤ºã™ã‚‹ ä¼¼ãŸæ©Ÿèƒ½ã‚’åˆ†æ•£ã•ã›ã‚‹å¿…è¦ã¯ãªã„ã€‚ 4.ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®åå¿œã‚’è¼‰ã›ã‚‹ å®Ÿéš›ã«ä½¿ã£ã¦ã„ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å£°ã€ã‚’å‚è€ƒã«è²·ã„ç‰©ã‚’ã™ã‚‹äººã¯å°‘ãªããªã„
learn 2014/01/24
webãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
$.onScreen();
A jQuery plugin that does stuff to elements when they enter or leave the viewport Download How to use Basic usage The basic form $('element').onScreen(); will only toggle the onScreen class on the matched elements. This is optimal for CSS animations, like the demos section above. You can set the tolerance parameter and allow the elements to enter the viewport certain amount of pixels before doing
learn 2013/11/09
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
learn 2013/10/06
iOS

UI

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç«‹ä½“è¡¨ç¾ã‚’å–ã‚Šå…¥ã‚Œã‚‹ã¨ãã®ã‚»ã‚ªãƒªãƒ¼Ã—6 | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
iOS7ã®ç™»å ´ã§ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®é–¢å¿ƒã¯ã¾ã™ã¾ã™é«˜ã¾ã£ã¦ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ ã“ã“ã§ã¯ãã‚“ãªãƒˆãƒ¬ãƒ³ãƒ‰ã¯ä¸€åˆ‡ç„¡è¦–ã—ã¦ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ç«‹ä½“è¡¨ç¾ã‚’è¡Œã†ä¸Šã§ã€ãŠã•ãˆã¦ãŠãã¹ãå¤§åˆ‡ãªãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã“ã‚Œã‚‰ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ã€æ™‚ä»£ã«é€†è¡Œã™ã‚‹ã‚´ãƒªãƒƒã‚´ãƒªã®ç«‹ä½“è¡¨ç¾ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ã‚‡ã†ã€‚ ã‚»ã‚ªãƒªãƒ¼ï¼‘ï¼šç¾å®Ÿä¸–ç•Œã®ã€Œå…‰æºã€ã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«ã‚’å®ˆã‚‹ å”çªã§ã™ãŒã€ã“ã®2ã¤ã®ãƒœã‚¿ãƒ³ã€ç«‹ä½“è¡¨ç¾ã¨ã—ã¦ã©ã¡ã‚‰ãŒæ£ã—ã„ã¨æ€ã„ã¾ã™ã‹ï¼Ÿ å·¦å´ã€ã€ŒAã€ã®ãƒœã‚¿ãƒ³ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå…‰æºã®çŸ›ç›¾ãŒã‚ã‚Šã¾ã™ã€‚ ãƒœã‚¿ãƒ³æœ¬ä½“ã®å½±ã¯ã€å³ä¸‹ã«ä»˜ã„ã¦ã„ã‚‹ã€‚ã¤ã¾ã‚Šã€å…‰æºã¯å·¦ä¸Šã€‚ ã¸ã“ã‚“ã Aã®å½±ã¯ã€å³ä¸Šã«ä»˜ã„ã¦ã„ã‚‹ã€‚ã¤ã¾ã‚Šã€å…‰æºã¯å³ä¸Šã€‚ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã¯ã€çœŸä¸‹ã«ä»˜ã„ã¦ã„ã‚‹ã€‚ã¤ã¾ã‚Šã€å…‰æºã¯çœŸä¸Šã€‚ ä¸€æ–¹ã®Bã¯ã€ã™ã¹ã¦ã®è¦ç´ ã®å½±ãŒã€å…‰æºãŒä¸Šã®è¡¨ç¾ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¤ã¾ã‚Šã€æ£è§£ã¯Bã§ã™ã€‚ãã—ã¦ã“ã‚ŒãŒã€ç¾å®Ÿä¸–ç•Œã§ã®ã€Œå…‰æºã€ï¼ˆï¼å½±ï¼‰ã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«ã§ã™ã€‚
learn 2013/09/22
Webãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€ãªãœæ©Ÿèƒ½è¿½åŠ ã‚’ã—ç¶šã‘ã‚‹ã¨ã‚¢ãƒ—ãƒªãŒç ´ç¶»ã™ã‚‹ã®ã‹ï¼Ÿ | fladdict
ã“ã®å†™çœŸã¯ã€ã‚¢ãƒ¼ãƒŸãƒ¼ãƒŠã‚¤ãƒ•ã®åé–€ã‚¦ã‚§ãƒ³ã‚¬ãƒ¼ç¤¾ã®ã‚¸ãƒ£ã‚¤ã‚¢ãƒ³ãƒˆãƒŠã‚¤ãƒ•ã¨ã„ã†æœ€é«˜ç´šãƒŠã‚¤ãƒ•ã§ã‚ã‚‹ã€‚141ã®æ©Ÿèƒ½ã‚’æŒã¤ã€ã‚®ãƒã‚¹èªå®šã‚‚ã•ã‚ŒãŸåŽšã•24cmã€é‡é‡1.3kgã®ä¸–ç•Œã§æœ€ã‚‚é«˜æ©Ÿèƒ½ãªãƒŠã‚¤ãƒ•ã ã€‚ãƒˆãƒƒãƒ—ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒè‡ªç¤¾è£½å“ã®å…¨æ©Ÿèƒ½ã‚’ï¼‘ã¤ã«é›†ç´„ã—ãŸã“ã®è£½å“ã“ããŒã€æ©Ÿèƒ½æ‹¡å¼µã®è¡Œãç€ãå…ˆã‚’æŒ‡ã—ç¤ºã—ã¦ã„ã‚‹ã€‚ ãªãœé©åˆ‡ãªæ©Ÿèƒ½è¿½åŠ ã§ã‚ã£ã¦ã‚‚ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¤ã¥ã‘ã‚‹ã“ã¨ã§ç ´ç¶»ã‚’ã™ã‚‹ã®ã‹ï¼Ÿæœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€ã€Œã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€é¡§å®¢ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—ãƒªã¯99%ç ´ç¶»ã™ã‚‹ã€ã®ç¶šãã«ãªã‚‹ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯ä»¥ä¸‹ã®ï¼”ã¤ã®å´é¢ã‹ã‚‰ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãƒªã‚¹ã‚¯ã‚’è€ƒãˆã‚‹ã€‚ã¾ãšç¬¬ä¸€ã«ã€Œé¸æŠžè‚¢ã®æ•°ãŒå¿…ãšã—ã‚‚å–„ã§ã¯ãªã„ã“ã¨ã€ã€‚æ¬¡ã«ã€Œäººé–“ã®åˆ¤æ–åŠ›ã¯ä½¿ã†ã»ã©æ¶ˆè€—ã™ã‚‹ã“ã¨ã€ã€‚ãã—ã¦ã€Œç”»é¢ã‚¹ãƒšãƒ¼ã‚¹ãŒæœ‰é™ã®ãƒªã‚½ãƒ¼ã‚¹ã§ã‚ã‚‹ã“ã¨ã€ã€‚æœ€å¾Œã«ã€Œã©ã‚“ãªã«æ©Ÿèƒ½ã‚’å¢—ã‚„ã—ã¦ã‚‚ã€ä¸€ç”»é¢ã§å¼·èª¿ã§ãã‚‹ã‚‚ã®ã¯é™ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ã€ã€‚ã“ã‚Œã‚‰ã®ï¼”ã¤ã¯å…¨ã¦ã€æ©Ÿèƒ½è¿½åŠ ãŒæœ€
learn 2013/08/15
UI

UX

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

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€é¡§å®¢ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—ãƒªã¯99%ç ´ç¶»ã™ã‚‹ | fladdict
é¡§å®¢ã‚„ä¸Šå¸ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å ´å½“ãŸã‚Šãªè¦æœ›ã«å¯¾å¿œã—ã¤ã¥ã‘ã‚‹ã¨ã€ã©ã‚“ãªã‚¢ãƒ—ãƒªã‚‚ã‚´ãƒŸã‚¢ãƒ—ãƒªã«ãªã‚‹ã€‚ãŸã¨ãˆãã‚ŒãŒç†ã«ã‹ãªã£ãŸè¦æœ›ã§ã‚ã£ã¦ã‚‚ã€‚ ãªãœãªã‚‰é¢ç©ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒžãƒ›ã§ã¯ã€Œä¸€ç”»é¢ã®æ©Ÿèƒ½æ•°ã¨ãƒœã‚¿ãƒ³æ•°ã€ãŒã€ä½¿ã„æ˜“ã•ã¨å“è³ªã«æ·±ããƒªãƒ³ã‚¯ã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã‚’ã€ã‚¨ãƒ©ã„äººã«ãƒ—ãƒ¬ã‚¼ãƒ³ã™ã‚‹ã®ãŒãŠä»•äº‹ã®ä»Šæ—¥ã“ã®é ƒã€‚ã§ã‚‚æ¯Žå›žæ¯Žå›žã€åŒã˜ã“ã¨ã‚’èª¬æ˜Žã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ‰ã‚¤ã®ã§è³‡æ–™ã‚’ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ãŸã„ãªãã¨æ€ã†ãªã©ã€‚ æ€è€ƒå®Ÿé¨“ã¨ã—ã¦ã€ã“ã“ã§ã¯æž¶ç©ºäº‹ä¾‹ã¨ã—ã¦Twitterã‚¢ãƒ—ãƒªã‚’ä¾‹ã«è€ƒãˆã¦ã¿ã‚‹ã€‚ ä½•ã‹ã®é–“é•ã„ã§ã€æ—¥æœ¬ã®å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒTwitterã‚’è²·åŽã™ã‚‹ã¨ãƒ»ãƒ»ãƒ»UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½“ã‚’å¼µã‚‰ãªã„ã¨99%ãã‚‰ã„ã®ç¢ºçŽ‡ã§ã“ã†ãªã‚‹ã®ã§ã™ã€‚ ã“ã“ãŒã‚ªãƒªã‚¸ãƒŠãƒ« Request1: ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ãƒˆãƒƒãƒ—éšŽå±¤ã« ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®çœŸã£å½“ãªè¦æœ›ã€‚å®Ÿéš›ã«ã¯ã‚µãƒ¼ãƒ“ã‚¹ã®æœ¬è³ªã§ã¯ãªã„ã®ã§ã™ãŒã€è¦æœ›ã¯ã‹ãªã‚Šå¤šã„ã¯ãšã€‚ ãŸã Twitterç¤¾çš„ã«ã¯me
learn 2013/08/15
UI

UX

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

ã‚¢ãƒ—ãƒª

è¨è¨ˆ
ãƒªãƒ³ã‚¯
ã€Œä½¿ã£ã¦ã‚‚ã‚‰ãˆã‚‹ã‚¢ãƒ—ãƒªã®è€ƒãˆæ–¹ã€ã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šè° 2012 å¿˜å¹´ä¼šã‚¹ãƒ©ã‚¤ãƒ‰
ã‚¢ãƒ—ãƒªè£½ä½œã¯ãƒ•ãƒ«ã‚»ãƒƒãƒˆã‹ã‚‰ã€ã‚³ãƒ³ã‚µãƒ«ã€ã™ã§ã«ä½œã£ã¦ã—ã¾ã£ãŸUIã®ãƒ¬ãƒ“ãƒ¥ãƒ¼ã¾ã§ã€ãŠæ°—è»½ã« fukatsu@gmail.com ã¾ã§ã€‚Read less
learn 2013/08/11
ã‚ã‹ã‚Šã‚„ã™ã„

UX

UI

ã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³

è³‡æ–™
ãƒªãƒ³ã‚¯
UIï¼†UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„ UI UX!
ç¬¬1å›žã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šè° #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGoRead less
learn 2013/08/11
UX

UI

è³‡æ–™
ãƒªãƒ³ã‚¯
ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã“ãæŠ¼ã•ãˆã¦ãŠããŸã„! UI/UXãŒå¦ã¹ã‚‹ç¥žã‚¹ãƒ©ã‚¤ãƒ‰7é¸ | Find Job ! Startup
ç«¶åˆã«è² ã‘ãªã„Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¤ãã‚‹ãŸã‚ã€UIï¼ˆUser Interfaceï¼‰ã€UXï¼ˆUserExperienceã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ï¼‰ã«ã“ã ã‚ã‚‹ã®ã¯ã€ã‚‚ã¯ã‚„å¸¸è˜ã€‚è‰¯ã„UI/UXã¯ãƒãƒ¼ãƒ å…¨å“¡ã§è€ƒãˆã‚‹ã“ã¨ãŒã€è‰¯ã„ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¤ãã‚‹ç§˜è¨£ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„Webãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚‚å¦ã‚“ã§æã¯ã—ã¾ã›ã‚“ã€‚ã‚‚ã¡ã‚ã‚“ã€æœ¬è·ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã«ã‚‚å½¹ç«‹ã¤7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰åŽ³é¸ã¾ã¨ã‚ã§ã™ï¼ ç›®æ¬¡ åŸºç¤ŽçŸ¥è˜ ï¼‘ï¼ŽUXã®ãŸã‚ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ ï¼’ï¼ŽUX is not UI ï¼“ï¼Žã‚¯ã‚¯ãƒ‘ãƒ‰ç¾Žã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®UIæ”¹å–„ãƒ—ãƒã‚»ã‚¹ï¼šå‰ç·¨ å¿œç”¨ç·¨ï¼ˆWebã‚µã‚¤ãƒˆï¼‰ ï¼”ï¼Žã‚¯ã‚¯ãƒ‘ãƒ‰ç¾Žã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®UIæ”¹å–„ãƒ—ãƒã‚»ã‚¹ï¼šå¾Œç·¨ ï¼•ï¼Žã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§æ”¹å–„ã™ã‚‹ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¥µæ„ å¿œç”¨ç·¨ï¼ˆã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªï¼‰ ï¼–ï¼ŽUIï¼†UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„UI UX! å¿œç”¨ç·¨ï¼ˆã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚¢ãƒ—ãƒªï¼‰ ï¼—ï¼Žãƒ‹ã‚³ãƒ‹ã‚³è¶…ãƒ‡ã‚¶ã‚¤ãƒ³-
learn 2013/06/15
UX

UI

ã¾ã¨ã‚

è³‡æ–™
ãƒªãƒ³ã‚¯
ãƒžãƒ«ãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³å¯¾å¿œã¨æœ€è¿‘ã®ã‚¢ãƒ—ãƒªã®å‚¾å‘
2. ã‚ã‚“ã–ã„ã‚†ã â€¢ blog : Y.A.M ã®é›‘è¨˜å¸³ â€¢ y-anz-m.blogspot.com â€¢ twitter : @yanzm ï¼ˆã‚„ã‚“ã–ã‚€ï¼‰ â€¢ Androidå¥³åéƒ¨å‰¯éƒ¨é•· â€¢ uPhyca Inc. (æ ªå¼ä¼šç¤¾ã‚¦ãƒ•ã‚£ã‚«)
learn 2013/03/25
android

ã‚¢ãƒ—ãƒª

UI

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

è³‡æ–™
ãƒªãƒ³ã‚¯
UXã®ãŸã‚ã®UIãƒ‡ã‚¶ã‚¤ãƒ³
5. UXã¨UIã®å¢ƒç•Œ UX = ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ èªžã‚‰ã‚Œã‚‹è¨€è‘‰ã¯ã€ä½“é¨“ã§ã™ã€‚ UI = ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ èªžã‚‰ã‚Œã‚‹è¨€è‘‰ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚ã‚Šã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã§ã‚ã‚Šã€ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã™ã€‚ UX UI UX=UIã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒUIã‚’é€šã—ã¦ä½“é¨“ã™ã‚‹ã“ã¨ãŒUXã§ã™ã€‚ UIã§èªžã‚‰ã‚Œã‚‹è¨€è‘‰ãŒã©ã‚“ãªã«ç´ æ™´ã‚‰ã—ãã¦ã‚‚ã€ãã‚ŒãŒã™ãªã‚ã¡UXã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”± ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯ç†ç”±ãŒå¿…è¦ã§ã™ã€‚ UXã®å®Ÿç¾ã‚’UIã®ç›®çš„ã¨ã—ãŸå ´åˆã€ã€Žãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”±=UXã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã“ã¨ã€ã§ã™ã€‚ ã—ã‹ã—ã€ä½“é¨“ã‚’UIã®è¨€è‘‰ã§èªžã‚‹ã«ã¯é™ç•ŒãŒã‚ã‚Šã¾ã™ã€‚ãã®ãŸã‚ã€UXã¨UIã‚’ã¤ãªãè¨€è‘‰ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ 5
learn 2012/09/19
UX

UI

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

è³‡æ–™
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸