Anatomy of Dynamic color

DroidKaigi 2022
https://droidkaigi.jp/2022/timetable/363242/

書き起こした記事: https://blog.smartbank.co.jp/entry/2022/10/06/dynamic-color

Transcript

1. "OBUPNZ
   PG
   %ZOBNJD
   DPMPS  :VLJ
   *XBOB
   !SPDLOBNF
   %SPJE,BJHJ
   
2.  4NBSU#BOL
   *OD
   
   J04
   
   "OESPJE
   "QQMJDBUJPO
   %FWFMPQFS ϩΫωϜ !@SPDLOBNF ࣗݾ঺հ !SPDLOBNF
3.  %ZOBNJD
   DPMPSͱ͸ʁ IUUQTNBUFSJBMJPCMPHTUBSUCVJMEJOHXJUINBUFSJBMZPV
4.  "OBUPNZ
   PG
   %ZOBNJD
   DPMPS  %ZOBNJD
   DPMPSಋೖͷഎܠ
    ίϯτϥετͷे෼ͳ഑৭ͷಈతͳੜ੒
    )BSNPOJPVT
   DVTUPN
   DPMPS
    %ZOBNJD
   DPMPSͷΞϓϦ΁ͷద༻ "HFOEB
5. ίʔυ͸΄΅ग़͖ͯ·ͤΜ🙏
6. %ZOBNJD
   DPMPSಋೖͷഎܠ
7.  %ZOBNJD
   DPMPSಋೖͷഎܠ ೥ൃද౰࣌ͷ.BUFSJBM
   %FTJHO IUUQTXXXZPVUVCFDPNXBUDI WCJ4QW9#(Q&
8.  %ZOBNJD
   DPMPSಋೖͷഎܠ IUUQTXXXHJ[NPEPKQBOESPJENBUFSJBMZPVIUNM
9.  %ZOBNJD
   DPMPSಋೖͷഎܠ IUUQTXXXZPVUVCFDPNXBUDI W9''SBIE0. .BUFSJBM
   :PV
10.  %ZOBNJD
    DPMPSಋೖͷഎܠ .BUFSJBM
    %FTJHO
    
    
    .BUFSJBM
    :PV
    
    %ZOBNJD
    DPMPS
11.  .BUFSJBM
    %FTJHOͷ؍఺͔ΒݟΔ%ZOBNJD
    DPMPS IUUQTNNBUFSJBMJPTUZMFTDPMPSEZOBNJDDPMPSVTFSHFOFSBUFEDPMPS
12.  .BUFSJBM
    %FTJHOͷ؍఺͔ΒݟΔ%ZOBNJD
    DPMPS IUUQTXXXZPVUVCFDPNXBUDI W9''SBIE0.
13. ίϯτϥετͷे෼ͳ഑৭ͷಈతͳੜ੒
14.  8$"(ͷΧϥʔίϯτϥετ จࣈͷ৭ͱഎܠ৭ͷؒʹগͳ͘ͱ΋
    
    ͷίϯτϥετൺ͕͋Δ͜ͱ
    ͨͩ͠ɺ 
 ʮQYҎ্ͷςΩετ
    ·ͨ͸
    QYҎ্ͷଠࣈͷςΩετʯʹ͓͍ͯ͸ 
 গͳ͘ͱ΋
    
    ͷίϯτϥετൺ͕͋Ε͹Α͍ 8$"( 8FC
    $POUFOU
    "DDFTTJCJMJUZ
    (VJEFMJOFT ͷίϯτϥετୡ੒ج४
15.  ίϯτϥετൺͷܭࢉํ๏ ৭֮ଟ༷ੑΛߟྀ͢Δͱ 
 ίϯτϥετͷܭࢉʹ৭૬Λ༻͍Δ͜ͱ͸ݱ࣮తͰ͸ͳ͍ IUUQTUTVUBXBSVEFTJHODPNVOJWFSTBMIUNM
16.  ίϯτϥετൺͷܭࢉํ๏ ً౓΍໌౓ͱ͍ͬͨ৭ʹΑͬͯਓ͕ؒೝࣝ͢Δ໌Δ͞ͷҧ͍Λར༻ͨ͠ 
 ίϯτϥετൺͷܭࢉ IUUQTUTVUBXBSVEFTJHODPNVOJWFSTBMIUNM
17.  ίϯτϥετൺͷܭࢉࣜ -
    
    
    
    -
    
    
18.  ૬ରً౓ͷܭࢉࣜ -
    
    
    
    3
    
    
    
    (
    
    
    
    #
    
19.  ૬ରً౓ͷܭࢉࣜ 3T3(#
    
    
    ͷ৔߹
    3
    
    3T3(#
    
 ͦ͏Ͱͳ͍৔߹
    3
    
    3T3(#  
    ?
    
    
    (T3(#
    
    
    ͷ৔߹
    (
    
    (T3(#
    
 ͦ͏Ͱͳ͍৔߹
    (
    
    (T3(#  
    ?
    
    
    #T3(#
    
    
    ͷ৔߹
    #
    
    #T3(#
    
 ͦ͏Ͱͳ͍৔߹
    #
    
    #T3(#  
    ?
    
20.  ΨϯϚิਖ਼ ΨϯϚิਖ਼ʹΑΔ৭ͷඇઢܗԽ IUUQTXXXFJ[PDPKQFJ[PMJCSBSZPUIFSJUNFEJB@
21.  )4-৭ۭؒ w )VF ৭૬ 
    
 ৭ຯΛ͔Β౓·Ͱͷ֯౓Ͱද͠ɺ౓͸੺ Λɺ౓͸྘ɺ౓͸੨Λද͍ͯ͠Δ
    w 4BUVSBUJPO ࠼౓ 
    
 ৭ͷ઱΍͔͞Λද͠ɺ͕࠷΋઱΍͔ͳ७ ৭ͱͳΔ
    w -JHIUOFTT ً౓
    
 ໌Δ͞Λද͠ɺͰനɺͰ७৭ɺͰ ࠇͱͳΔ )4-৭ۭؒ IUUQTFOXJLJQFEJBPSHXJLJ)4-@BOE@)47
22.  )4-৭ۭؒ )4-৭ۭؒ͸৭૬ʹΑΔ໌Δ͞ͷҧ͍ΛදݱͰ͖͍ͯͳ͍ IUUQTHJHB[JOFOFUOFXTIDMDPMPSTQBDF
23.  )4-৭ۭؒ )4-৭ۭؒ͸୯Ұͷ৭૬ʹ͓͚Δ໌Δ͞ͷมԽΛ௚ઢతʹදݱͰ͖͍ͯͳ͍ IUUQTHJHB[JOFOFUOFXTIDMDPMPSTQBDF
24.  )4-৭ۭؒ )4-৭ۭؒ͸୯Ұͷ৭૬ʹ͓͚Δ໌Δ͞ͷมԽΛ௚ઢతʹදݱͰ͖͍ͯͳ͍ IUUQTHJHB[JOFOFUOFXTIDMDPMPSTQBDF
25.  )$5৭ۭؒ w )VF ৭૬ 
    
 ৭ຯΛdͷ਺஋Ͱද͢
    w $ISPNB ࠼౓ 
    
 ৭ͷ઱΍͔͞Λdͷ਺஋Ͱද͢
    w 5POF τʔϯ 
    
 ৭ͷ໌Δ͞Λdͷ਺஋Ͱද͠ɺͰ നɺͰࠇͱͳΔ (PPHMFͷ։ൃͨ͠)$5৭ۭؒ IUUQTNBUFSJBMJPCMPHTDJFODFPGDPMPSEFTJHO
26.  )$5৭ۭؒ )$5৭ۭؒͷτʔϯʹΑΔ໌Δ͞ͷਖ਼֬ͳ਺஋Խ IUUQTNBUFSJBMJPCMPHTDJFODFPGDPMPSEFTJHO
27.  )$5৭ۭؒ ίϯτϥετൺ
    
    Ҏ্
    
    τʔϯࠩ
    
    Ҏ্
    ίϯτϥετൺ
    
    Ҏ্
    
    τʔϯࠩ
    
    Ҏ্ )$5৭ۭؒʹ͓͚Δ8$"(ͷίϯτϥετཁ݅
28.  %ZOBNJD
    DPMPSʹ͓͚ΔΧϥʔεΩʔϜੜ੒ͷΞϧΰϦζϜ IUUQTXXXZPVUVCFDPNXBUDI WDM%VRD,H/#2
29.  %ZOBNJD
    DPMPSʹ͓͚ΔΧϥʔεΩʔϜੜ੒ͷΞϧΰϦζϜ 
    ྔࢠԽ IUUQTKBXJLJQFEJBPSHXJLJ৭ͷྔࢠԽ
30.  %ZOBNJD
    DPMPSʹ͓͚ΔΧϥʔεΩʔϜੜ੒ͷΞϧΰϦζϜ 
    είΞϦϯά IUUQTXXXZPVUVCFDPNXBUDI WC'5%:S+83"
31.  %ZOBNJD
    DPMPSʹ͓͚ΔΧϥʔεΩʔϜੜ੒ͷΞϧΰϦζϜ 
    ,FZ
    DPMPSTͷੜ੒ IUUQTXXXZPVUVCFDPNXBUDI WDM%VRD,H/#2
32.  
    ,FZ
    DPMPSTͷੜ੒ 1SJNBSZ 

    
    
    
    )VF
    ιʔεΧϥʔͷ)VF 

    
    
    
    $ISPNB
    ιʔεΧϥʔͷ$ISPNB 

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ͨͩ͠ΛԼճΔ৔߹͸ͱ͢Δ 
 4FDPOEBSZ 

    
    
    
    )VF
    ιʔεΧϥʔͷ)VF 

    
    
    
    $ISPNB
    
    5FSUJBSZ 

    
    
    
    )VF
    ιʔεΧϥʔͷ)VF
    
     

    
    
    
    $ISPNB
     ֤,ZF
    DPMPSͷ)VFͱ$ISPNB /FVUSBM 

    
    
    
    )VF
    ιʔεΧϥʔͷ)VF 

    
    
    
    $ISPNB
    
    /FVUSBM
    7BSJBOU 

    
    
    
    )VF
    ιʔεΧϥʔͷ)VF 

    
    
    
    $ISPNB
    
33.  %ZOBNJD
    DPMPSʹ͓͚ΔΧϥʔεΩʔϜੜ੒ͷΞϧΰϦζϜ 
    5POBM
    QBMFUUFTͷੜ੒ IUUQTXXXZPVUVCFDPNXBUDI WDM%VRD,H/#2
34.  %ZOBNJD
    DPMPSʹ͓͚ΔΧϥʔεΩʔϜੜ੒ͷΞϧΰϦζϜ 
    .ͷΧϥʔεΩʔϜΛੜ੒ IUUQTXXXZPVUVCFDPNXBUDI WDM%VRD,H/#2
35. )BSNPOJPVT
    DVTUPN
    DPMPS
36.  )BSNPOJPVT
    DVTUPN
    DPMPS 4FNBOUJD
    DPMPS IUUQTNBUFSJBMJPCMPHEZOBNJDDPMPSIBSNPOZ
37.  )BSNPOJPVT
    DVTUPN
    DPMPS ஆ৭ͱפ৭ IUUQTNBUFSJBMJPCMPHEZOBNJDDPMPSIBSNPOZ
38.  )BSNPOJPVT
    DVTUPN
    DPMPS ௐ࿨ͷऔΕͨ4FNBOUJD
    DPMPS IUUQTNBUFSJBMJPCMPHEZOBNJDDPMPSIBSNPOZ
39.  )BSNPOJPVT
    DVTUPN
    DPMPS )BSNPOJPVT
    DVTUPN
    DPMPSͷద༻ IUUQTNNBUFSJBMJPTUZMFTDPMPSUIFDPMPSTZTUFNDVTUPNDPMPST
40. %ZOBNJD
    DPMPSͷΞϓϦ΁ͷద༻
42. 7JTBϓϦϖΠυΧʔυʹνϟʔδͯ͠
    ࢧ෷͏ͱࢧग़͕ϦΞϧλΠϜʹՄࢹԽ͞Εͯ
    ʮ͋ͱ͍͘Β࢖͑Δʯ͕ͻͱ໨Ͱ෼͔Δ ͓ޓ͍ͷࢧ෷͍͸શͯ
    νϟʔδΛͨ͠ڞಉ࢒ߴ͔ΒҾ͖མͱ͞ΕΔͷͰ
    ύʔτφʔͱ;ͨΓͷڞಉՈܭ؅ཧΛ࣮ݱ
43. ϚΠΧʔυ ϖΞΧʔυ
44.  %ZOBNJD
    DPMPSͷΞϓϦ΁ͷద༻ %ZOBNJD
    DPMPSରԠ
    ˺
    .BUFSJBM
    %FTJHO
    ରԠ IUUQTESPJELBJHJKQUJNFUBCMF
45.  .BUFSJBM
    5IFNF
    #VJMEFS .BUFSJBM
    5IFNF
    #VJMEFS IUUQTNNBUFSJBMJPUIFNFCVJMEFSDVTUPN
46.  .BUFSJBM
    5IFNF
    #VJMEFS .ͷΧϥʔεΩʔϜΛੜ੒
47.  .BUFSJBM
    5IFNF
    #VJMEFS .ͷΧϥʔεΩʔϜΛੜ੒
48.  .BUFSJBM
    5IFNF
    #VJMEFS .ͷΧϥʔεΩʔϜΛੜ੒
49.  %ZOBNJD
    DPMPSͷΞϓϦ΁ͷద༻ .BUFSJBM
    %FTJHO
    ͷσβΠϯτʔΫϯ IUUQTNNBUFSJBMJPGPVOEBUJPOTEFTJHOUPLFOTIPXUPSFBEUPLFOT
50.  %ZOBNJD
    DPMPSͷΞϓϦ΁ͷద༻ %ZOBNJD
    DPMPSΛߟྀͨ͠.ͷΧϥʔεΩʔϜ΁ͷରԠ IUUQTXXXZPVUVCFDPNXBUDI WCHV;+X)RT2
51.  
    $PNQPOFOU
    UPLFOͷσϑΥϧτ஋ طଘΞϓϦʹ͓͚Δ$PNQPOFOU
    UPLFO΁ͷରԠ IUUQTNNBUFSJBMJPDPNQPOFOUTBMMCVUUPOT
52.  
    $PNQPOFOU
    UPLFOͷσϑΥϧτ஋ 4UZMF
    UPLFOͷ୅ସ IUUQTNNBUFSJBMJPTUZMFTDPMPSUIFDPMPSTZTUFNDPMPSSPMFT
53.  
    %ZOBNJD
    DPMPSͰੜ੒͞ΕΔ֤৭ͷؔ܎ 1SJNBSZ
    
    4FDPOEBSZ
54.  
    %ZOBNJD
    DPMPSͰੜ੒͞ΕΔ֤৭ͷؔ܎ .BUFSJBM
    %FTJHO
    ʹ͓͚Δ&MFWBUJPO IUUQTNBUFSJBMJPEFTJHOFOWJSPONFOUFMFWBUJPOIUNM IUUQTNBUFSJBMJPEFTJHODPMPSEBSLUIFNFIUNM
55.  
    %ZOBNJD
    DPMPSͰੜ੒͞ΕΔ֤৭ͷؔ܎ .BUFSJBM
    %FTJHO
    ͷ৽͍͠&MFWBUJPO IUUQTNNBUFSJBMJPTUZMFTDPMPSUIFDPMPSTZTUFNDPMPSSPMFT
56.  
    $VTUPN
    DPMPS #ΞϓϦͷ$VTUPN
    DPMPS
57.  
    $VTUPN
    DPMPS $VTUPN
    DPMPSͷ௥Ճ
58.  
    $VTUPN
    DPMPS $VTUPN
    DPMPSͷ௥Ճ
59.  
    $VTUPN
    DPMPS $VTUPN
    DPMPSͷ௥Ճ
60.  
    $VTUPN
    DPMPS $VTUPN
    DPMPSͷ༻๏ɾ༻ྔ
61.  
    $VTUPN
    DPMPS $VTUPN
    DPMPSͷ༻๏ɾ༻ྔ
66.  %ZOBNJD
    DPMPS༻ͷ5IFNFΛ௥Ճ
67.  %ZOBNJD
    DPMPS༻ͷ5IFNFΛ௥Ճ
68.  %ZOBNJD
    DPMPS༻ͷ5IFNFʹ$VTUPN
    DPMPSΛ௥Ճ
69.  %ZOBNJD
    DPMPSͷద༻
73.  )BSNPOJPVT
    DVTUPN
    DPMPS
74.  )BSNPOJPVT
    DVTUPN
    DPMPS
80. ·ͱΊ
81.  ·ͱΊ w %ZOBNJD
    DPMPS͸ΑΓύʔιφϥΠζ͞ΕͨମݧͷఏڙΛՄೳͱ͢Δػ ೳ
    w ίϯτϥετͷे෼ͳ഑৭Λಈతʹੜ੒Ͱ͖ΔΑ͏ʹɺ(PPHMF͸ਓؒͷ ஌֮͢Δ৭ΛΑΓਖ਼֬ʹදݱͰ͖Δ)$5৭ۭؒΛ։ൃͯ͠%ZOBNJD
    DPMPSͷػೳΛ࣮૷
    w %ZOBNJD
    DPMPSͷιʔεΧϥʔʹ৭૬Λ͚ۙͮΔ͜ͱͰௐ࿨ͷऔΕͨ $VTUPN
    DPMPSͷಋೖΛ࣮ݱ
    w طଘΞϓϦ΁%ZOBNJD
    DPMPSͷద༻Λߟ͑Δ্Ͱ͸.ͷσβΠϯτʔΫ ϯͱ%ZOBNJD
    DPMPSͷΞϧΰϦζϜΛҙࣝ͢Δ͜ͱ͕ॏཁ
82. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ