[B! Material Design] visca__Barcaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

visca__Barca id:visca__Barca

Material Designã«é–¢ã™ã‚‹visca__Barcaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

Materialize - ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ MOONGIFT
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ„ã‚€ã®ã¯å½“ãŸã‚Šå‰ã€ä»Šã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ã‚‹ã¨ã„ã†æ™‚ä»£ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãƒ•ãƒ©ãƒƒãƒˆUIã‚’è¸è¥²ã—ã¤ã¤ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ¹æžœçš„ã«ä½¿ã†ã“ã¨ã§ã•ã‚‰ã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£é«˜ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ ä¸»ã«ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç”¨ã«ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã‚‚ååˆ†åˆ©ç”¨ãŒå¯èƒ½ã§ã™ã€‚ä»Šå›žã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Materializeã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Materializeã®ä½¿ã„æ–¹ ä»Šå›žã¯ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆå¤šã‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Materializeã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‹ã¤ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ãªã£ã¦ã„ã¾ã™ã€‚é–‹ç™ºã®é«˜é€ŸåŒ–ã€ãƒ¦ãƒ¼ã‚¶ä½“é¨“é‡è¦–ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã‚µãƒ³ãƒ—ãƒ«ã‚’å¤šã‚ã«ã—ã¦å¦ç¿’ã‚³ã‚¹ãƒˆã‚’ä½Žãã™ã‚‹ã¨ã„ã£ãŸç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ Materializeã¯HTML5/JavaScript/CSS3è£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT Lic
visca__Barca 2015/02/25
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

Material Design

*toEver
ãƒªãƒ³ã‚¯
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³#3 Card, Chips, Tabs - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã†ã¡ã€ Card Chips Tabs ã®ï¼“ã¤ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã‚‹ã€‚ å„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒã©ã†ã„ã†ç›®çš„ã§ä½¿ã‚ã‚Œã€åˆ©ç”¨ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ãã“ã¨ã¯ãªã«ã‹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ãŒä¸Šã’ã¦ããŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³çš„ã«æ£ã—ã„ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ãã‚‰ã„ã®åŸºç¤ŽçŸ¥è˜ã‚’èº«ã«ã¤ã‘ã‚‹ã“ã¨ãŒç›®çš„ã€‚ Card ã‚«ãƒ¼ãƒ‰ã¯å›ºæœ‰ã®é–¢é€£ã™ã‚‹æƒ…å ±ã‚’ã¾ã¨ã‚ãŸä¸€æžšã®ç´™ã§ã‚ã‚Šã€å†™çœŸã€ãƒ†ã‚ã‚¹ãƒˆã€å˜ä¸€ã®å¯¾è±¡ã¸ã®ãƒªãƒ³ã‚¯ãªã©ã§æ§‹æˆã•ã‚Œã‚‹ã€‚ ã‚«ãƒ¼ãƒ‰ã¯ã€ã‚ˆã‚Šè¤‡é›‘ã§è©³ç´°ãªæƒ…å ±ã¸ã® ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒã‚¤ãƒ³ãƒˆã¨ã—ã¦ç”¨ã„ã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã€‚ ã‚«ãƒ¼
visca__Barca 2015/01/16
Material Design

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

UI

*toEver
ãƒªãƒ³ã‚¯
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³#2 Subheaders, Switches, Snackbars & toasts - Qiita
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã†ã¡ã€ Subheaders Switches Snackbars & toasts ã®ï¼“ã¤ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã‚‹ã€‚ å„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒã©ã†ã„ã†ç›®çš„ã§ä½¿ã‚ã‚Œã€åˆ©ç”¨ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ãã“ã¨ã¯ãªã«ã‹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ãŒä¸Šã’ã¦ããŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³çš„ã«æ£ã—ã„ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ãã‚‰ã„ã®åŸºç¤ŽçŸ¥è˜ã‚’èº«ã«ã¤ã‘ã‚‹ã“ã¨ãŒç›®çš„ã€‚ Subheaders ã‚µãƒ–ãƒ˜ãƒƒãƒ€ãƒ¼ï¼ˆSubheadersï¼‰ã¯ã€ãƒªã‚¹ãƒˆã‚„ã‚°ãƒªãƒƒãƒ‰ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã„ãã¤ã‹ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«åˆ†ã‘ã‚‹ãŸã‚ã«åˆ©ç”¨ã•ã‚Œã‚‹ç‰¹åˆ¥ãªã‚¿ã‚¤ãƒ«ã§ã‚ã‚‹ã€‚ ä¸»ã«ãƒªã‚¹ãƒˆã€ã‚°ãƒªãƒƒãƒ‰ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ï¼“ãƒ‘ã‚¿ãƒ¼ãƒ³ã«åˆ†é¡žã•ã‚Œã‚‹ã€‚ ã¾ãŸã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã«ã‚µãƒ–ãƒ˜ãƒƒãƒ€ãƒ¼ã¯ç”»é¢ã®ä¸Šå´ã«å›ºå®šã•ã‚Œã‚‹ã€‚ ã•ã‚‰ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦æ¬¡ã®ã‚µãƒ–ãƒ˜ãƒƒãƒ€ãƒ¼ãŒä¸Šéƒ¨ã«æ¥ãŸæ™‚ã«ã€ä»¥å‰ã®ã‚µãƒ–ãƒ˜ãƒƒãƒ€ãƒ¼ã¯æ¶ˆãˆã¦æ¬¡ã®ã‚µãƒ–ãƒ˜ãƒƒãƒ€ãƒ¼ãŒä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã‚‹ã€‚ Fig
visca__Barca 2015/01/16
Material Design

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

UI

*toEver
ãƒªãƒ³ã‚¯
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³#1 Menus, Dialog, Pickers - Qiita
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã†ã¡ã€ Menus Dialog Pickers ã®ï¼“ã¤ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã‚‹ã€‚ å„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒã©ã†ã„ã†ç›®çš„ã§ä½¿ã‚ã‚Œã€åˆ©ç”¨ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ãã“ã¨ã¯ãªã«ã‹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ãŒä¸Šã’ã¦ããŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³çš„ã«æ£ã—ã„ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜ã‚’èº«ã«ã¤ã‘ã‚‹ã“ã¨ãŒç›®çš„ã€‚ è¤‡æ•°ã®ã‚¢ã‚¤ãƒ†ãƒ ã®ãƒªã‚¹ãƒˆã‚’ä¸€æ™‚çš„ã«è¡¨ç¤ºã™ã‚‹ãƒžãƒ†ãƒªã‚¢ãƒ«ã€‚ ä½¿ã„æ–¹ Menusã¯ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ãªã©ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ãŸæ™‚ã«ä¸€æ™‚çš„ã«è¡¨ç¤ºã•ã‚Œã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒMenusã®æŒã¤è¤‡æ•°ã®ã‚¢ã‚¤ãƒ†ãƒ ã‹ã‚‰ã©ã‚Œã‹ã‚’é¸æŠžã™ã‚‹ã“ã¨ã‚’ä¿ƒã™ã€‚ ã‚ãã¾ã§ã‚ªãƒ—ã‚·ãƒ§ãƒ³çš„ãªé¸æŠžè‚¢ã®æä¾›ã«ç”¨ã„ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚Šã€ã‚¢ãƒ—ãƒªå†…ã§ã®é‡è¦åº¦ã®é«˜ã„ã‚‚ã®ã«åˆ©ç”¨ã™ã¹ãã§ã¯ãªã„ã€‚ ã‚¢ãƒ—ãƒªå†…ã®ä¸»è¦ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ç”¨ã„ã‚‹ã¹ãã§ã¯ãªã„ã€‚ ãƒ©ãƒ™ãƒ«ã¯å‡ºæ¥ã‚‹é™ã‚Šå˜èªžã‹çŸã„ãƒ•ãƒ¬ãƒ¼ã‚ºã§ç°¡æ½”ã«ã€‚ ç”»é¢ã«å…¥ã‚Šãã‚‰ãªã„å ´åˆã¯å†…éƒ¨ã§
visca__Barca 2015/01/16
Material Design

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

UI

*toEver
ãƒªãƒ³ã‚¯
Material DesignãŒè§£æ±ºã™ã‚‹Androidã®ãƒ‡ã‚¶ã‚¤ãƒ³çš„èª²é¡Œ (1/2)
Google I/O 2014ã§ç™ºè¡¨ã•ã‚ŒãŸæ¬¡æœŸAndroid OSï¼ˆé€šç§°ã€ŒAndroid Lã€ï¼‰å‘ã‘ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã€ŒMaterial Designã€ãŒæ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚Material Designã¨ã¯ä½•ã‹ï¼Ÿ 2å›žã«æ¸¡ã£ã¦ã€ç‰¹å¾´ã¨Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¸Žãˆã‚‹å½±éŸ¿ã‚’è€ƒãˆã¾ã™ã€‚ ç´™ã®ã‚ˆã†ã«æ‰±ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ Material Designã®åŽŸå‰‡ã‚’èª¬æ˜Žã—ãŸWebã‚µã‚¤ãƒˆã€ŒIntroduction - Material Designã€ã‚’è¦‹ã‚‹ã¨ã€ä¼¸ç¸®è‡ªåœ¨ãªç´™ã«ä¼¼ãŸé•·æ–¹å½¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç›®ã«å…¥ã‚Šã¾ã™ã€‚ã€Œã‚ã€Material Designã£ã¦ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã“ã¨ã‹ã€ã¨å‹˜é•ã„ã—ã¦ã—ã¾ã„ãã†ã§ã™ã€‚
visca__Barca 2014/07/28
Material Design

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

UI

Android

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

UI

android

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

*toEver
ãƒªãƒ³ã‚¯
1