[B! material design] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

material designã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

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

Googleã®æå”±ã™ã‚‹ã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã®äº‹ä¾‹ã‚’é›†ã‚ã¾ãã£ã¦ç„¡æ–™ã§ç´ æã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¾ã§å¯èƒ½ãªã€ŒMaterialUpã€
GoogleãŒé–‹ç™ºè€…å‘ã‘ã‚¤ãƒ™ãƒ³ãƒˆGoogle I/O 2014ã§ç™ºè¡¨ã—ãŸæ–°ã—ã„UXä½“ç³»ãŒã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚«ãƒ¼ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã‚’ä½¿ã„ã€ã€Œåˆç†çš„ãªä½™ç™½ã¨å‹•ãã‚’ä½¿ã£ãŸçµ±ä¸€ç†è«–ã«åŸºã¥ã„ãŸã‚‚ã®ã€ã¨å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®å„ªã‚ŒãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’æ¯Žæ—¥æœ€å¤§12å€‹å±•ç¤ºã™ã‚‹ã€ŒMaterialUpã€ã¯ã€ã€Œå„ªã‚ŒãŸãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ä½•ã‹ã€ãŒä¸€ç›®ã§åˆ†ã‹ã‚‹ä¸Šã«ç´ æã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¾ã§ã§ãã‚‹ä¾¿åˆ©ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ The Best Of Material Design, daily â€“ MaterialUp http://www.materialup.com/ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ä½•ã‹ï¼Ÿã¨ã„ã†ã“ã¨ã¯ã€ä»¥ä¸‹ã®è¨˜äº‹ã‹ã‚‰èªã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸGoogleã®æ–°UXãƒ‡ã‚¶ã‚¤ãƒ³ã€ŒMaterial Designã€ã¨ã¯ï¼Ÿ - GIGAZINE
kana321 2015/03/17
Googleã®æå”±ã™ã‚‹ã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã®äº‹ä¾‹ã‚’é›†ã‚ã¾ãã£ã¦ç„¡æ–™ã§ç´ æã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¾ã§å¯èƒ½ãªã€ŒMaterialUpã€

material

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

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

google

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

webdesign

Material Design

ç´ æ

design

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒžãƒ†ãƒªã‚¢ãƒ« ãƒ‡ã‚¶ã‚¤ãƒ³é–¢é€£ã®å‹•ç”»ã«æ—¥æœ¬èªžå—å¹•ãŒä»˜ãã¾ã—ãŸ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
kana321 2015/02/17
design

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

materialdesign

Google

japan

ã‚ã¨ã§èªã‚€

google

Material Design

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŽMaterializeã€ä½¿ã£ã¦ã¿ãŸ - tmlife
Google ãŒç™ºè¡¨ã—ã¦ã‹ã‚‰ã¡ã‚‡ã“ã¡ã‚‡ã“è©±é¡Œã«ä¸ŠãŒã£ã¦ã„ã‚‹ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³. ä»Šå›žã¯ãã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŽMaterializeã€ä½¿ã£ã¦ã¿ãŸã®ã§ãã®ãƒ¡ãƒ¢ã§ã™. æ¯Žå›ž bootstrap ã˜ã‚ƒé£½ãã¡ã‚ƒã„ã¾ã™ã—ãâ™ª Materialize ã£ã¦ï¼Ÿ å…¬å¼ã‚ˆã‚Š A modern responsive front-end framework based on Material Design ã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ¢ãƒ€ãƒ³ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™.ã€ çš„ãªã“ã¨ãŒæ›¸ã‹ã‚Œã¦ã¾ã™ã. ã–ã£ãã‚Šè¨€ã†ã¨ bootstrap ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ç‰ˆã§ã™. less ã§ã¯ãªã sass ä½¿ã£ã¦ã‚‹ã¨ã“ã¨ã‹è‹¥å¹²ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒé•ã£ãŸã‚Šã—ã¾ã™ãŒ, åŸºæœ¬çš„ã«ã¯åŒã˜æ„Ÿã˜ã§ä½¿ãˆã¾ã™. Reference Official Github cdnjs Mater
kana321 2015/01/29
jQuery

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

css

web

Bootstrap

material design

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

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

ã‚ã¨ã§èªã‚€

CSS
ãƒªãƒ³ã‚¯
Polymerã§Material Designãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†
ä»Šå¹´æ³¨ç›®ã®ã‚ªãƒ¼ãƒ—ãƒ³Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®ã²ã¨ã¤ã«ã€Web ComponentsãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚HTML5Experts.jpã§ã‚‚ä»Šã¾ã§å¹¾åº¦ã‚‚é–¢é€£è¨˜äº‹ã€Polymer.jsã«ã¤ã„ã¦ã®è¨˜äº‹ãŒç´¹ä»‹ã•ã‚Œã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯å®Ÿéš›ã«ã€Polymerã¨Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’ç”¨ã„ã¦ã€è¦–è¦šçš„ã«ã‚‚ãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã«ã‚‚å„ªã‚ŒãŸãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’å®Ÿéš›ã«ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¾ãšå§‹ã‚ã‚‹å‰ã«ã“ã®ãƒ©ã‚¤ãƒ–ãƒ‡ãƒ¢ã€Kitteh Anonymousã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ãŸã¯ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã“ã§ã¯ã€ã“ã®ãƒ‡ãƒ¢ã®ç°¡ç•¥ç‰ˆã§ã‚ã‚‹Liteãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’å®Ÿéš›ã«ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ã‚¹ãƒ†ãƒƒãƒ—ãƒ»ãƒã‚¤ãƒ»ã‚¹ãƒ†ãƒƒãƒ—ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªçŸ¥è˜ Polymerã®åŸºç¤ŽçŸ¥è˜ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ã€Bowerã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ï¼ˆPolymerã¨ä¾å˜ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã®ã«ä½¿
kana321 2015/01/27
web

()

Polymer

javascript

material

html5

webcomponents

ã‚ã¨ã§èªã‚€

Material Design

android
ãƒªãƒ³ã‚¯
ðŸŽ¨ Material Design Colors, Color Palette | Material UI
Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.
kana321 2015/01/17
Google

materialdesign

webservice

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

color

é…è‰²

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

material design

ui
ãƒªãƒ³ã‚¯
Androidã®UIã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãå‚è€ƒã«ã—ã¦ã„ã‚‹è³‡æ–™ã¾ã¨ã‚ | VIVID COLORS + BLOG -ç¦å²¡ã‹ã‚‰æ±äº¬ã«å‡ºã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°-
ãƒ¡ã‚¤ãƒ³ã®ãŠä»•äº‹ãŒAndroid UIæ‹…å½“ã«ãªã£ã¦æ—©1å¹´ã€‚ ä»Šå¹´ã¯çµ¶å¯¾ã«æœˆã«1å›žã¯ãƒ–ãƒã‚°ã‚’æ›´æ–°ã™ã‚‹ã¨æ±ºã‚ã¾ã—ãŸã€‚ ã“ã‚“ã«ã¡ã¯ã€‚YUKIã§ã™ã€‚ Androidã®UIãƒ‡ã‚¶ã‚¤ãƒ³é–¢é€£ã§ã“ã¾ã‚ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã‚‹è³‡æ–™ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰Androidã®UIé–¢ä¿‚ã®æƒ…å ±ã‚’é›†ã‚ã‚‹æ–¹ã€Material Designã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒç™ºè¡¨ã•ã‚Œã¦ã‹ã‚‰ã©ã†å¤‰ã‚ã£ãŸã®ã‹åŽé›†ä¸ã®æ–¹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ï¼ (2015/1/10 ç¾åœ¨) ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé–¢ä¿‚ å…¬å¼è³‡æ–™é–¢ä¿‚ Material Design ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ http://www.google.com/design/spec/material-design/introduction.html ã¾ãšã¯èªã¿è¾¼ã‚“ã§Material Designã®æ€æƒ³ã‚’ç†è§£ Google Developers Blog http://googledevelopers.blogspot
kana321 2015/01/11
Material design

Android

ã‚ã¨ã§èªã‚€

ui

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

design

ã‚¢ãƒ—ãƒª

UX_ç†è«–

è³‡æ–™

google
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹ | PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
kana321 2014/12/26
å‚è€ƒ

material design

photoshop

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

ui

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

design

Material

ã‚ã¨ã§èªã‚€

google
ãƒªãƒ³ã‚¯
Material Design
Build beautiful, usa ble products faster. Material Design is an adapta ble systemâ€”backed by open-source codeâ€”that helps teams build high quality digital experiences.
kana321 2014/12/25
development

desing

*ã‚ã¨ã§

google

material design

Google
ãƒªãƒ³ã‚¯
Material Palette - Material Design Color Palette Generator
Choose your favorite colors and get your Material Design palette generated and downloadable.
kana321 2014/12/18
color

android

é…è‰²

MaterialDesign

design

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

material

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

generator

material design
ãƒªãƒ³ã‚¯
Material Designã‚’è¦‹ã¦ã¿ãŸ - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆå®¤ã® @kaa ã§ã™ã€‚ GoogleãŒå…ˆæ—¥IOã§ç™ºè¡¨ã—ãŸMaterial Designã«ã¤ã„ã¦ã®è³‡æ–™ã‚’è¦‹ã¦ã€å…ƒFlasherã®è¦–ç‚¹ã§ ã„ã¾ã•ã‚‰æ€ã£ãŸäº‹ãªã©ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ Material design - YouTube ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦ãƒ¡ãƒ¢ã§ã™ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒšãƒ¼ã‚¸ä»¥é™ã¯ã¾ãŸæ¬¡å›žã«ã€‚ Introduction http://www.google.com/design/spec/material-design/introduction.html ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã¯ç´™ï¼Ÿ ã‚«ãƒ¼ãƒ‰ã¯ç´™ã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã€ã¨ã„ã†è©±ã§ã™ãŒã€ã©ã†ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã‚‚ã—ç´™ã ã£ãŸã‚‰ãƒ†ã‚¯ã‚¹ãƒãƒ£ã®è³ªæ„Ÿã‚„è¡¨ç¤ºæ™‚ã«å‚¾ãã€ã‚†ã‚Œã‚‹æ¼”å‡ºãŒå…¥ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ å››è§’å½¢ãŒã‚†ãŒã‚€ã“ã¨ã¯ãªã„ã®ã§ç´™ã®è¦‹ãˆæ–¹ã¨ã¯å°‘ã—é•ã„ã¾ã™ã—ã€ç´™ã®ã‚„ã‚ã‚‰ã‹ã•ãŒãªã„ã§ã™ã‚ˆãã€€ã“ã‚Œã®Material responseã¨ã‹ ç´™ã§ã™ã¨å‡
kana321 2014/11/26
Materialdesign

youtube

Google

UI

Google

Designè€ƒå¯Ÿ

Material Design

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

design

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Material UI
Google's material design UI components built with React.
kana321 2014/11/09
Framework

CSS

UI

Material Design

*ã‚ã¨ã§èªã‚€

javascript

react

material

google

design
ãƒªãƒ³ã‚¯
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Material Design for Bootstrap 5 & Vanilla JavaScript Standard Bootstrap version built with plain JS (but works also with jQuery)
kana321 2014/09/29
Bootstrap Material

Google

material design

bootstrap

google

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

web

design

material

css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
kana321 2014/08/08
photoshop

Google

material design

Google

ã‚¢ãƒ—ãƒª

design

japan

"Webåˆ¶ä½œ

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Material Designã®åˆ©ç”¨ã¨Webãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å½±éŸ¿ (1/2)
ã‚°ãƒ¼ã‚°ãƒ«ãŒç™ºè¡¨ã—ãŸã€æ¬¡æœŸAndroid OS ï¼ˆé€šç§°Android Lï¼‰å‘ã‘ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸç†ã€ŒMaterial Designã€ã®ä½¿ã„é“ã‚„ä½¿ã„æ–¹ã«ã¤ã„ã¦ã€èƒŒæ™¯ã«ã‚ã‚‹æ€æƒ³ã‚„Webãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å½±éŸ¿ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ™®åŠã®éµã‚’æ¡ã‚‹SDKã¨Polymer Material Designã¯ã€æ¬¡æœŸAndroid OSï¼ˆé€šç§° Android Lï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã¨ã—ã¦ã€Androidãƒ‡ãƒã‚¤ã‚¹ã§å‹•ãã‚¢ãƒ—ãƒªã‚„ã‚µãƒ¼ãƒ“ã‚¹ã¸ã®é©ç”¨ãŒæ±‚ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚Androidã®å ´åˆã€iOSã®ã‚ˆã†ã«ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å´ãŒã‚¢ãƒ—ãƒªæä¾›å´ã‚’å¯©æŸ»ã—ãªã„ã®ã§ã€åŸºæº–ãŒç¤ºã•ã‚Œã‚‹ã ã‘ã§ã¯æ™®åŠã®ãã£ã‹ã‘ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚°ãƒ¼ã‚°ãƒ«ã¯ã“ã®å•é¡Œç‚¹ã‚’ã€Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’ç››ã‚Šè¾¼ã‚“ã SDKã®æä¾›ã§å…‹æœã—ã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ SDKã®ä»•æ§˜ã«æ²¿ã£ã¦ã‚¢ãƒ—ãƒªã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºã™ã‚Œã°ã€åŠã°è‡ªå‹•çš„ã«Material Designã®åŽŸå‰‡ã«æ²¿ã£ãŸUIãŒæ§‹
kana321 2014/08/05
Material Designã®åˆ©ç”¨ã¨Webãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å½±éŸ¿

google

ã‚ã¨ã§èªã‚€

webdesign

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

ui

polymer

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

design

material design

android
ãƒªãƒ³ã‚¯
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ã£ã¦ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã“ã¨ã‹ã€ã¨å‹˜é•ã„ã—ã¦ã—ã¾ã„ãã†ã§ã™ã€‚
kana321 2014/07/28
Material Designã¨ã¯ä½•ã‹ï¼Ÿ 2å›žã«æ¸¡ã£ã¦ã€ç‰¹å¾´ã¨Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¸Žãˆã‚‹å½±éŸ¿ã‚’è€ƒãˆã¾ã™ã€‚

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

Google

Android

æ–‡

Webåˆ¶ä½œ

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

google

design

material

material design
ãƒªãƒ³ã‚¯
Material Designã®ç›®æŒ‡ã™ã¨ã“ã‚ã¨Androidå´ã®å¤‰æ›´ç‚¹ - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆå®¤ã® @rejasupotaro ã§ã™ã€‚ ä»Šå¹´ã®Google I/Oã§ã¯Android Oneã€Android Lã€Material Designã€Android Wareã€Android Autoã€Android TVã€Google Cloud Platformã€Google Fitãªã©ã®ç™ºè¡¨ãŒã‚ã‚Šã¾ã—ãŸã€‚å¼Šç¤¾ã‹ã‚‰ã¯ç§ã¨ @sys1yagi ã¨ @__gfx__ ãŒå‚åŠ ã—ãŸã®ã§ã€ä½•å›žã‹ã«åˆ†ã‘ã¦Google I/Oã®ç™ºè¡¨ã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯Material Designã§ã™ã€‚å†…å®¹ã¯å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ã‚»ãƒƒã‚·ãƒ§ãƒ³å‹•ç”»ã®è¦ç´„ã‚„å‚è€ƒãƒªãƒ³ã‚¯ã‹ã‚‰ã®å¼•ç”¨ã‚’å«ã¿ã¾ã™ãŒã€ç†è€…ã®è€ƒå¯Ÿã‚„ä¸»è¦³ã‚‚å«ã¾ã‚Œã¾ã™ã€‚ Material Designã¨ã¯ Material Designã¨ã¯ã€GoogleãŒç™ºè¡¨ã—ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚„ãƒ‡ãƒã‚¤ã‚¹é–“ã®åŒ…æ‹¬çš„ãª
kana321 2014/07/08
gmail

android

design

ui

google

Material Design

UX

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

material

é–‹ç™º
ãƒªãƒ³ã‚¯
1