Material Design Awards 2018
Each year, the Material Design Awards honor the product teams that bring Material to life. These best-in-class examples showcase the flexibility of our adaptable design system by making it uniquely their own. We’re pleased to present the class of 2018, a group of products that creatively employ Material Design across four distinct categories—expression, innovation, experience, and adaptation. The
Material Designを語りã¤ãã™ï¼ã€ŒGoogle I/O Extended 2018 Shibuyaã€è³‡æ–™ã¾ã¨ã‚｜Goodpatch Blog グッドパッãƒãƒ–ãƒã‚°
ナレッジ・ノウãƒã‚¦ Material Designを語りã¤ãã™ï¼ã€ŒGoogle I/O Extended 2018 Shibuyaã€è³‡æ–™ã¾ã¨ã‚ GoogleãŒæ¯Žå¹´é–‹å‚¬ã™ã‚‹é–‹ç™ºè€…å‘ã‘ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒGoogle I/Oã€ã€‚エンジニアãªã‚‰ã€å‚åŠ ã—ãŸã“ã¨ãŒã‚る方も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã‚‚ã¡ã‚ã‚“Goodpatchã‹ã‚‰ã‚‚ã€æ¯Žå¹´ãƒ¡ãƒ³ãƒãƒ¼ãŒå‚åŠ ã—ã¦ã„ã¾ã™ã€‚ 2017å¹´ã®ãƒ¬ãƒãƒ¼ãƒˆï¼šGoogle I/O 2017レム&「How Well Do You Know the Web?ã€ç´¹ä»‹ 2016å¹´ã®ãƒ¬ãƒãƒ¼ãƒˆï¼šGoogle I/Oã«è¡Œã£ã¦ããŸï¼ã‚°ãƒƒãƒ‰ãƒ‘ッãƒç›®ç·šãƒ¬ãƒãƒ¼ãƒˆ 2017å¹´ã¾ã§ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ¡ãƒ³ãƒãƒ¼ãŒå‚åŠ ã—ã¦ã„ã¾ã—ãŸãŒã€2018å¹´ã¯UIデザイナーã®ãƒ¡ãƒ³ãƒãƒ¼ãŒå‚åŠ ã€‚ç¾åœ°ã§å¾—ãŸãƒŠãƒ¬ãƒƒã‚¸ã‚’日本ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«é‚„å…ƒã™ã‚‹ã¹ãã€å ±å‘Šä¼šã€ŒI/O Extended 2018 Shibuya (Mate
エンジニアãŒæ¦å™¨ã«ã™ã‚‹Material Design
■目次 エンジニアãŒMateiral Designã‚’ç†è§£ã™ã‚‹åˆ©ç‚¹ Material Designã®ç‰¹å¾´ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ€è€ƒ デザイン巻ã戻り工数ã®å‰Šæ¸› エンジニアã«ã—ã‹ã§ããªã„ユーザー体験ã®å‘上 Material Design化ã®é€²ã‚æ–¹ ノãƒãƒŠç¤¾ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒãƒ¼ Material Designを広ã‚ã‚‹ãŸã‚㫠社内勉強会ã¨ãã®å¾Œã®ãƒ•ã‚©ãƒãƒ¼ Material Designã®æ€æƒ³èƒŒæ™¯ã‚’ç†è§£ã™ã‚‹ãŸã‚ã®æ€è€ƒæ³• ãªãœBottom navigationã§ã¯Backã‚ーã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を切り替ãˆã‚‹ã¹ãã§ãªã„ã®ã‹ ãªãœSupport Libraryã«ã‚‚デザインガイドラインã«ã‚‚Progress DialogãŒãªã„ã®ã‹ ■対象者 Material Designã‚’ãªã‚“ã¨ãªã知ã£ã¦ã„ã¦ã‚‚ã£ã¨ç†è§£ã‚’æ·±ã‚ãŸã„æ–¹ デザイナーã®è¨€ã„ãªã‚Šã§å®Ÿè£…ã™ã‚‹ã®ãŒå«Œãªæ–¹ ãã®ä»–ã€ã‚¢ãƒ—リã®UIを改善ã—ãŸã„æ°—æŒã¡ã‚’æŒã£ã¦ã„ã‚‹æ–¹
Reactã§ä½¿ãˆã‚‹Material Designã®Spinnerコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ãŸ - wadackel.me
Google ã®æå”±ã™ã‚‹Material Designãƒãƒƒã‚¯ãª Spinner ã‚’ã€React コンãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã—ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ リãƒã‚¸ãƒˆãƒªã¯ä»¥ä¸‹ã§ã™ã€‚ wadackel/react-md-spinner https://github.com/wadackel/react-md-spinner デモ React MD Spinner - DEMO https://wadackel.github.io/react-md-spinner/ 実際ã®å‹•ãã¯ä»¥ä¸‹ã®æ§˜ã«ã‚«ãƒ©ãƒ•ãƒ«ãªå††å½¢ãŒãã‚‹ãる回る感ã˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ 手æŒã¡ã® iPhone6s ã§ç¢ºèªã—ã¦ã„ã‚‹é™ã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚å¿…è¦å……分スムーズã«å‹•ä½œã—ã¦ã„ã¾ã™ã€‚ 使ã„æ–¹ react-md-spinnerã®ç‰¹é•·ã¨ã—ã¦ã€material-uiã®æ§˜ã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã®ã¿ã§æ§‹æˆã•ã‚Œã‚‹ãŸã‚ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã‚‰ CSS ã©ã†ã—よã†ã¿ãŸã„ã«æ‚©ã¾ãšã«ã™ã使ã„
ヤスヒサ 🗑 on Twitter: "Design News ã®ã»ã†ã§ Material Design ã®è²¬ä»»è€… Matias Duarte æ°ãŒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã®è³ªå•ã«å¿œãˆã¦ã„ã‚‹ã®ã§ã€ãã®è¶…è¦ç´„を今ã‹ã‚‰ãƒ„イートã—ã¦ã„ãã¾ã™ã。ã¡ã‚ƒã‚“ã¨èªã¿ãŸã„æ–¹ã¯ãƒªãƒ³ã‚¯å…ˆã¸ #design http://t.co/RqPMavT5Wc"
Design News ã®ã»ã†ã§ Material Design ã®è²¬ä»»è€… Matias Duarte æ°ãŒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã®è³ªå•ã«å¿œãˆã¦ã„ã‚‹ã®ã§ã€ãã®è¶…è¦ç´„を今ã‹ã‚‰ãƒ„イートã—ã¦ã„ãã¾ã™ã。ã¡ã‚ƒã‚“ã¨èªã¿ãŸã„æ–¹ã¯ãƒªãƒ³ã‚¯å…ˆã¸ #design http://t.co/RqPMavT5Wc
Yahoo! JAPAN Creative Blog — 脱åˆå¿ƒè€…ï¼ã€€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³UIを作りãªãŒã‚‰å¦ã¶ Photoshopショートカット術
ã“ã‚“ã«ã¡ã¯ã€‚デザイナーã®å¤–å´Žã§ã™ã€‚ Photoshopã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã¯ã„ã‚ã„ã‚ãªã¨ã“ã‚ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ãŸã ã€åˆå¿ƒè€…ã®æ–¹ã¯ã€Œã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã£ã¦å®Ÿéš›ã©ã“ã§ä½¿ã†ã®ï¼Ÿã€ã¨æ„Ÿã˜ã¦ã„る人も多ã„ã¨æ€ã„ã¾ã™ã€‚ Google I/Oã§ç™ºè¡¨ã•ã‚ŒãŸãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¡Œæã«ã—ã¦UIを実際ã«ä½œã‚ŠãªãŒã‚‰ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚„Tipsã®ä½¿ã„ã©ã“ã‚ã‚’ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å½¢å¼ã§èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚マテリアルデザインã®ç‰¹å¾´ã§ã‚ã‚‹é™°ã®ä»˜ã‘方やã€é…色・マージンã®æ„Ÿè¦šã ã‘ã§ã‚‚ã¤ã‹ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚時間ã®ãªã„æ–¹ã¯1セクション毎ã§ã‚‚大丈夫ã§ã™ï¼ã€€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’体ã§è¦šãˆã¦ã€å®Ÿè·µã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ Material Design GuidelinesI/O 2014 アプリã«å¦ã¶ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³0.始ã‚ã‚‹å‰ã®æº–å‚™ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é€šã‚Šé€²ã‚ãŸã„æ–¹ã¯ã€ä»¥ä¸‹ã®ãƒ—ラグインやアイコンをダウãƒãƒ¼ãƒ‰ã—ã¦ãŠã„ã¦ãã ã•ã„。特ã«ãƒ—ラグインã¯ä»Šå¾ŒPhotos
Material Design on Android Checklist (Japanese version) マテリアルデザイン対応ã®ãŸã‚ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ - 安藤日記
■マテリアルデザイン対応ã®ãŸã‚ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ 原文 (Material Design on Android Checklist) By Roman Nurik, Design Advocate ( http://android-developers.blogspot.jp/2014/10/material-design-on-android-checklist.html ) Android 5.0 ã¯ã€ãƒ—ラットフォームやシステムアプリ用ã®æ–°ã—ã„デザイン・システムã§ã‚るマテリアルデザインを導入ã—ã¦ã„ã¾ã™ã€‚ユーザーã®çš†æ§˜ã¯ã‚‚ã†ã™ã Android 5.0 ã®å…¥æ‰‹ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ãŒã€ã‚‚ã†æ—¢ã«å½¼ã‚‰ã¯ Google Play Newsstand ã‚„ Inbox by Gmailã€Tumblr ãªã©ã®ã‚¢ãƒ—リã§ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’垣間見ã¦ã„ã¾ã™ã€‚開発者ã®æ–¹ã€…ã¯ä¸‹ä½äº’æ›æ€§ã‚’ä¿ã¤ãŸã‚ã® AppCompat
「第1回オーシャンビューAndroid/iOS勉強会inBizreach #オーシャンビュー勉強会ã€ã«å‚åŠ ã—ã¦ãã¾ã—㟠- ãƒã‚°
Bizreachã•ã‚“ãŒæ¯Žé€±ã‚‚ãã‚‚ã会ã¨ã—ã¦ã‚¹ãƒšãƒ¼ã‚¹ã‚’公開ã—ã¦ã„ãŸãã†ã§ã€ä»Šå›žã¯å‹‰å¼·ä¼šã¨ã—ã¦ã®é–‹å‚¬ã§ã—ãŸã€‚ Google I/O 2014 アプリã«å¦ã¶ Material Design ã®å®Ÿè£… Gunosyã®@hydrakecatã•ã‚“ã«ã‚ˆã‚‹ç™ºè¡¨ã€‚オライリー本ã®ç¿»è¨³ãªã©ã‚‚è¡Œã£ã¦ã„ã‚‹ãã†ã§ã™ã€‚ 以å‰ã«Gunosyã§Material Designã®å‹‰å¼·ä¼šã‚’è¡Œã„ã€ä»Šå›žã¯ãã®å¾©ç¿’ã¨ã®ã“ã¨ã€‚ Material Designã¨ã¯ ユーザã«ã¨ã£ã¦ä¸€ç•ªé¦´æŸ“ã¿ã®ã‚る紙をメタファーã«ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ Androidã§Material Design Material Design ≠Android L 4.4ã‚„2.xã§ã‚‚Material Designã¯ã§ãã‚‹ Lolipopã®æ©Ÿèƒ½ã‚’使ã†ã¨ç°¡å˜ã«ã§ãã‚‹ Google I/O 2014アプリ Google I/O 2014イベント用アプリ ソースコードãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹
Material Design 㨠Polymer - HTML5ã¨ã‹å‹‰å¼·ä¼šã«ç™»å£‡ã—ã¦ããŸ
ã¾ã•ã‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒˆãƒ¼ã‚¯ 先日㮠第49回 HTML5ã¨ã‹å‹‰å¼·ä¼š ã§ã€Material Design ã¨ã€ãれをWebã§å®Ÿè·µã™ã‚‹ãŸã‚ã® Polymer (Paper Elements) ã¾ã‚ã‚Šã«ã¤ã„ã¦ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 去年ã¨ã‹ã€Googler ãŒç´¹ä»‹ã™ã‚‹ãƒ‘フォーマンス関係ã®ã‚ã‚Šã¨ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªãƒˆã‚³ã ã¨ã‹ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã®å…±æœ‰ã«åŠªã‚ãŸã‚Šã€ã•ã‚‰ã«ãã®å‰ã‚‚JavaScript関係ã®ãƒ©ã‚¤ãƒ–ラリ・ツールã®è©±ã‚’ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†æµã‚Œã§ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢çš„ãªãƒ–ランディングã«çµ‚始ã—ã¦ãŠã‚Šã¾ã—ãŸç‚ºã€ä»Šå›žGoogle I/O ç¾åœ°ã§è©±ã‚’èžã„ã¦ããŸã¨ã¯ã„ãˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãŠè©±ã‚’ã„ãŸã ã„ã¦ç·Šå¼µã—ãã‚Šã§ã”ã–ã„ã¾ã—ãŸã€‚ YouTube（追記） ã„ã¤ã®é–“ã«ã‹å‹•ç”»ãŒã‚ãŒã£ã¦ã¾ã—ãŸã€‚ 第49回HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒHTML5æœ€æ–°æƒ…å ± @Google I/O〠- YouTube å°ä¸¦æ„Ÿ ãªã‚“ã§gr
GoogleIO2014 - Google I/O 2014 Android関連 & Polymer関連セッションã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今年ã®Google I/Oã®ç›®çŽ‰ã¯ãªã‚“ã¨ã„ã£ã¦ã‚‚Material Designã§ã—ょã†ã€‚ 人ã«ã‚ˆã£ã¦ã¯AndroidWearã¨ã‹Autoã¨ã‹TVã¨ã‹Cardboardã¨ã‹ã¾ã色々æ„見ãŒåˆ†ã‹ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚一å¸æ‰“ã¡ãŸã„ã‘ã©ãã£ã¨æˆ‘慢。 去年ã€Google IO2013 Android関連セッションã¾ã¨ã‚ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ ã•ã¦ä»Šå¹´ã‚‚è¡Œã„ã¾ã™åƒ•ãŒå‹¤å‹™ã™ã‚‹TOPGATE社ã«ã‚ˆã‚‹Google IOå ±å‘Šã‚»ãƒŸãƒŠãƒ¼(有料)ï¼ é–‹å‚¬æ—¥ã¯7/7ã§ã€ã‚®ãƒªã‚®ãƒªã¾ã§å‚åŠ ç”³ã—è¾¼ã¿å—ã‘付ã‘ã¦ã‚‹ã¨æ€ã„ã¾ã™å¤šåˆ†ã€‚ ã“ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§IOå ±å‘Šã‚»ãƒŸãƒŠãƒ¼ã‚„ã‚‹ãŸã‚ã«ç¾åœ°2
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Material UI
{{#tags}}- {{label}}
{{/tags}}