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 わいわい報告会にてお話した内容をアップデートしたものです。

Transcript

1. JOUSPEVDF
   .BUFSJBM
   5IFNJOH
   
   _
   㹋騧箟
   _ !NPDIJDP
   
   IBLBUBBQL
   
   
   3FQPSU
   GSPN
   (PPHMF
   *0
   
2. "CPVU
   NF NPDIJDP!@NPDIJDPO@
   "OESPJE
   
   +BWB
   
   ,PUMJO
   
   4XJGU
   ًٕؕٔ
4. 8IBU
   JT
   .BUFSJBM
   5IFNJOH
   .BUFSJBM
   5IFNJOH
   SFGFST
   UP
   UIF
   DVTUPNJ[BUJPO
   PG
   ZPVS
   .BUFSJBM
   %FTJHO
   BQQ
   UP
   CFUUFS
   SFFDU
   ZPVS
   QSPEVDUˏT
   CSBOE
   .BUFSJBM
   5IFNJOHהכ.BUFSJBM
   %FTJHO
   ،فٔ׾ؕأةو؎ ؤ׃גծ醡ㅷךـٓٝس׾״׶״ֻ⿾僥ׇׁ׷ֿהדׅկ
5. 8IBU
   JT
   .BUFSJBM
   5IFNJOH
   
   ✘
   /FX
   (VJEFMJOF
   ⭕
   6QEBUF
   PG
   .BUFSJBM
   %FTJHO
6. .BUFSJBM
   %FTJHO ˖ .BUFSJBM
   JT
   UIF
   NFUBQIPS
   ˖ #PME
   HSBQIJD
   JOUFOUJPOBM
   ˖ .PUJPO
   QSPWJEFT
   NFBOJOH
7. 8IBU
   JT
   DIBOHFE
   ˖ 錬ךⴖ׶衅ה׃
   ˖ ؿؓٝزך㢌刿
   ˖ 㢩単نةٝ
   ˖ "QQ#BSך䌴
   ˖ ،؎؝ٝ
   ˖ ⵖ⡲ؿٗ٦ך؟ه٦ز
   ˖ FUD
9. JOUSPEVDF
   .BUFSJBM
   5IFNJOH
   5PPMT
10. .BUFSJBM
    5IFNF
    &EJUPS
11. (BMMFSZ
12. )PX
    UP
    JNQMFNFOU
    .BUFSJBM
    5IFNJOH
    
13. .BUFSJBM
    $PNQPOFOUT
14. *NQMFNFOU
    JO
    "OESPJE
15. .BUFSJBM
    $PNQPOFOUT "OESPJE
    9ך3FGBDUPSחٔأزׁ׸גְ׷ךד
    ˏDPNBOESPJETVQQPSUEFTJHOBMQIB
    כ،حفر٦زׁ׸זְה䙼׻׸׷
16. 5IFNFT ˖ $PMPS
    ˖ 5ZQF
    ˖ 4IBQF
17. 8IBU
    JT
    "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 'MVUUFS
    0WFSWJFX
    (PPHMF
    *0
    
    
    4QFBLFS
    %FDL
    
    IUUQTTQFBLFSEFDLDPNSLPXBTFP
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. )PX
    UP
    BQQMZ
    .BUFSJBM
    5IFNJOH
    JO
    "OESPJE ˖
    JNQMFNFOUBUJPO
    ˎDPNHPPHMFBOESPJENBUFSJBMNBUFSJBMBMQIB
    ˖ 植㖈זְ$PNQPOFOU׾⢪ְ׋ְ㜥さכ'MVUUFS
    ˖ 湫鵚ד#VUUPOװ"QQ
    #BSד4IBQF׾⢪ְ׋ְ㜥さכ 7FDUPS׾⢪ֲ
22. 3FDPNNFOE
    3FQPSU ˖ (PPHMF
    *0
    
    ד涪邌ׁ׸׋
    .BUFSJBM
    %FTJHO
    ך،حفر٦ز5BLVP
    4V[VLJOPUF
    
    IUUQTOPUFNVUBRVPOOEDEGBGD
    ˖ .BUFSJBM
    5IFNJOH㼎䘔ך⵸ח
    濼׏גֶֹ׋ְծ
    ؒٝآص،⩎ך㼎䘔؝أز
    
    4QFBLFS
    %FDL
    
    IUUQTTQFBLFSEFDLDPNTFUP@IJNBUFSJBMUIFNJOHEVJ ZJOHGBMTFRJBOOJ[IJUVUFPLJUBJFO[JOJBDFGBMTFEVJZJOHLPTVUP
    ˖ 倜׃ֻז׏׋.BUFSJBM
    %FTJHO׾鍗׏ג׫׋
    
    5SJFE
    .BUFSJBM
    %FTJHO
    
    
    4QFBLFS
    %FDL
    
    IUUQTTQFBLFSEFDLDPNBNBUTVLJLVUSJFENBUFSJBM EFTJHO
    ˖ JOUSPEVDF
    .BUFSJBM
    5IFNJOH
    GSPN
    (PPHMF
    *0
    
    
    4QFBLFS
    %FDL
    
    IUUQT TQFBLFSEFDLDPNNPDIJDPJOUSPEVDFNBUFSJBMUIFNJOHGSPNHPPHMF JP
23. 5IBOL
    :PV
24. SFG ˖ .BUFSJBM
    5IFNJOH
    
    .BUFSJBM
    %FTJHO
    
    IUUQTNBUFSJBMJP EFTJHONBUFSJBMUIFNJOH
    ˖ .BUFSJBM
    $PNQPOFOUT
    
    IUUQTHJUIVCDPNNBUFSJBM DPNQPOFOUT
    ˖ NBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUTBOESPJE DPEFMBCT
    $PEFMBCT
    GPS
    .BUFSJBM
    $PNQPOFOUT
    GPS
    "OESPJE
    .%$"OESPJE
    
    IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUT NBUFSJBMDPNQPOFOUTBOESPJEDPEFMBCT
    ˖ (BMMFSZ
    
    IUUQTHBMMFSZJP