introduce Material Theming ~practice~

introduce Material Theming ~practice~

2018.6.8 hakata.apk #1 - Report from Google I/O 2018 にてMaterial Themingの紹介と実践についてお話しました。
このトークは2018.5.17 Google I/O 2018 わいわい報告会にてお話した内容をアップデートしたものです。

6eecc52120fba9d87d982684211182ec?s=128

mochico

June 08, 2018
Tweet

Transcript

  1. JOUSPEVDF.BUFSJBM5IFNJOH _㹋騧箟_ !NPDIJDP IBLBUBBQL3FQPSUGSPN(PPHMF*0

  2. "CPVUNF NPDIJDP!@NPDIJDPO@ "OESPJE+BWB,PUMJO4XJGU  ًٕؕٔ

  3. None
  4. 8IBUJT.BUFSJBM5IFNJOH .BUFSJBM5IFNJOHSFGFSTUPUIFDVTUPNJ[BUJPOPGZPVS .BUFSJBM%FTJHOBQQUPCFUUFSSFFDUZPVSQSPEVDUˏTCSBOE .BUFSJBM5IFNJOHהכ.BUFSJBM%FTJHO،فٔ׾ؕأةو؎ ؤ׃גծ醡ㅷךـٓٝس׾״׶״ֻ⿾僥ׇׁ׷ֿהדׅկ

  5. 8IBUJT.BUFSJBM5IFNJOH ✘/FX(VJEFMJOF ⭕6QEBUFPG.BUFSJBM%FTJHO

  6. .BUFSJBM%FTJHO ˖ .BUFSJBMJTUIFNFUBQIPS ˖ #PME HSBQIJD JOUFOUJPOBM ˖ .PUJPOQSPWJEFTNFBOJOH

  7. 8IBUJTDIBOHFE ˖ 錬ךⴖ׶衅ה׃ ˖ ؿؓٝزך㢌刿 ˖ 㢩単نةٝ ˖ "QQ#BSך䌴 ˖

    ،؎؝ٝ ˖ ⵖ⡲ؿٗ٦ך؟ه٦ز ˖ FUD
  8. None
  9. JOUSPEVDF .BUFSJBM5IFNJOH5PPMT

  10. .BUFSJBM5IFNF&EJUPS

  11. (BMMFSZ

  12. )PXUPJNQMFNFOU .BUFSJBM5IFNJOH

  13. .BUFSJBM$PNQPOFOUT

  14. *NQMFNFOUJO"OESPJE

  15. .BUFSJBM$PNQPOFOUT "OESPJE9ך3FGBDUPSחٔأزׁ׸גְ׷ךד ˏDPNBOESPJETVQQPSUEFTJHOBMQIB כ،حفر٦زׁ׸זְה䙼׻׸׷

  16. 5IFNFT ˖ $PMPS ˖ 5ZQF ˖ 4IBQF

  17. 8IBUJT"WBJMBCMF Material Components Support Android (1.0.0-alpha1) iOS (55.0.2) Web (0.35.1)

    Flutter (Beta 3) Color theme components 8 / 16 12 / 16 9 / 16 16 / 16 Type theme components 7 / 10 9 / 10 5 / 10 10 / 10 Expanded set of components 1 / 3 2 / 3 0 / 3 3 / 3 Shape parameter 0 / 2 2 / 2 2 / 2 2 / 2 https://github.com/material-components/material-components/blob/develop/ROADMAP.md 'MVUUFS0WFSWJFX (PPHMF*0 4QFBLFS%FDLIUUQTTQFBLFSEFDLDPNSLPXBTFP
  18. /PX"WBJMBCMF ˖ #PUUPN/BWJHBUJPO ˖ #VUUPOT ˖ $BSET ˖ $IJQT ˖

    '"# ˖ 5BCT ˖ 5PQ"QQ#BS ˖ 5FYU'JFMET ˖ #PUUPN"QQ#BS
  19. /PX/PU"WBJMBCMF ˖ $IFDLCPY ˖ &YUFOEFE'"# ˖ 1SPHSFTT"DUJWJUZ ˖ 3BEJP#VUUPO ˖

    4MJEFS ˖ 4OBDLCBS ˖ 4XJUDI ˖ 5PPMUJQT ˖ #BDLESPQ ˖ #VUUPOT 4IBQF  ˖ $BSET 4IBQF
  20. EFNP

  21. )PXUPBQQMZ.BUFSJBM5IFNJOHJO"OESPJE ˖ JNQMFNFOUBUJPOˎDPNHPPHMFBOESPJENBUFSJBMNBUFSJBMBMQIB ˖ 植㖈זְ$PNQPOFOU׾⢪ְ׋ְ㜥さכ'MVUUFS ˖ 湫鵚ד#VUUPOװ"QQ#BSד4IBQF׾⢪ְ׋ְ㜥さכ 7FDUPS׾⢪ֲ

  22. 3FDPNNFOE3FQPSU ˖ (PPHMF*0ד涪邌ׁ׸׋.BUFSJBM%FTJHOך،حفر٦ز5BLVP 4V[VLJOPUFIUUQTOPUFNVUBRVPOOEDEGBGD ˖ .BUFSJBM5IFNJOH㼎䘔ך⵸ח濼׏גֶֹ׋ְծؒٝآص،⩎ך㼎䘔؝أز 4QFBLFS%FDLIUUQTTQFBLFSEFDLDPNTFUP@IJNBUFSJBMUIFNJOHEVJ ZJOHGBMTFRJBOOJ[IJUVUFPLJUBJFO[JOJBDFGBMTFEVJZJOHLPTVUP ˖ 倜׃ֻז׏׋.BUFSJBM%FTJHO׾鍗׏ג׫׋5SJFE.BUFSJBM%FTJHO

    4QFBLFS%FDLIUUQTTQFBLFSEFDLDPNBNBUTVLJLVUSJFENBUFSJBM EFTJHO ˖ JOUSPEVDF.BUFSJBM5IFNJOHGSPN(PPHMF*04QFBLFS%FDLIUUQT TQFBLFSEFDLDPNNPDIJDPJOUSPEVDFNBUFSJBMUIFNJOHGSPNHPPHMF JP
  23. 5IBOL:PV

  24. SFG ˖ .BUFSJBM5IFNJOH.BUFSJBM%FTJHOIUUQTNBUFSJBMJP EFTJHONBUFSJBMUIFNJOH ˖ .BUFSJBM$PNQPOFOUTIUUQTHJUIVCDPNNBUFSJBM DPNQPOFOUT ˖ NBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUTBOESPJE DPEFMBCT$PEFMBCTGPS.BUFSJBM$PNQPOFOUTGPS"OESPJE

    .%$"OESPJE IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUT NBUFSJBMDPNQPOFOUTBOESPJEDPEFMBCT ˖ (BMMFSZIUUQTHBMMFSZJP