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

DecoyMaker id:DecoyMaker

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

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

ç„¡æ–™ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯10é¸
ãƒ©ã‚¤ã‚¿ãƒ¼ã§ã‚ã‚Šã€Sufism:A Brief Historyã®è‘—è€…ã€‚ãƒ¡ã‚¤ãƒ³ã®åˆ†é‡Žã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã€ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºã€WebCMSã€ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ãƒ¼ãƒˆãªã©ã€‚é›»åã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã®Brave New Worldã®ãƒãƒ¼ãƒ•ï¼†ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã«ç§‘å¦ã¨æŠ€è¡“ã®ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’çµ„ã¿åˆã‚ã›ãŸã‚‰ã€ãªã«ãŒèµ·ã“ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿã€€ã¾ã•ã«GoogleãŒå®Ÿè·µã—ä½œã‚Šã‚ã’ãŸã€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆãŒå‰µã‚‰ã‚Œã‚‹ã®ã§ã™ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŽŸç†ã‚„ãƒ«ãƒ¼ãƒ«ã¨ã€ã‚µã‚¤ã‚¨ãƒ³ã‚¹ã‚„ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å¯èƒ½æ€§ã‚„ãã¾ã‚Šã‚’çµã³ã¤ã‘ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚»ãƒ—ãƒˆã§ã™ã€‚ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€é–¢é€£ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚„ãƒªã‚½ãƒ¼ã‚¹ã‚‚åŒæ§˜ã«äººæ°—ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŽ¡ç”¨ã™ã‚‹Webã‚„ãƒ¢ãƒã‚¤ãƒ«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«æœ€é©ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ãƒƒãƒˆã¨ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æ´»ç”¨ã®å®Ÿä¾‹ã‚‚ã¾ã¨ã‚ã¦
DecoyMaker 2018/11/30
Material Design
ãƒªãƒ³ã‚¯
ãŠå¥½ã¿ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³é…è‰²ã§HTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ä¸€ç™ºä½œæˆã§ãã‚‹ Color Tool
ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆè‹±: Material Designï¼‰ã¯ã€Googleã®é–‹ç™ºã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã§ã€é…è‰²ã‚„ã‚¢ã‚¤ã‚³ãƒ³ã€æ›¸ä½“ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹åŸºæœ¬åŽŸå‰‡ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«ã€ã‚¦ã‚§ãƒ–ã‚„ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã€Chromeã‚„Gmailãªã©ã«ã‚‚å°Žå…¥ã•ã‚Œã¦ãŠã‚Šã€è¦‹ãŸã“ã¨ãŒã‚ã‚‹ã²ã¨ã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ Bootstrapã¨Material Design Liteã®é•ã„ã‚’å¾¹åº•æ¤œè¨¼ï¼å„ãƒã‚¤ãƒ³ãƒˆ10å€‹ã¾ã¨ã‚ ã“ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®é…è‰²ã‚„UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«æ‰‹è»½ã«å®Ÿè£…ã§ãã‚‹ãƒ„ãƒ¼ãƒ« Color Tool ãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã€ä»Šå›žã¯ã§ãã‚‹ã“ã¨ã‚„ä½¿ã„æ–¹ã‚’è©³ã—ãã¿ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ŒColor Toolã€ã¨ã¯ Color Toolã€€ã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‹ã‚‰è‡ªç”±ã«é…è‰²ã‚’é¸ã¶ã“ã¨ãŒã§ãã€ãŠå¥½ã¿ã®è‰²ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™
DecoyMaker 2017/04/20
Material Design

MaterialDesign
ãƒªãƒ³ã‚¯
ãƒã‚°ã‚¤ãƒ³ - ã¯ã¦ãª
ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å¿˜ã‚ŒãŸæ–¹ã¯ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®å†è¨å®šã‚’è¡Œã£ã¦ãã ã•ã„ã€‚ åˆã‚ã¦ã®æ–¹ã¯ã¯ã¦ãªIDç™»éŒ² (ç„¡æ–™) ã—ã¦ãã ã•ã„ã€‚ ã†ã¾ããƒã‚°ã‚¤ãƒ³ã§ããªã„æ–¹ã¯ãŠå•ã„åˆã‚ã›ã‚’ã”è¦§ã„ãŸã ãã€Cookieã®è¨å®šã‚’ã”ç¢ºèªãã ã•ã„ã€‚
DecoyMaker 2017/02/07
Material Design

Android
ãƒªãƒ³ã‚¯
Mastering the Coordinator Layout Â· SaÃºl Molinero
Mastering the Coordinator Layout 27 Oct 2015 In the Google I/O 15, Google released a new support library which implements several components closely related with the Material Designâ€™s spec, among these components you can find new ViewGroups like the AppbarLayout, CollapsingToolbarLayout and CoordinatorLayout. Well combined and configured, these Viewgroups have a lot of potential. Therefore, I have
DecoyMaker 2016/07/05
Android

MaterialDesign

Material Design
ãƒªãƒ³ã‚¯
Android:ImageryHeaderFragment
Intro Android Developers Blogã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ioschedã‚¢ãƒ—ãƒªã®æ©Ÿèƒ½ã‚’ä¸€éƒ¨å®Ÿè£…ã™ã‚‹. Blog: http://android-developers.blogspot.jp/2014/08/material-design-in-2014-google-io-app.html å®Ÿç¾ã—ãŸã„æ©Ÿèƒ½ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯æ¬¡ã®é€šã‚Š. ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã—, ä¸€å®šã®Yåº§æ¨™ã«åˆ°é”ã™ã‚‹ã¨ç”»é¢ä¸Šéƒ¨ã¨ã®éš™é–“ã‚’åŸ‹ã‚ã‚‹(GapFill)ãƒ˜ãƒƒãƒ€ãƒãƒ¼ã‚’å®Ÿè£…ã™ã‚‹. First Releaseã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ã«ã‚ˆã£ã¦ãƒãƒŠãƒ¼ã‚¨ãƒªã‚¢ã®Î±å€¤ãŒå¤‰åŒ–ã™ã‚‹. Android Developers Blogã®è‘—è€…ã¯ã“ã‚Œã«ã¤ã„ã¦æ¬¡ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’æ®‹ã—ã¦ã„ã‚‹. Our concern was that this design bent the physics of material design too far.
DecoyMaker 2016/07/01
Android

MaterialDesign

Material Design
ãƒªãƒ³ã‚¯
Googleã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹å…¬å¼CSS/JS/HTMLã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ŒMaterial Design Liteã€
GoogleãŒãƒ¢ãƒã‚¤ãƒ«å‘ã‘OSã®ã€ŒAndroid 5.0 Lollipopã€ã§æŽ¡ç”¨ã—ã€åŒç¤¾ã®ä»–ã®è£½å“ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã§ã‚‚å°Žå…¥ã•ã‚Œã¦ã„ã‚‹ã€ŒMaterial Design(ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³)ã€ã¯ã€è¦‹ãŸç›®ã ã‘ã§ã¯ãªãä½¿ã„å‹æ‰‹ã¾ã§ã‚‚æ„è˜ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸUXã§ã™ã€‚ãã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚Œã‚‹CSS/Javascript/HTMLã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ŒMaterial Design Liteã€ã‚’ã€GoogleãŒå…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ Material Design Lite http://www.getmdl.io/ Introducing Material Design Lite â€” Google Developers â€” Medium https://medium.com/google-developers/introducing-material-design-lite-3ce67098
DecoyMaker 2015/07/09
Material Design

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.
DecoyMaker 2015/04/27
Google

Android

Material 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
DecoyMaker 2015/02/17
Android

Google

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

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

Material Design

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
AppCompat v21 â€” Material Design for Pre-Lollipop Devices! ã®æ—¥æœ¬èªžè¨³ - Qiita
AppCompat v21 â€” Material Design for Pre-Lollipop Devices! ã®æ—¥æœ¬èªžè¨³Android androidé–‹ç™ºMaterialDesignLollipopappcompat 2014/10/22 ã«å…¬é–‹ã•ã‚ŒãŸ AppCompat v21 â€” Material Design for Pre-Lollipop Devices! | Android Developers Blog ã‚’ç¿»è¨³(å¤šå°‘ã®æ„è¨³ã‚’å«ã‚€)ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«åŽŸæ–‡ã®è‰ç¨¿ã¯ 10/17 ã« https://chris.banes.me/2014/10/17/appcompat-v21/ ã«ã¦å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ãã®ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§ã‚‚è‘—è€…ã¨ã®æ´»ç™ºãªè°è«–(Q&A)ãŒç¹°ã‚Šåºƒã’ã‚‰ã‚Œã¦ã„ãŸã®ã§è²´é‡ãªæƒ…å ±æºã§ã™ã€‚ ã‚ã¨ã€ã“ã®è¨˜äº‹ã§è©±é¡Œã«ã—ã¦ã„ã‚‹ appcompat-v7/21 ã‚’çµ„ã¿è¾¼ã‚“ã Twitt
DecoyMaker 2014/11/05
Android

Material Design
ãƒªãƒ³ã‚¯
GitHub - google/material-design-icons: Material Design icons by Google (Material Symbols)
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
DecoyMaker 2014/10/20
Material Design

Google

icon
ãƒªãƒ³ã‚¯
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)
DecoyMaker 2014/09/29
bootstrap

Material Design

Android

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

Google

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[Polymer] Material Design ã‚’ä½¿ã£ãŸ Web ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã‚‹ | DevelopersIO
Material design with Polymer Google I/O 2014 ã§ç™ºè¡¨ã«ãªã£ãŸã€ŒMaterial Designã€ã§ã™ãŒã€Web ã®å ´åˆã¯ Polymer ã§æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚Polymer ã¯ Web Components ã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æ˜¨å¹´ã® Google I/O ã§ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å‚è€ƒã« Polymer ã‚’ä½¿ã£ã¦ Material Design ã® Web ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚’è©¦ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ Material Design ã®ä¸–ç•Œã‚’ä½“é¨“ã—ã¦ã¿ã‚ˆã† ãã®å‰ã«ã€Material Design ã§ã©ã®ã‚ˆã†ãª Web ãƒšãƒ¼ã‚¸ãŒä½œã‚Œã‚‹ã®ã‹ã€ãƒ‡ãƒ¢ã® Web ãƒšãƒ¼ã‚¸ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä»¥ä¸‹ã® 3 ã¤ã®ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Topeka (ã‚¯ã‚¤ã‚ºã‚¢ãƒ—ãƒª) Paper Eleme
DecoyMaker 2014/08/12
Material Design

Android

Google
ãƒªãƒ³ã‚¯
è©±é¡Œã®Material Designã‚’Webã§å®Ÿç¾ï¼Polymerã§ã€ŒPaper Elementsã€ã‚’è©¦ãã†
è©±é¡Œã®Material Designã‚’Webã§å®Ÿç¾ï¼Polymerã§ã€ŒPaper Elementsã€ã‚’è©¦ãã† ä½è—¤æ©ï¼ˆæ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆï¼‰ ã“ã®è¨˜äº‹ã§ã¯2014å¹´7æœˆã«Google I/Oã§ç™ºè¡¨ã•ã‚ŒãŸMaterial Designã«ã¤ã„ã¦ã€ã©ã®ã‚ˆã†ãªã‚³ãƒ³ã‚»ãƒ—ãƒˆãªã®ã‹ã€ã“ã‚Œã¾ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ä½•ãŒé•ã†ã®ã‹ã€ãƒã‚¤ãƒ³ãƒˆã‚’ãŠã•ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚è¨˜äº‹ã®å¾ŒåŠã§ã¯ã€Material Designã‚’Webã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®Polymerã¨Paper Elementsã«é–¢ã—ã¦ã‚‚èª¬æ˜Žã—ã¾ã™ã€‚ Material Designã¨ã„ã†è¦–è¦šçš„è¨€èªž Material Designã®ç›®çš„ã¯ã€ã²ã¨ã¤ã®è¦–è¦šçš„ãªè¨€èªžï¼ˆVisual Languageï¼‰ã«ã‚ˆã£ã¦ã€ã‚ã‚‰ã‚†ã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ã‚ã‚‰ã‚†ã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã®ãƒ‡ãƒã‚¤ã‚¹ã§ã€ä¸€è²«æ€§ã®ã‚ã‚‹ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ã™ã€‚ ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã€ä¼çµ±çš„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãƒ†ã‚¯
DecoyMaker 2014/08/12
Material Design

Android

Google

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
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ãŒç™ºè¡¨ã—ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚„ãƒ‡ãƒã‚¤ã‚¹é–“ã®åŒ…æ‹¬çš„ãª
DecoyMaker 2014/07/08
ã“ã‚ŒWebç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚æä¾›ã•ã‚Œã‚‹ã‚“ã ã‚ã‹ã€‚

Android

Material Design
ãƒªãƒ³ã‚¯
Android L Developer Previewã§è¿½åŠ ã•ã‚ŒãŸripple effectã‚’ä½¿ã£ãŸç‹¬è‡ªãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ - Qiita
è¿½è¨˜(2014/10/23) Android 5.0 SDKãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã§ã€åˆ¥è¦³ç‚¹ã‹ã‚‰Rippleã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è§£èª¬ã—ã¾ã—ãŸã€‚ä»¥ä¸‹ã®è¨˜äº‹ã‚‚ä½µã›ã¦ã©ã†ãžã€‚ Android 5.0ã®RippleDrawableæ¦‚è«–ï¼šæ—¢å˜ã‚¢ãƒ—ãƒªã®Rippleå¯¾å¿œã¾ã§ - Qiita tl; dr Githubã«ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹ã—ã¾ã—ãŸï¼ã†ã¾ãã„ã‹ãªã„æ–¹ã¯ãƒªãƒã‚¸ãƒˆãƒªã‚’ã‚¯ãƒãƒ¼ãƒ³ã—ã¦ã€ãã®ã¾ã¾å®Ÿè¡Œã—ã¦ã¡ã‚‡ã£ã¨ãšã¤è©¦ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ keima/Qiita-Material-Ripple-Example ã¯ã˜ã‚ã« Android L Developer Preview(ä»¥ä¸‹ã€Android L)ã§ã¯ã€ã€ŒMaterial Designã€ã¨ã„ã†UXä½“ç³»ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ Google Design Buttons - Components - Google design guidelines éžå¸¸ã«å¤šå²ã«ã‚ãŸã‚Šè¨˜è¼‰ã•ã‚Œã¦ã‚
DecoyMaker 2014/07/08
Android

Material Design
ãƒªãƒ³ã‚¯
1