SwiftUI,Combine Framework,KeyPath - 堅固な関係からSwiftUI への閾値を下げる

SwiftUI を理解するのに欠かせないCombine framework とKeyPath についてのプレゼンテーション。

Transcript

1. 4XJGU6* $PNCJOF
   'SBNFXPSL ,FZ1BUI ݎݻͳؔ܎͔Β4XJGU6*
   ΁ͷᮢ஋ΛԼ͛Δ
2. ࣗݾ঺հ
3. ೳొ
   ཁ
   !OPUPSPJE w J04ΞϓϦ։ൃऀ
   w ԰߸͍Γ·͢ిࢉاը
   w !OPUPSPJE
   w !JSJNBTV
   w Fεϙʔπ
4. ॆిใࠂ͞Μ
   #BUUFSFDFJWFS w όοςϦʔϞχλʔ ϢʔςΟϦςΟʔ
   w ࠷େ୆ ࣮ػ ϦϞʔτ୆
   w ख࣋ͪͷJ1IPOF͔Βଞʹ͍࣋ͬͯΔ J1IPOF J1BEͳͲͷػثͷόοςϦʔঢ়ଶ֬ ೝՄೳ
   w ࣗ୐ʹ͋ΔJ1IPOFͷόοςϦʔঢ়ଶ֬ೝՄ ೳ
5. ॆిใࠂ͞Μ
   #BUUFSFDFJWFS w </FX>
   ॆి׬ྃ௨஌
   w ॆి׬ྃΛ఻͑ͯ͘ΕΔ௨஌Λ௥Ճɻ
   w ҎԼʹࢦఆ͢Δ͜ͱͰόοςϦʔ ΛέΞ͢Δ͜ͱ͕Մೳ
   w Կ͔ͱߴ͍J1IPOFΛ௕࣋ͪͤ͞Δͷʹ༗ ༻
6. ୊໨ w ։ൃͨ͠ΞϓϦͷۙگ
   w ։ൃελΠϧస׵ͷલ৮Ε
   w ,FZ1BUI
   w $PNCJOF
   GSBNFXPSL
7. ։ൃͨ͠ΞϓϦͷۙگ
8. 0CKFDUJWF$͔Β4XJGU΁ͷҠ২ͨ͠ΞϓϦ
9. ಈ͘ϦϦʔε͢Δ͜ͱΛ༏ઌ
10. ݱࡏ͸಺෦ߏ଄Λ੔ཧͭͭ͠
    ৽ػೳରԠத
11. ։ൃελΠϧస׵ͷલ৮Ε
12. 4XJGU6*
    ΞϓϦ։ൃͰ
    ௚໘ͨ͜͠ͱ
13. ଞ4XJGUͷςΫϊϩδʔΛ
    ஌Βͳ͍ͱ࡞ۀ͕ετοϓ͢Δ
14. "QQMF
    ఏڙ4XJGUಛԽͷ
    ༗໊ϑϨʔϜϫʔΫ͸ͭ $PNCJOF
    GSBNFXPSL 4XJGU6*
15. ։ൃऀ૚͕ 0CKFDUJWF$ΑΓ΋ ް͍ 4XJGUʹಛԽͨ͠ϑϨʔϜϫʔΫ͸
    ૿͑ͯ͘Δ͔΋
16. 4XJGU6*
    Ͱ΋࢖ΘΕ͍ͯΔ
    4XJGUͷςΫϊϩδʔΛઆ໌ͯ͠ΈΔ
17. ຖ೔೦෹ͱͯ͠๨Εͳ͍Α͏ʹ
    এ͑ͯ΋Α͍͙Β͍Λબͼ·ͨ͠
18. ,FZ1BUI
19. ΩʔΛ౉ͯ͠஋ʹ
    ΞΫηεͰ͖Δػೳ
20. 4XJGU
    ͔Βݱࡏͷ,FZ1BUIͷܗʹ
    0CKFDUJWF$
    ͔Β͋Δػೳͱ͸ผ෺
21. ,FZQBUI 4XJGUʙ w ܕΛݫີʹѻ͏จࣈྻͰͷΩʔ஋ΞΫηεΛલఏͱ͠ͳ͍
    w /40CKFDUඇґଘ 4XJGUͰͷར༻ಛԽ
    w ఆٛؒͷύε࿈͕݁Մೳ
    w ഑ྻ΁ͷΞΫηε͕Մೳ
22. ࢖͍ํ ɾࣗ෼ࣗ਎Λ໌ࣔ͢Δ৔߹
    a<Ϋϥε໊>Ωʔ໊\Ωʔ໊
    ^
    ɾࣗݾݴٴ͢Δ৔߹͸4FMGΛ࢖༻Ͱ͖Δ
    a4FMGΩʔ໊
    ɾলུܗ͕ڐՄ͞Ε͍ͯΔ
    aΩʔ໊
    ɾ഑ྻ΋ࢦఆͰ͖Δ
    a<Ϋϥε໊>഑ྻΩʔ໊<ΠϯσοΫε஋>
23. Ωʔͷ࿈݁ a<Ϋϥε໊>Ωʔ໊BQQFOEJOH a<Ϋϥε໊>Ωʔ໊
    BQQFOEJOH
    Λ࢖Θͳͯ͘΋࿈݁ͯ͠هड़Մೳ
24. 4XJGUͷࠒͷ༻్ w ,70 ,FZ7BMVF
    0CTFSWJOH ͱͯ͠࢖༻ <ΦϒδΣΫτ໊>PCTFSWF <Ωʔύε>
    PQUJPOT
    <Φϓγϣϯ>
    \
    <ΦϒδΣ Ϋτ>
    <มߋ>
    JO
    ^
25. 4XJGUҎ߱ͷ,FZ1BUIͷ༻్ w ,70 ,FZ7BMVF
    0CTFSWJOH
    w $PNCJOF
    GSBNFXPSL
    w NBQ
    w BTTJHO
    w 4XJGU6*
    w 'PS&BDI -JTU 'PSN
    w FOWJSPONFOU
26. ॆిใࠂ͞ΜͰͷ,FZ1BUI࢖༻ճ਺ ؔ਺໊ ࢖༻਺ ϑϨʔϜϫʔΫ ༻్ NBQ  $PNCJOF
    GSBNFXPSL 'PS&BDI 4FMGTVQQPSUF E-PDBMFT  4XJGU6* 1SFWJFX FOWJSPONFOU aMPDBMF
    MPDBMF  4XJGU6* 1SFWJFX BTTJHO UP
    PO  $PNCJOF
    GSBNFXPSL 'PS&BDI
    JE
    aTFMG  4XJGU6* FOWJSPONFOU aJT&OBCM FE  4XJGU6*
27. ॆిใࠂ͞ΜͰͷ,FZ1BUI࢖༻ճ਺ ؔ਺໊ ࢖༻਺ ϑϨʔϜϫʔΫ ༻్ NBQ  $PNCJOF
    GSBNFXPSL 'PS&BDI 4FMGTVQQPSUF E-PDBMFT  4XJGU6* 1SFWJFX FOWJSPONFOU aMPDBMF
    MPDBMF  4XJGU6* 1SFWJFX BTTJHO UP
    PO  $PNCJOF
    GSBNFXPSL 'PS&BDI
    JE
    aTFMG  4XJGU6* FOWJSPONFOU aJT&OBCM FE  4XJGU6*
28. ,FZ1BUIͷ༻్4XJGU6*ΞϓϦ w $PNCJOF
    GSBNFXPSL
    ࢖༻࣌ʹ஋ͷऔΓग़͠खஈͱͯ͠ར༻͕࠷ଟ
    w ҙ֎ʹ1SFWJFXͰͷ༻్͕ଟ͍ ϩέʔϧΛมߋͯ͠ͷ֬ೝ
    w 'PS&BDIͰͷ༻్͸άϥϑද͚ࣔͩ࢖༻
29. $PNCJOF
    GSBNFXPSL
30. $PNCJOF
    GSBNFXPSL w σʔλͷྲྀྔɺྲྀ଎Λ੍ޚ͢ΔͨΊͷϑϨʔϜϫʔΫ
    w ඇಉظʹ΋ରԠ
    w σʔλ͸جຊܕɺߏ଄ܕɺྻڍܕɺΦϒδΣΫτΛࢦఆͰ͖Δ
    w 4XJGUͷػೳΛଟ༻ (FOFSJD ,FZ1BUI
    w ϑϨʔϜϫʔΫ͕ඞཁ JNQPSU
    $PNCJOF J04ʙ
31. Πϝʔδਤ
32. σʔλ σʔλ σʔλ σʔλͷೖΓޱ
33. σʔλͷมܗ σʔλC σʔλC σʔλC σʔλC σʔλB σʔλB
34. σʔλC σʔλC σʔλC σʔλC σʔλB σʔλB 1VCMJTIFST 4VCTDSJCFST 0QFSBUPST σʔλͷมܗ σʔλͷมܗɺσʔλͷྲྀ଎ɺσʔλͷྲྀྔͷՃ޻ σʔλͷൃߦऀ σʔλͷߪಡऀ
35. JNQPSU
    6*,JU
    JNQPSU
    $PNCJOF
    WBS
    BOZ$BODFMBCMF
    
    4FU"OZ$BODFMMBCMF
    MFU
    QBTTUISPVHI4VCKFDU
    
    1BTTUISPVHI4VCKFDU*OU
    /FWFS
    MFU
    QBTTUISPVHI4VCKFDU
    
    1BTTUISPVHI4VCKFDU4USJOH
    /FWFS
    QBTTUISPVHI4VCKFDU
    NBQ
    \
    WBMVF
    JO
    
    
    
    
    4USJOHa WBMVF 
    ^
    TVCTDSJCF QBTTUISPVHI4VCKFDU
    QBTTUISPVHI4VCKFDUTJOL
    \
    WBMVF
    JO
    
    
    
    
    QSJOU QBTTUISPVHI4VCKFDU
    TJOL
    WBMVFa WBMVF 
    ^TUPSF JO
    BOZ$BODFMBCMF
    1VCMJTIFS୲౰ 4VCTDSJCFS୲౰ 0QFSBUPS୲౰
36. σʔλͷൃߦݩ͸छྨ
37. 1VCMJTIFS݉4VCTDSJCFS 1VCMJTIFSͷछྨᶃᶄ w1BTTUISPVHI4VCKFDU
    w$VSSFOU7BMVF4VCKFDU 1VCMJTIFS σʔλͷൃߦݩ
    ͱ4VCKFDU σʔλ ͷߪಡଆ Λ݉ͶΔɺσʔλܕͷม׵ʹ͸ద੾ͳ 0QFSBUPSTΛ࢖͏ NBQͳͲ
38. ඇಉظॲཧ 1VCMJTIFSͷछྨᶅ w'VUVSF ϦΫΤετޙɺඇಉظͰσʔλ͕खʹೖΔॲཧ ωοτϫʔΫϦΫΤε τͳͲ ͷσʔλΛड͚औΔͷʹར༻͢ΔɻΤϥʔΛऔಘͰ͖ͣΤϥʔ ͕ฦͬͯ͘Δ͜ͱ΋͋Δ
39. $PNCJOF
    GSBNFXPSL
    ͷಛ௃
40. ΤϥʔϨʔϯͷ༗ແ͕બ΂Δ
41. σʔλͷೖΓޱ
42. σʔλͷೖΓޱ
43. σʔλͷೖΓޱ
44. 
    
    
    
    
    
    
    
    MFU
    QBTTUISPVHI4VCKFDU
    
    1BTTUISPVHI4VCKFDU*OU
    /FWFS
    
    
    
    
    
    
    
    
    QBTTUISPVHI4VCKFDUTFOE 
    
    
    
    
    
    
    
    
    QBTTUISPVHI4VCKFDUTJOL
    \
    WBMVF
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU QBTTUISPVHI4VCKFDU
    TJOL
    WBMVFa WBMVF 
    
    
    
    
    
    
    
    
    ^TUPSF JO
    BOZ$BODFMBCMF
    
    
    
    
    
    
    
    
    QBTTUISPVHI4VCKFDUTFOE 
    
    
    
    
    
    
    
    
    MFU
    DVSSFOU7BMVF4VCKFDU
    
    $VSSFOU7BMVF4VCKFDU*OU /FWFS 
    
    
    
    
    
    
    
    
    DVSSFOU7BMVF4VCKFDUTJOL
    \
    WBMVF
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU DVSSFOU7BMVF4VCKFDU
    TJOL
    WBMVFa WBMVF 
    
    
    
    
    
    
    
    
    ^TUPSF JO
    BOZ$BODFMBCMF
    
    
    
    
    
    
    
    
    'VUVSF*OU
    /FWFS
    \
    QSPNJTF
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    5ISFBETMFFQ GPS5JNF*OUFSWBM
    
    
    
    
    
    
    
    
    
    
    
    
    
    %JTQBUDI2VFVFHMPCBM BTZOD
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    %JTQBUDI2VFVFNBJOBTZOD
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    QSPNJTF TVDDFTT 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    TJOL
    \
    WBMVF
    JO
    QSJOU 'VUVSF
    TJOL
    WBMVFa WBMVF 
    ^TUPSF JO
    BOZ$BODFMBCMF
    
    
    
    
    
    
    
    
    TVCTDSJCF QBTTUISPVHI4VCKFDU TUPSF JO
    BOZ$BODFMBCMF ΤϥʔϨʔϯͳ͠
45. 
    
    
    
    
    
    
    
    MFU
    QBTTUISPVHI4VCKFDU
    
    1BTTUISPVHI4VCKFDU*OU
    &SSPS
    
    
    
    
    
    
    
    
    QBTTUISPVHI4VCKFDUTFOE 
    
    
    
    
    
    
    
    
    QBTTUISPVHI4VCKFDUTJOL SFDFJWF$PNQMFUJPO
    \
    DPNQMFUJPO
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    TXJUDI
    DPNQMFUJPO
    \
    
    
    
    
    
    
    
    
    
    
    
    
    DBTF
    GBJMVSF MFU
    FSSPS 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU QBTTUISPVHI4VCKFDU
    MPDBMJ[FE%FTDSJQUJPOa FSSPSMPDBMJ[FE%FTDSJQUJPO 
    
    
    
    
    
    
    
    
    
    
    
    
    DBTF
    pOJTIFE
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    CSFBL
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    ^
    \
    WBMVF
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU QBTTUISPVHI4VCKFDU
    TJOL
    WBMVFa WBMVF 
    
    
    
    
    
    
    
    
    ^TUPSF JO
    BOZ$BODFMBCMF
    
    
    
    
    
    
    
    
    QBTTUISPVHI4VCKFDUTFOE 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    MFU
    DVSSFOU7BMVF4VCKFDU
    
    $VSSFOU7BMVF4VCKFDU*OU &SSPS 
    
    
    
    
    
    
    
    
    DVSSFOU7BMVF4VCKFDUTJOL SFDFJWF$PNQMFUJPO
    \
    DPNQMFUJPO
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    TXJUDI
    DPNQMFUJPO
    \
    
    
    
    
    
    
    
    
    
    
    
    
    DBTF
    GBJMVSF MFU
    FSSPS 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU DVSSFOU7BMVF4VCKFDU
    MPDBMJ[FE%FTDSJQUJPOa FSSPSMPDBMJ[FE%FTDSJQUJPO 
    
    
    
    
    
    
    
    
    
    
    
    
    DBTF
    pOJTIFE
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    CSFBL
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    ^
    SFDFJWF7BMVF
    \
    WBMVF
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU DVSSFOU7BMVF4VCKFDU
    TJOL
    WBMVFa WBMVF 
    
    
    
    
    
    
    
    
    ^ TUPSF JO
    BOZ$BODFMBCMF
    
    
    
    
    
    
    
    
    'VUVSF*OU
    &SSPS
    \
    QSPNJTF
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    5ISFBETMFFQ GPS5JNF*OUFSWBM
    
    
    
    
    
    
    
    
    
    
    
    
    
    %JTQBUDI2VFVFHMPCBM BTZOD
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    %JTQBUDI2VFVFNBJOBTZOD
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    QSPNJTF TVDDFTT 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    TJOL SFDFJWF$PNQMFUJPO
    \
    DPNQMFUJPO
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    TXJUDI
    DPNQMFUJPO
    \
    
    
    
    
    
    
    
    
    
    
    
    
    DBTF
    GBJMVSF MFU
    FSSPS 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU 'VUVSF
    MPDBMJ[FE%FTDSJQUJPOa FSSPSMPDBMJ[FE%FTDSJQUJPO 
    
    
    
    
    
    
    
    
    
    
    
    
    DBTF
    pOJTIFE
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    CSFBL
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    ^
    SFDFJWF7BMVF
    \
    WBMVF
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    QSJOU 'VUVSF
    TJOL
    WBMVFa WBMVF 
    
    
    
    
    
    
    
    
    ^ TUPSF JO
    BOZ$BODFMBCMF
    ΤϥʔϨʔϯ͋Γ
46. $PNCJOF$PNNVOJUZ
    SYTXJGUUPDPNCJOFDIFBUTIFFU HJUIVCDPN$PNCJOF$PNNVOJUZSYTXJGUUPDPNCJOFDIFBUTIFFU 3Y4XJGU
    ͱͷػೳൺֱ
47. 6TJOH
    $PNCJOF IFDLKHJUIVCJPTXJGUVJOPUFT $PNCJOF
    GSBNFXPSLͷ࢖͍ํ
48. ϥΠόϧ 3Y4XJGU ΑΓ΋ܰྔͳ ͷͰ͓͢͢Ί