Observation のあれこれ / A brief introduction about Observation

0CTFSWBUJPOͷ͋Ε͜Ε f o r ୈ ճ
) " , "5" T X J G U

} var employedBy = "YUMEMI Inc." var job = "iOS
Tech Lead" var favoriteLanguage = "Swift" var twitter = "@lovee" var qiita = "lovee" var github = "el-hoshino" var additionalInfo = """ ৯தಟɺ෠Εͳ͍ʂ """ final class Me: Developable, Talkable {

88%$ָ͠Ί·͔ͨ͠ʁ

IUUQTTQFBLFSEFDLDPNNOBSVTFXXEDYJBOEJDBOKJBCBPHBPUJZBOKJCJBO

FUD 8JEHFU,JU 4XJGU6* 0CTFSWBUJPO WJTJPO04 3FBMJUZ$PNQPTFS1SP 4XJGU%BUB 4XJGUNBDSPT 3FBMJUZ,JU 6*,JU
"DUJWJUZ,JU 7JTJPO,JU $PSF.PUJPO

0CTFSWBUJPO w 4XJGU6*༻ͷ৽͍͠ϑϨʔϜϫʔΫ w σʔλมߋͷ௥੻͕͞ΒʹָʹͳΔ w ύϑΥʔϚϯε΋্͕ΔΒ͍͠

import Combine class ValuesManager: ObservableObject { @Published var values: [Int]
= [] } struct ContentView: View { @StateObject private var manager = ValuesManager() var body: some View { List { ForEach(manager.values, id: \.self) { value in Text("\(value)") } Button { manager.values .append(Int.random(in: 0..<100)) } label: { Text("Add") } } .animation(.default, value: manager.values) } }

import Observation @Observable class ValuesManager { var values: [Int] =
[] } struct ContentView: View { @State private var manager = ValuesManager() var body: some View { List { ForEach(manager.values, id: \.self) { value in Text("\(value)") } Button { manager.values .append(Int.random(in: 0..<100)) } label: { Text("Add") } } .animation(.default, value: manager.values) } } !0CTFSWBCMFΛ σʔλϞσϧ࣮૷ʹ௥Ճ͢Δ σʔλϞσϧΛ ௨ৗͷσʔλͷΑ͏ʹ ϓϩύςΟʔએݴ͢Δ

struct ContentView: View { @State private var manager = ValuesManager()
var body: some View { Child(manager: manager) } } struct Child: View { var manager: ValuesManager var body: some View { List { ForEach(manager.values, id: \.self) { value in Text("\(value)") } Button { manager.values.append(Int.random(in: 0..<100)) } label: { Text("Add") } } .animation(.default, value: manager.values) } } ࣗ਎ͷॴ༗͡Όͳ͚Ε͹!4UBUF΍ !0CTFSWFE0CKFDU΋ཁΒͳ͍

struct ContentView: View { @State private var manager = ValuesManager()
var body: some View { List { ForEach($manager.values, id: \.self) { value in Cell(value: value) } Button { manager.values.append(Int.random(in: 0..<100)) } label: { Text("Add") } } .animation(.bouncy, value: manager.values) } } struct Cell: View { @Binding var value: Int var body: some View { Button { value += 1 } label: { Text("\(value)") } } } #JOEJOH͕ඞཁͳͱ͖͸ αΠϯΛೖΕΕ͹Ͱ͖Δ

͋Εʁ 0CTFSWBUJPOͬͯ͜Μͳʹ؆୯ʁ

0CTFSWBUJPOͱ $PNCJOFͷؔ܎

0CTFSWBUJPOͱ$PNCJOFͷؔ܎ 0CTFSWBUJPO $PNCJOF ࠓ೥ϦϦʔε ೥ϦϦʔε J04Ҏ߱ J04Ҏ߱ Φϒβʔόʔύλʔϯʹઐ೦ ϦΞΫςΟϒ෩ͷॲཧΛఏڙ

0CTFSWBUJPOͱ$PNCJOFͱ$PODVSSFODZͷؔ ܎ 0CTFSWBUJPO $PNCJOF ࠓ೥ϦϦʔε ೥ϦϦʔε J04Ҏ߱ J04Ҏ߱ Φϒβʔόʔ ύλʔϯʹઐ೦
ϦΞΫςΟϒ෩ॲཧΛ ఏڙ

0CTFSWBUJPOͱ$PNCJOFͱ$PODVSSFODZͷؔ ܎ 0CTFSWBUJPO $PNCJOF $PODVSSFODZ ࠓ೥ϦϦʔε ೥ϦϦʔε ೥ϦϦʔε J04Ҏ߱ J04Ҏ߱
J04Ҏ߱ Φϒβʔόʔ ύλʔϯʹઐ೦ ϦΞΫςΟϒ෩ॲཧΛ ఏڙ ඇಉظॲཧͷจ๏Λ ఏڙ

$PNCJOF͸΋͏ඞཁͳ͍ J04Ҏ߱ͷΈରԠͷ৔߹ ͋͘·Ͱචऀͷߟ͑Ͱ͢

$PNCJOF͸΋͏ඞཁͳ͍ w $PNCJOF͸ͦ΋ͦ΋ΦʔόʔΩϧ w 4XJGU6*͸4UBUF%SJWFOͳͷͰɺ0CTFSWFS1BUUFSO࣮͑͞ݱ Ͱ͖Ε͹े෼Ͱɺ3FBDUJWFʢ'31ʣ͸ඞਢͰ͸ͳ͍ w ඇಉظॲཧΛॻ͖͍͚ͨͩͳΒɺ$PODVSSFODZͷػೳͰे෼ͩ͠ Ή͠Ζॻ͖΍͍͢ w
Ξοϓϧެࣜ΋$PNCJOF͔Β0CTFSWBUJPO΁ͷҠߦΛਪ঑͍͘͞ w ࠓ೥$PNCJOFͷηογϣϯ͸ԿҰͭͳ͍ w ϥΠϒϥϦʔͷมߋ΋ಛʹͳ͍ w 4XJGU6*ͷυΩϡϝϯτͰ$PNCJOFͷ0CTFSWBCMF0CKFDU͔Β 0CTFSWBUJPOͷ!0CTFSWBCMF΁ͷҠߦهࣄ͕௥Ճ J04Ҏ߱ͷΈରԠͷ৔߹ ͋͘·Ͱචऀͷߟ͑Ͱ͢

0CTFSWBUJPOʹඋ͑Α

ࢀߟࢿྉ w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOPCTFSWBUJPO w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOTXJGUVJNJHSBUJOH GSPNUIFPCTFSWBCMFPCKFDUQSPUPDPMUPUIFPCTFSWBCMFNBDSP

Observation のあれこれ / A brief introduction about Observation

Observation のあれこれ / A brief introduction about Observation

Elvis Shi

More Decks by Elvis Shi

Other Decks in Programming

Featured

Transcript

0CTFSWBUJPOͷ͋Ε͜Ε f o r ୈ ճ

} var employedBy = "YUMEMI Inc." var job = "iOS

88%$ָ͠Ί·͔ͨ͠ʁ

IUUQTTQFBLFSEFDLDPNNOBSVTFXXEDYJBOEJDBOKJBCBPHBPUJZBOKJCJBO

FUD 8JEHFU,JU 4XJGU6* 0CTFSWBUJPO WJTJPO04 3FBMJUZ$PNQPTFS1SP 4XJGU%BUB 4XJGUNBDSPT 3FBMJUZ,JU 6*,JU

FUD 8JEHFU,JU 4XJGU6* 0CTFSWBUJPO WJTJPO04 3FBMJUZ$PNQPTFS1SP 4XJGU%BUB 4XJGUNBDSPT 3FBMJUZ,JU 6*,JU

0CTFSWBUJPO w 4XJGU6*༻ͷ৽͍͠ϑϨʔϜϫʔΫ w σʔλมߋͷ௥੻͕͞ΒʹָʹͳΔ w ύϑΥʔϚϯε΋্͕ΔΒ͍͠

import Combine class ValuesManager: ObservableObject { @Published var values: [Int]

import Observation @Observable class ValuesManager { var values: [Int] =

struct ContentView: View { @State private var manager = ValuesManager()

struct ContentView: View { @State private var manager = ValuesManager()

͋Εʁ 0CTFSWBUJPOͬͯ͜Μͳʹ؆୯ʁ

0CTFSWBUJPOͱ $PNCJOFͷؔ܎

0CTFSWBUJPOͱ$PNCJOFͷؔ܎ 0CTFSWBUJPO $PNCJOF ࠓ೥ϦϦʔε ೥ϦϦʔε J04Ҏ߱ J04Ҏ߱ Φϒβʔόʔύλʔϯʹઐ೦ ϦΞΫςΟϒ෩ͷॲཧΛఏڙ

0CTFSWBUJPOͱ$PNCJOFͱ$PODVSSFODZͷؔ ܎ 0CTFSWBUJPO $PNCJOF ࠓ೥ϦϦʔε ೥ϦϦʔε J04Ҏ߱ J04Ҏ߱ Φϒβʔόʔ ύλʔϯʹઐ೦

0CTFSWBUJPOͱ$PNCJOFͱ$PODVSSFODZͷؔ ܎ 0CTFSWBUJPO $PNCJOF $PODVSSFODZ ࠓ೥ϦϦʔε ೥ϦϦʔε ೥ϦϦʔε J04Ҏ߱ J04Ҏ߱

$PNCJOF͸΋͏ඞཁͳ͍ J04Ҏ߱ͷΈରԠͷ৔߹ ͋͘·Ͱචऀͷߟ͑Ͱ͢

$PNCJOF͸΋͏ඞཁͳ͍ w $PNCJOF͸ͦ΋ͦ΋ΦʔόʔΩϧ w 4XJGU6*͸4UBUF%SJWFOͳͷͰɺ0CTFSWFS1BUUFSO࣮͑͞ݱ Ͱ͖Ε͹े෼Ͱɺ3FBDUJWFʢ'31ʣ͸ඞਢͰ͸ͳ͍ w ඇಉظॲཧΛॻ͖͍͚ͨͩͳΒɺ$PODVSSFODZͷػೳͰे෼ͩ͠ Ή͠Ζॻ͖΍͍͢ w

$PNCJOF͸΋͏ඞཁͳ͍ w $PNCJOF͸ͦ΋ͦ΋ΦʔόʔΩϧ w 4XJGU6*͸4UBUF%SJWFOͳͷͰɺ0CTFSWFS1BUUFSO࣮͑͞ݱ Ͱ͖Ε͹े෼Ͱɺ3FBDUJWFʢ'31ʣ͸ඞਢͰ͸ͳ͍ w ඇಉظॲཧΛॻ͖͍͚ͨͩͳΒɺ$PODVSSFODZͷػೳͰे෼ͩ͠ Ή͠Ζॻ͖΍͍͢ w

$PNCJOF͸΋͏ඞཁͳ͍ w $PNCJOF͸ͦ΋ͦ΋ΦʔόʔΩϧ w 4XJGU6*͸4UBUF%SJWFOͳͷͰɺ0CTFSWFS1BUUFSO࣮͑͞ݱ Ͱ͖Ε͹े෼Ͱɺ3FBDUJWFʢ'31ʣ͸ඞਢͰ͸ͳ͍ w ඇಉظॲཧΛॻ͖͍͚ͨͩͳΒɺ$PODVSSFODZͷػೳͰे෼ͩ͠ Ή͠Ζॻ͖΍͍͢ w

$PNCJOF͸΋͏ඞཁͳ͍ w $PNCJOF͸ͦ΋ͦ΋ΦʔόʔΩϧ w 4XJGU6*͸4UBUF%SJWFOͳͷͰɺ0CTFSWFS1BUUFSO࣮͑͞ݱ Ͱ͖Ε͹े෼Ͱɺ3FBDUJWFʢ'31ʣ͸ඞਢͰ͸ͳ͍ w ඇಉظॲཧΛॻ͖͍͚ͨͩͳΒɺ$PODVSSFODZͷػೳͰे෼ͩ͠ Ή͠Ζॻ͖΍͍͢ w

0CTFSWBUJPOʹඋ͑Α

ࢀߟࢿྉ w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOPCTFSWBUJPO w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOTXJGUVJNJHSBUJOH GSPNUIFPCTFSWBCMFPCKFDUQSPUPDPMUPUIFPCTFSWBCMFNBDSP