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

meganemegane103jp id:meganemegane103jp

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

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

CodeIQã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›
2018å¹´4æœˆ25æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã€ ã€ŽCodeIQã€ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è…•è©¦ã—ã‚µãƒ¼ãƒ“ã‚¹ã€å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã¯ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã€Žmoffers by CodeIQã€https://moffers.jp/ ã¸ä¸€æœ¬åŒ–ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§å¤šãã®IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã«ã€ŽCodeIQã€ã‚’ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ã¦ã€ æ”¹ã‚ã¦å¿ƒã‚ˆã‚Šæ·±ãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Webãƒžã‚¬ã‚¸ãƒ³ã€ŒCodeIQ MAGAZINEã€ã¯ã€ ãƒªã‚¯ãƒŠãƒ“NEXTã‚¸ãƒ£ãƒ¼ãƒŠãƒ«( https://next.rikunabi.com/journal/ )ã«ä¸€éƒ¨ã®è¨˜äº‹ã®ç§»è¡Œã‚’äºˆå®šã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå¾Œã¯ã€Žmoffers by CodeIQã€ã«ã¦ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†æ§˜ã®ã‚ˆã‚Šè‰¯ã„è»¢è·ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã€ã‚ˆã‚Šä¸€å±¤åŠªã‚ã¦ã¾ã„ã‚Šã¾ã™ã®ã§ã€ å¼•ãç¶šãã”æ„›é¡§ã®ã»ã©ä½•å’ã‚ˆã‚ã—ããŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€Cod
meganemegane103jp 2015/11/23
æœ€è¿‘ã®ã“ã†ã„ã†è¨˜äº‹ã€ä¼šç¤¾åã¨äººã®åå‰ä¼ã›ãŸã‚‰å…¨éƒ¨åŒã˜è¨˜äº‹ã«ã—ã‹è¦‹ãˆãªã„ä»Šæ—¥ã“ã®ã”ã‚ã€‚ãã‚Œã ã‘ã€ãƒžãƒ³ãƒãƒªã ã—è§£æ±ºã§ããªã„ã‚‚ã®ãªã®ã‹ã‚‚ã€‚

UI

UX

ãƒ“ã‚¸ãƒã‚¹

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
JQueryã‚’ä½¿ã£ã¦ç”»é¢ä¸Šã®æ–‡å—åˆ—ã®å¹…ã‚’å–å¾—ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« | æ€ªã—ã„ç‰©ã‚’é–‹ç™ºã™ã‚‹ãƒ–ãƒã‚°
â– ç”»é¢ä¸Šã§æ–‡å—åˆ—ã®å¹…ã‚’èª¿ã¹ã‚‹ jQueryã‚’åˆ©ç”¨ã—ã¦å¯¾è±¡ã®æ–‡å—åˆ—ãŒç”»é¢ä¸Šã§ä½•ãƒ”ã‚¯ã‚»ãƒ«ã‚ã‚‹ã®ã‹ã€ã¨ã„ã†ã®ã‚’å–å¾—ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ç”»é¢ä¸Šã§ã®æ–‡å—ã®å¹…ã‚’å–å¾—ã™ã‚‹ã“ã¨ã§ã€æŠ˜ã‚Šè¿”ã—ãŒç™ºç”Ÿã—ãªã„ã‚ˆã†ã«ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã«è‡ªå‹•èª¿æ•´ã—ãŸã‚Šã€ã¨ã„ã†ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ä»¥ä¸‹ã€ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ string = 'ã»ã’ã»ã’ã»ã’ã»ã’ã»ã’ãƒ¼'; // ã“ã“ã§stringã«å…¥ã£ã¦ã„ã‚‹æ–‡å—åˆ—ã®å¹…ã®ãƒ”ã‚¯ã‚»ãƒ«æ•°ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ widthPixel = strWidth(string); al
meganemegane103jp 2015/11/19
JQueryã§ç”»é¢ä¸Šã®æ–‡å—åˆ—ã®å¹…ã‚’å–å¾—ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’æ›¸ã„ãŸ

css

JQuery

webã‚µãƒ¼ãƒ“ã‚¹

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

UX

UI
ãƒªãƒ³ã‚¯
ã‚¢ãƒ—ãƒªUI/UXãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¿…è¦‹ï¼ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒœã‚¿ãƒ³ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ³ã‚²ãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆãŒåŠæ¸›ã™ã‚‹ã“ã¨ãŒç™ºè¦š | ã‚´ãƒªãƒŸãƒ¼
ã‚ãªãŸãŒä½œã£ã¦ã„ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒœã‚¿ãƒ³ã¯ä»Šæµè¡Œã‚Šã®ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒœã‚¿ãƒ³ã€ã€ã¾ãŸã®åã‚’ã€ŒãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‰ãƒãƒ¯ãƒ¼ã€ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã ã‚ã†ã‹ã€‚ãã‚Œã¨ã‚‚ä¸€è¦§ã§è¡¨ç¤ºã—ã¦ã„ã‚‹ã€Œã‚¿ãƒ–ãƒœã‚¿ãƒ³ã€ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã ã‚ã†ã‹ã€‚ ã‚¯ãƒªãƒ¼ãƒ³ã§ã‚·ãƒ³ãƒ—ãƒ«ã€ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºé ˜åŸŸãŒæœ€ã‚‚åºƒãç¢ºä¿ã§ãã‚‹ãªã©ã„ã„ã“ã¨å°½ãã—ã®ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒœã‚¿ãƒ³ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ä¸€æ–¹ã§ã€å¸¸ã«ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºé ˜åŸŸãŒå¿…ç„¶çš„ã«ç‹ããªã£ã¦ã—ã¾ã†ã€Œã‚¿ãƒ–ãƒœã‚¿ãƒ³ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€‚è¦‹ãŸç›®ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã—ã¦ã¯å½“ç„¶ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒœã‚¿ãƒ³ã€ã®æ–¹ãŒè‰¯ã„ã€‚ã§ã¯å®Ÿéš›ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã—ã¦ã‚‚åŒæ§˜ã®è¦‹è§£ãªã®ã ã‚ã†ã‹ã€‚ ã‚¯ãƒªãƒ¼ãƒ³ã§ã‚·ãƒ³ãƒ—ãƒ«ã ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯æ“ä½œæ–¹æ³•ã‚’è¦šãˆã‚‰ã‚Œãªã„ ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒœã‚¿ãƒ³ã€ã‚‚ã—ãã¯ã€ŒãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‰ãƒãƒ¯ãƒ¼ã€ã¨å‘¼ã°ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³UIã¯æ•°å¤šãã®ã‚¢ãƒ—ãƒªã«è¦‹ã‚‰ã‚Œã‚‹ã€‚Googleã‚‚ã‚¢ãƒ—ãƒªãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼å‘ã‘ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã—ã¦æŽ¨å¥¨ã—ã¦ã„ã‚‹
meganemegane103jp 2014/07/21
UIã¯é‡è¦ã§ã™ãã€‚

UI

ABãƒ†ã‚¹ãƒˆ

ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹
ãƒªãƒ³ã‚¯
DISã‚‰ã‚Œãªã„UIã‚’ä½œã‚‹ãŸã‚ã«æœ€ä½Žé™å®ˆã‚‹ã¹ã5ã¤ã®é‰„å‰‡ - ãŸã”ã‚‚ã‚Šã™ãƒ¡ãƒ¢
ã¼ãã‚‰ãŒè¿‚é—Šã«UIã‚’ä½œã‚‹ã¨ã€ãã“ã«ã¯ãƒ¦ãƒ¼ã‚¶ã®æ£ç›´ãªç›®ç·šãŒã‚ã‚Šã€éžå¸¸ã«æ§˜ã€…ãªã€ãã—ã¦çœŸã£å½“ãªåå¿œãŒã‚ã‚‹ã€‚ æ›°ãã€Œã‚ã‹ã‚‰ã‚“ã€ã€Œã¾ã•ã‹ãã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã¯ã€ã€Œä¸æ€è°ãªå‹•ä½œã€ã€Œç‹¬è‡ªå®‡å®™ã€ã€Œãƒ¢ãƒªã‚¹UIã€ã€‚ åå¿œãŒã‚‚ã‚‰ãˆã‚‹ã®ã¯éžå¸¸ã«è‰¯ã„ã“ã¨ã ãŒã€ä½•åº¦ã‚‚ä½•åº¦ã‚‚ç¹°ã‚Šè¿”ã—ã¦ã„ã‚‹ã¨ã¤ã‚‰ããªã£ã¦ãã‚‹ã®ã§ã€ã§ãã‚Œã°é¿ã‘ãŸã„ã€‚åˆ†ã‹ã£ã¦ã„ã‚‹(ã„ãŸ)ã“ã¨ã¯æœ€åˆã‹ã‚‰å¯¾å¿œã—ã¦ãŠããŸã„ã‚‚ã®ã ã€‚*1 ã¨ã„ã†ã“ã¨ã§ã€ã“ã“ã§ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§æ“ä½œã™ã‚‹ç®¡ç†ç”»é¢ç‰ã®WebUIã‚’ä½œã‚‹ã¨ãã€çœŸã£å…ˆã«å¿ƒå¾—ã¦ãŠãã¹ã5ã¤ã®é‰„å‰‡ã‚’ç´¹ä»‹ã—ãŸã„ã€‚ã“ã‚Œã‚’å®ˆã£ã¦ã„ã¦ã‚‚DISã‚‰ã‚Œãªããªã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã“ã‚Œã‚’å®ˆã‚‰ãªã„ã¨é–“é•ã„ãªãDISã‚‰ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã‚ˆã†ã€‚ ãªãŠã“ã®è¨˜äº‹ã§ã¯ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã„ã†ã‚‚ã®ã«ã¤ã„ã¦ã¯è€ƒæ…®ã—ãªã„ã€‚ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã‹çŠ¬ã«é£Ÿã‚ã›ã‚ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹å ´æ‰€ã¯cursor:pointerã‚’æŒ‡å®šã—ã‚ ã“ã‚Œã‚’å¿˜ã‚Œã‚‹ã¨ã“ã®ä¸–ã®ã‚‚ã®ã¨ã¯æ€ãˆãªã„ãã‚‰
meganemegane103jp 2014/07/18
å‚è€ƒã«ãªã‚Šã¾ã™

UI

é–‹ç™º

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

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
åŠå¹´ãã‚‰ã„ä»•äº‹ã§Androidã‚¢ãƒ—ãƒªé–‹ç™ºã—ã¦ã„ã¦å½¹ã«ç«‹ã£ãŸæœ¬ - Qiita
Androidã£ã¦ã‚ã¾ã‚Šè‰¯ã„æœ¬ãŒç„¡ã„å°è±¡ãªã‚“ã§ã™ãŒã€å®Ÿéš›ã«ä»•äº‹ã§å°‘ã—ã§ã‚‚å½¹ã«ç«‹ã£ãŸæœ¬ã‚’ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ##WEB+DB PRESS Vol.81 ã€ŒAndroidã‚¢ãƒ—ãƒªé–‹ç™ºæœ€å‰ç·šã€ã¨ã„ã†ç‰¹é›†ãŒæœ¬å½“ã«å½¹ã«ç«‹ã¤ã€‚ Android Studioã€Gradleã€ãƒ†ã‚¹ãƒˆã‚„CIãªã©ã€ã¾ã¨ã¾ã£ãŸæƒ…å ±ãŒã¾ã å°‘ãªã„ã€æœ€è¿‘ã®ãƒ¢ãƒ€ãƒ³ãªAndroidã‚¢ãƒ—ãƒªé–‹ç™ºäº‹æƒ…ã«é–¢ã™ã‚‹ãƒŽã‚¦ãƒã‚¦ãŒã¾ã¨ã¾ã£ã¦ã„ã‚‹ã€‚ã“ã®ç‰¹é›†æ›¸ã„ã¦ã‚‹ã®ã‚‚ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®äººé”ãªã®ã§é–“é•ã„ãªã„æ„Ÿã˜ã€‚ ##æ”¹è¨‚2ç‰ˆ Android SDKé€†å¼•ããƒãƒ³ãƒ‰ãƒ–ãƒƒã‚¯ å®šç•ªã®é€†å¼•ãæœ¬ã€‚1å†Šã‚ã‚‹ã¨ä¾¿åˆ©ã€‚ ##Android UI Cookbook for 4.0 ICS ã‚¢ãƒ—ãƒªé–‹ç™ºè¡“ Androidãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã«ã¯ãŠé¦´æŸ“ã¿ã®ã€ã‚ã‚“ã–ã„ã‚†ãã•ã‚“ã®æœ¬ã€‚ Android4ç³»ã®UIãŒä¸»ã«ç´¹ä»‹ã•ã‚Œã¦ã‚‹ã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ä¾¿åˆ©ã€‚ ##Master of Fragment ã“ã‚Œã‚‚
meganemegane103jp 2014/07/07
ã“ã†ã„ã†ã¾ã¨ã‚ã¯ä¾¿åˆ©ã€‚æŠ€è¡“æ›¸ã¯å½“ãŸã‚Šå¤–ã‚ŒãŒå¤šã„ã®ã§ã™

ã‚¢ãƒ—ãƒª

UI

æœ¬
ãƒªãƒ³ã‚¯
ãŠå‰è‡ªåˆ†ã¡ã®ãƒšãƒ¼ã‚¸ãƒ£UIãŒæœ¬å½“ã«é€Ÿã„ã¨æ€ã£ã¦ã‚“ã®ï¼Ÿ
æ‰‹æŠœãã§ã™
meganemegane103jp 2014/07/04
åˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ãƒ¼ã€‚å‚è€ƒã«ã—ã¾ã™

UI

javascript

programming
ãƒªãƒ³ã‚¯
Engadget | Technology News & Reviews
Parrots in captivity seem to enjoy video-chatting with their friends on Messenger
meganemegane103jp 2014/07/04
ã‚¨ã‚¯ã‚»ãƒ«ã¨ã‹ä½¿ã‚ãªã„ä»•äº‹ã§ã‚ã‚Œã°Ubuntuã¨ã‹ã®æ–¹ãŒã„ã„ãªãƒ¼

é–‹ç™º

UI

Windows
ãƒªãƒ³ã‚¯
ç‰‡æ‰‹é–“ã®JavaScriptã‹ã‚‰è„±å‡ºã™ã‚‹ãŸã‚ã«ã“ã‚Œã‹ã‚‰ã®Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒç†è§£ã™ã¹ãã“ã¨ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« æœ€è¿‘ã€ã“ã†ã„ã£ãŸè¨˜äº‹ãŒä¸–é–“ã‚’ã«ãŽã‚ã›ã¦ã„ã‚‹ã€‚ã“ã‚Šã‚ƒã‚¨ãƒ´ã‚¡ã®è©±ãªã‚“ã¦ã—ã¦ã‚‹å ´åˆã˜ã‚ƒãã‡ï¼ã¨æ€ã£ã¦ã•ãã£ã¨ã“ã®è¾ºã®äº‹æƒ…ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«å¿…è¦ãªã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ RailsãŒæ™‚ä»£ã«åˆã‚ãªããªã£ã¦ããŸ Javascriptã‚’ä½¿ã†ã®ã‚’ã‚„ã‚ã‚ï¼šRailsã®æ™‚ä»£é…ã‚Œäº‘ã€…ã«ã¤ã„ã¦ã®çµè«– æ˜”ãªãŒã‚‰ã®ã€Œç‰‡æ‰‹é–“ã«æ›¸ãJavaScriptã€ã®é™ç•Œ Googleã‚„Twitterã§ã‚‚å®Ÿç¾ã§ããªã„ã®ã ã‹ã‚‰ä½¿ã†ãªå•é¡Œ ã“ã®è©±ã¯ã€ã©ã®åœ°ç‚¹ã®ä½•ã®è©±ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã®ã§ã™ã€‚ç¾åœ¨ã§ã¯ã‹ãªã‚Šã‚¹ãƒ†ãƒƒãƒ—ãƒãƒƒã‚¯ï¼†æ”¹å–„ãŒè¡Œã‚ã‚Œã€Safariè‡ªä½“ã®ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã¯ã‚¢ãƒ—
meganemegane103jp 2014/07/04
JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã‹ç’°å¢ƒã£ã¦å®šç•ªãŒå…¥ã‚Œæ›¿ã‚ã‚‹ã®ãŒæ—©ã„æ°—ãŒã™ã‚‹ã‚ˆã€‚ã¾ã ç™ºå±•ä¸ã£ã¦ã“ã¨ãªã®ã‹ã—ã‚‰

javascript

UI

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ãï¼2014å¹´ä¸ŠåŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
2014å¹´ä¸ŠåŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’Dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ å„ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã¯å¤§ãã„ã‚µã‚¤ã‚ºã®ç”»åƒã‚„PSDã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€æ°—ã«ãªã£ãŸã‚‚ã®ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã‚‚å¤šã„ã®ã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã‚µã‚¤ã‚ºãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚‹ãŸã‚æœ€åˆã®ä¸€ã¤ã ã‘ã§ã™ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒªãƒ³ã‚¯å…ˆã§ã€‚
meganemegane103jp 2014/07/03
ã“ã‚ŒãŒã„ã¾ã®æµè¡Œã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ãƒ¼

UI

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ä¿å˜ç‰ˆã€‘ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ææ¡ˆè³‡æ–™ã«ã‚‚ "ã‚ã£ã¡ã‚ƒä½¿ãˆã‚‹" ç„¡æ–™ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚µã‚¤ãƒˆ17é¸
ã©ã†ã‚‚ã€å¹³æˆã®â˜†ã€€ã‚„ãªâ˜†ãŽã•ã‚ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„è³‡æ–™ä½œæˆãªã©ã§ç´ æ•µãªã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚µã‚¯ãƒƒã¨é…ç½®ã—ãŸã‚Šã€ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã§ä½¿ã„ãŸã„æ™‚ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ãã‚“ãªã¨ãã€è‡ªåˆ†ã§ä½œã‚‹ã¨æ™‚é–“ãŒã‹ã‹ã‚‹ã—ã€ãã‚‚ãã‚‚ä½œã‚Œãªã„ã‚ˆã‰ãªã‚“ã¦æ‚©ã‚“ã§ã‚‹æ–¹ã¯å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ã¨ã„ã†ã‚ã‘ã§ã€çŽ‹é“ä¸ã®çŽ‹é“ã§ã™ãŒã€ä»Šå›žã¯ç´ æ•µãªã‚¢ã‚¤ã‚³ãƒ³ã‚µã‚¤ãƒˆã®ã”ç´¹ä»‹ã¨è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã¯ã‚„ä½•ç•ªç…Žã˜ã ã‹ã‚ã‹ã‚‰ãªã„ã‹ã‚‰ã“ãã€å…¨åŠ›ã§åŽ³é¸ã—ã¾ã—ãŸã€‚ãœã²ã€‚ ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãŒç„¡æ–™ï¼†è¶…æ¿€å®‰ã§æ‰‹ã«å…¥ã‚‹é‡‘å—å¡”çš„ã‚µã‚¤ãƒˆã€ŒICONFINDERã€ ICONFINDER >>ã‚µã‚¤ãƒˆã¯ã‚³ãƒãƒ© åƒ•ã¯ã€è³‡æ–™ã‚’ä½œã‚‹éš›ã«å¿…ãšã¨è¨€ã£ã¦ã„ã„ã»ã©ã“ã®ã‚µã‚¤ãƒˆã«ä¾å˜ã—ã¦ã¾ã™ã€‚ æ¤œç´¢ã¯è‹±èªžé™å®šã§ã™ãŒã€JPGã€PNGå½¢å¼ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ã‚„3Dç³»ã¾ã§ç•°å¸¸ãªã»ã©è±Šå¯Œãªã‚¢ã‚¤ã‚³ãƒ³åŽéŒ²æ•°ãŒé…åŠ›ã€‚ æœ¬è·ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã§ã“ã“ã‚’çŸ¥ã‚‰ãªã„ã£ã¦äººã¯ã‚‚ã¯ã‚„ã„ãªã„ã¨æ€ã„ã¾ã™ãŒã€éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼
meganemegane103jp 2014/07/03
ãƒ‡ã‚¶ã‚¤ãƒ³ã¯è‹¦æ‰‹ãªã®ã§ã€ã“ã†ã„ã†ã®ã¯ã‚ã‚ŠãŒãŸã„ã§ã™

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

ç´ æ

UI

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

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

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
Google ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒMaterial Designã€ | DevelopersIO
Material Design Google I/O 2014 ã§æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ Google Design ãã®ä¸ã§æ³¨ç›®ã•ã‚Œã‚‹ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãŒã€ŒMaterial Designã€ã§ã™ã€‚ã“ã‚Œã¯ç›´è¨³ã™ã‚‹ã¨ã€Œç´ æã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†æ„Ÿã˜ã«ãªã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ç¾å®Ÿä¸–ç•Œã®ç´ æã‚’ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã¨ã™ã‚‹ã“ã¨ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã‚ã‹ã‚Šã‚„ã™ããªã‚‹ã‚ˆã†ã«è€ƒãˆã‚‰ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚ˆã†ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€Material Design ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¤ã¤ã€ã©ã†ã‚„ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å§‹ã‚ã¦ã„ã‘ã°ã„ã„ã‹è€ƒãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Google Design ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å€‹äººçš„ã«è§£é‡ˆã—ãŸå†…å®¹ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚èª¤è§£ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«ã¦é€£çµ¡ãã ã•ã„ã€‚å–œã‚“ã§ä¿®æ£ã—ã¾ã™ã€‚ ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ ã¾ãšã¯ã˜ã‚ã« Material Design ã®æ¦‚è¦ã§ã™ã€‚æœ¬æ–‡ã‚’ãã®ã¾ã¾å¼•ç”¨ã—ã¾ã™ã€‚ We challenge
meganemegane103jp 2014/07/03
æ¨ªæ–‡å—ãŒå¤šã„ãžãƒ¼ã€‚

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

Google

UI

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æƒ…å ±ãŒãªã„ã“ã¨ã‚’ä¼ãˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ | UXãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾Standardã®ãƒ–ãƒã‚°
ã€ŒEmpty Dataï¼ˆã¾ãŸã¯Empty Statusï¼‰ã€ã¨ã„ã†UIãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚„ãƒ‰ãƒãƒ¯ãƒ¼ãªã©ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚Œã°çŸ¥ã£ã¦ã„ã‚‹UIãƒ‘ã‚¿ãƒ¼ãƒ³ã®åç§°ã«æ¯”ã¹ã‚‹ã¨ã€ã‚ã¾ã‚Šæ—¥æœ¬ã§ã¯èžãæ…£ã‚Œãªã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚Empty Dataã¯ç°¡å˜ã«è¨€ã†ã¨ãƒ‡ãƒ¼ã‚¿ãŒãªã„æ™‚ã®UIã«ãªã‚Šã¾ã™ï¼ˆWebã§ã®404ã«è¿‘ã„ã§ã™ãŒã€å°‘ã—é•ã„ã¾ã™ï¼‰ã€‚ã§ã¯ã€Empty Dataã‚’çŸ¥ã‚‹ãŸã‚ã«ã‚‚ã†å°‘ã—è©³ã—ãç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å‚è€ƒï¼šãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ ç¬¬2ç‰ˆ â€•ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ãŸã‚ã®ãƒ‘ã‚¿ãƒ¼ãƒ³é›† Empty Dataã¯UIã§ã‚ã‚‹ Empty Dataã¯ãŸã ãƒ¦ãƒ¼ã‚¶ã«ãƒ‡ãƒ¼ã‚¿ãŒãªã„ã“ã¨ã‚’ç¤ºã™ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ¦ãƒ¼ã‚¶ã«ãƒ‡ãƒ¼ã‚¿ãŒå˜åœ¨ã—ãªã„ã¨ã„ã†æƒ…å ±ã‚’ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã—ã€ã©ã†ã—ãŸã‚‰ã“ã“ã«æƒ…å ±ãŒå…¥ã‚‹ã‹ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«ç¹‹ã’ã‚‹ç«‹æ´¾ãªUIã§ã™ã€‚ã‚‚ã—Empty Dataã®UIãŒå˜åœ¨ã—ãªã‹ã£ãŸã‚‰ãƒ¦ãƒ¼ã‚¶ã¯ã©ã®ã‚ˆã†ã«æ„Ÿã˜ã‚‹ã§ã—
meganemegane103jp 2014/07/01
ã‚ã‚“ã¾ã‚Šè¨€åŠã•ã‚Œãªã„éƒ¨åˆ†ã§ã™ãŒã€ã“ã‚Œã¯é‡è¦ã§ã™ãã€‚ ãƒ‡ãƒ¼ã‚¿ç©ºã«ãªã‚‹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³å´©ã‚ŒãŸã‚Šã€‚ã€‚ã€‚ã¨ã‹ã‚ˆãè¦‹ã‚‹ã‚„ã¤ã ãƒ¼

Webã‚µãƒ¼ãƒ“ã‚¹

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

é–‹ç™º

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

UI
ãƒªãƒ³ã‚¯
æ˜”ãªãŒã‚‰ã®ã€Œç‰‡æ‰‹é–“ã«æ›¸ãJavaScriptã€ã®é™ç•Œ - mizchi's blog
Javascriptã‚’ä½¿ã†ã®ã‚’ã‚„ã‚ã‚ï¼šRailsã®æ™‚ä»£é…ã‚Œäº‘ã€…ã«ã¤ã„ã¦ã®çµè«– - Qiita ã“ã®è¨˜äº‹ã¯ã€å…¨ä½“çš„ã«è‡ªåˆ†ã®æ¥å‹™ä»¥å¤–ã®è©•ä¾¡åŸºæº–ã‚„ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’çŸ¥ã‚‰ãªã„ã‚“ã ãªã¨ã„ã†æ„Ÿã˜ã§ã€ã‚ã–ã‚ã–ä»˜ãåˆã†ã¨ç²¾ç¥žçš„ã«æ¶ˆè€—ã™ã‚‹æ„Ÿã˜ãŒã—ãŸã€‚ãŸã ã€ãã‚ŒãŒå½¼ã‚‰ã®æœ¬è·ã§ãªã„ä»¥ä¸Šã€è‡ªåˆ†ã‚‚ã“ã®çµè«–ã«è‡³ã‚‹ã®ã¯ä»•æ–¹ãªã„ã¨æ„Ÿã˜ã¦ã„ã‚‹éƒ¨åˆ†ã¯ã‚ã‚‹ã€‚ çœŸã®å•é¡Œã¯ã€è‡ªåˆ†ãŒãƒ¬ã‚¬ã‚·ãƒ¼ãªJavaScriptã‚’æ›¸ã„ã¦ã„ã‚‹ã¨ã„ã†è‡ªè¦šãŒãªã„äººé–“ãŒã€ã“ã“æ•°å¹´ã®æŠ€è¡“ãƒˆãƒ¬ãƒ³ãƒ‰ã‹ã‚‰ä¹–é›¢ã—ãŸã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãç¶šã‘ã‚‹ã“ã¨ã§ä»–ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãã®ã‚‚ã®ã«æ‚ªå½±éŸ¿ã‚’åŠã¼ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ãŒæ•£è¦‹ã•ã‚Œã¦ã„ã‚‹ã€‚ä¸€è¡Œæ›¸ãæ¯Žã«ã‚°ãƒãƒ¼ãƒãƒ«æ±šæŸ“ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è¦‹ã›ã‚‰ã‚Œã¦ã‚‚ãƒ¡ãƒ³ãƒ†å‡ºæ¥ã‚“ã¨è¨€ã‚ã‚Œã¦ã‚‚ã€ã¯ã„ãã†ã§ã™ãã¨ã—ã‹è¨€ãˆãªã„ã—ã€ãã†ã„ã†äººã«æœ€è¿‘ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è§¦ã‚‰ã›ã‚‹ã¨é…ããªã‚‹ã¨ã„ã†ã®ã¯ã€ç”»é¢å…¨ä½“ã‚’ä¸€ã¤ã®Mustacheãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ã—ã¦Backbone.Modelã®ãƒ‘ãƒ©ãƒ¡ãƒ¼
meganemegane103jp 2014/07/01
ãã®ç§˜è”µã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’çª“ã‹ã‚‰æ¨ã¦ã‚ï¼žã“ã‚Œã¯åè¨€ã€‚

JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

è€ƒãˆæ–¹

UI

UX
ãƒªãƒ³ã‚¯
Javascriptã‚’ä½¿ã†ã®ã‚’ã‚„ã‚ã‚ï¼šRailsã®æ™‚ä»£é…ã‚Œäº‘ã€…ã«ã¤ã„ã¦ã®çµè«– - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? çµè«–: Javascriptã®ä¹±ç”¨ã‚’ã‚„ã‚ã‚‹ã®ãŒä¸€ç•ªã€‚ ã¯ã˜ã‚ã«æ›¸ã„ã¦ãŠãã¾ã™ãŒã—ã‚‡ã†ã‚‚ãªã„è©±ã§ã™ã€‚ çµè«–ã€é–‹ç™ºè€…ã¨ã—ã¦ã¯ã©ã®ã‚ˆã†ãªæ–¹å‘æ€§ã§ã‚„ã‚‹ã¹ãã‹ã€ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ JSå¤šã„æ™‚ä»£ã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ ¹æœ¬çš„ãªå•é¡Œäº‘ã€…ã®ã“ã¨ã¯æ›¸ã„ã¦ã¾ã›ã‚“ã€‚ ã•ã¦ã€ç¾çŠ¶ã€ãƒ¢ãƒã‚¤ãƒ«ã«ãŠã„ã¦ã€Javascriptã§ã¾ã¨ã‚‚ã«å‹•ãã‚‚ã®ã‚’ä½œã‚‹ã“ã¨ã¯é›£ã—ã„ã§ã™ã€‚ Twitterã‹ã‚‰å¼•ãæŠœã„ãŸè¶…å„ªç§€ãªWebã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’å¤šæ•°æŠ±ãˆã‚‹Mediumã§ã™ã‚‰ã€æœªã ã«ãƒ¢ãƒã‚¤ãƒ«ã§å¤šæ•°ã®ãƒã‚°ã‚’æŠ±ãˆã¦ã„ã¾ã™ã€‚ è¶…å„ªç§€ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ä¸–ç•Œä¸€æŠ±ãˆã¦ã„ã‚‹ã§ã‚ã‚ã†Googleã®Gmailã§ã™ã‚‰ã€ãƒ¢ãƒ
meganemegane103jp 2014/06/29
ç¢ºã‹ã«JavaScriptã¯æ•£ã‚‰ã‹ã‚Šã‚„ã™ã„ã§ã™ãã€‚ã©ã†ã—ãŸã‚‰ã„ã„ã‚“ã ã‚

JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

development

UI
ãƒªãƒ³ã‚¯
1