SwiftUIでの非同期処理データの状態管理を考える

iOSDC2023 Day1 TrackC 17:25〜

Transcript

1. !LOUL
   %BZ
   
   ʙ
   
   5SBDL$ 4XJGU6*Ͱͷඇಉظॲཧσʔλͷ ঢ়ଶ؅ཧΛߟ͑Δ J04%$
   JPTED
   D
2. ʮඇಉظॲཧσʔλͷঢ়ଶ؅ཧʯͱ͸
3. ʮඇಉظॲཧσʔλͷঢ়ଶ؅ཧʯͱ͸ ੒ޭ ࣦഊ ϩʔυத
4. ʮඇಉظॲཧσʔλͷঢ়ଶ؅ཧʯͱ͸ w ඇಉظʹσʔλΛදࣔ͢Δࡍͷը໘ͷঢ়ଶ؅ཧ
   w ঢ়ଶ
   w ϩʔυத
   w ੒ޭ
   w ࣦഊ
5. ʮඇಉظॲཧσʔλͷঢ়ଶ؅ཧʯͱ͸ ੒ޭ ϩʔυத
6. ʮඇಉظॲཧσʔλͷঢ়ଶ؅ཧʯͱ͸ ੒ޭ ϩʔυத ੒ޭ ࣦഊ
7. ࿩͢͜ͱ w ඇಉظॲཧσʔλͷঢ়ଶ؅ཧํ๏Λ༷ʑͳ࢓༷Λݩʹ࣮૷ɾߟ࡯
8. ࿩͢͜ͱ w ඇಉظॲཧσʔλͷঢ়ଶ؅ཧํ๏Λ༷ʑͳ࢓༷Λݩʹ࣮૷ɾߟ࡯
   w ख๏
   w FOVNΛ༻͍ͨख๏
   w ίϯϙʔωϯτΛ༻͍ͨख๏
9. ࿩͢͜ͱ w ඇಉظॲཧσʔλͷঢ়ଶ؅ཧํ๏Λ༷ʑͳ࢓༷Λݩʹ࣮૷ɾߟ࡯
   w ख๏
   w FOVNΛ༻͍ͨख๏
   w ίϯϙʔωϯτΛ༻͍ͨख๏
   w ओޠ͕େ͖͍ςʔϚͳͷͰɺߟ͑ํͷҰͭͱͯ͠ଊ͑ͭͭ 
 վળ఺΍৽ͨͳࢹ఺͕͋Ε͹࣭໰ɾίϝϯτ௖͚ͨΒخ͍͠Ͱ͢
   👍
10. $BTF
    
    FOVNͷಋೖ
11. $BTF
    
    FOVNͷಋೖ
12. $BTF
    
    FOVNͷಋೖ
13. $BTF
    
    FOVNͷಋೖ
14. $BTF
    
    FOVNͷಋೖ
15. #FGPSF
16. $BTF
    
    FOVNͷಋೖ
    #FGPSF ঢ়ଶͷએݴ @State private var data: User? @State private var error: (any Error)? @State private var isLoading = false
17. $BTF
    
    FOVNͷಋೖ
    #FGPSF 7JFXͷग़͠Θ͚ var body: some View { List { if isLoading { EmptyView() } else { if let data { content(user: data) } else if error != nil { ErrorStateView() } } } .overlay { if isLoading { ProgressView() } } }
18. $BTF
    
    FOVNͷಋೖ
    #FGPSF var body: some View { List { if isLoading { EmptyView() } else { if let data { content(user: data) } else if error != nil { ErrorStateView() } } } .overlay { if isLoading { ProgressView() } } } ϩʔυத 7JFXͷग़͠Θ͚
19. $BTF
    
    FOVNͷಋೖ
    #FGPSF var body: some View { List { if isLoading { EmptyView() } else { if let data { content(user: data) } else if error != nil { ErrorStateView() } } } .overlay { if isLoading { ProgressView() } } } ϩʔυத ੒ޭ 7JFXͷग़͠Θ͚
20. $BTF
    
    FOVNͷಋೖ
    #FGPSF var body: some View { List { if isLoading { EmptyView() } else { if let data { content(user: data) } else if error != nil { ErrorStateView() } } } .overlay { if isLoading { ProgressView() } } } ϩʔυத ੒ޭ ࣦഊ 7JFXͷग़͠Θ͚
21. $BTF
    
    FOVNͷಋೖ
    #FGPSF ঢ়ଶͷૢ࡞ʢඇಉظॲཧʣ func fetchUser() async { if isLoading { return } isLoading = true data = nil error = nil do { data = try await API.getUser() } catch { self.error = error } isLoading = false }
22. $BTF
    
    FOVNͷಋೖ
    #FGPSF ঢ়ଶͷૢ࡞ʢඇಉظॲཧʣ func fetchUser() async { if isLoading { return } isLoading = true data = nil error = nil do { data = try await API.getUser() } catch { self.error = error } isLoading = false } ϩʔυ։࢝
23. $BTF
    
    FOVNͷಋೖ
    #FGPSF ঢ়ଶͷૢ࡞ʢඇಉظॲཧʣ func fetchUser() async { if isLoading { return } isLoading = true data = nil error = nil do { data = try await API.getUser() } catch { self.error = error } isLoading = false } "1*Λୟ͘ ϩʔυ։࢝
24. $BTF
    
    FOVNͷಋೖ
    #FGPSF ঢ়ଶͷૢ࡞ʢඇಉظॲཧʣ func fetchUser() async { if isLoading { return } isLoading = true data = nil error = nil do { data = try await API.getUser() } catch { self.error = error } isLoading = false } "1*Λୟ͘ ࣦഊͳΒFSSPS ϩʔυ։࢝
25. $BTF
    
    FOVNͷಋೖ
    #FGPSF ঢ়ଶͷૢ࡞ʢඇಉظॲཧʣ func fetchUser() async { if isLoading { return } isLoading = true data = nil error = nil do { data = try await API.getUser() } catch { self.error = error } isLoading = false } "1*Λୟ͘ ࣦഊͳΒFSSPS ϩʔυऴྃ ϩʔυ։࢝
26. $BTF
    
    FOVNͷಋೖ
    #FGPSF ·ͱΊ w ঢ়ଶͷએݴ
    ม਺
    w 7JFXͷग़͠Θ͚
    ม਺Λར༻͠෼ذ
    w ঢ়ଶૢ࡞
    ม਺Λผʑʹૢ࡞
    
27. $BTF
    
    FOVNͷಋೖ
    #FGPSF ໰୊఺
    JGͷωετ var body: some View { List { if isLoading { EmptyView() } else { if let data { content(user: data) } else if error != nil { ErrorStateView() } } } .overlay { if isLoading { ProgressView() } } } ωετ͕ਂ͍
28. $BTF
    
    FOVNͷಋೖ
    #FGPSF ໰୊఺
    ม਺Λผʑʹૢ࡞͢Δͷ͕൥ࡶ func fetchUser() async { if isLoading { return } isLoading = true data = nil error = nil do { data = try await API.getUser() } catch { self.error = error } isLoading = false } લճͷঢ়ଶΛ࡟আ
29. $BTF
    
    FOVNͷಋೖ
    #FGPSF ໰୊఺
    ม਺Λผʑʹૢ࡞͢Δͷ͕൥ࡶ func fetchUser() async { if isLoading { return } isLoading = true data = nil error = nil do { data = try await API.getUser() } catch { self.error = error } isLoading = false } ݁Ռͷ୅ೖͱ
    ϩʔυऴ͕ྃಠཱ લճͷঢ়ଶΛ࡟আ
30. $BTF
    
    FOVNͷಋೖ
    #FGPSF ໰୊఺ w ঢ়ଶͷએݴ
    ม਺
    w 7JFXͷग़͠Θ͚
    ม਺Λར༻͠෼ذ
    w ωετ͕ਂ͍
    w ঢ়ଶૢ࡞
    ม਺Λผʑʹૢ࡞
    
    w ผʑͷૢ࡞͕൥ࡶ
31. "GUFS
32. $BTF
    
    FOVNͷಋೖ
    "GUFS ঢ়ଶͷએݴ enum DataState<V, E: Error> { case idle case loading case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
33. $BTF
    
    FOVNͷಋೖ
    "GUFS ঢ়ଶͷએݴ enum DataState<V, E: Error> { case idle case loading case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle ม਺͕ͭ
34. $BTF
    
    FOVNͷಋೖ
    "GUFS 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .loading: EmptyView() case .success(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isLoading { ProgressView() } } }
35. $BTF
    
    FOVNͷಋೖ
    "GUFS 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .loading: EmptyView() case .success(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isLoading { ProgressView() } } } ωετ͕ͭ
36. $BTF
    
    FOVNͷಋೖ
    "GUFS 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .loading: EmptyView() case .success(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isLoading { ProgressView() } } } extension DataState { var isLoading: Bool { if case .loading = self { return true } return false } }
37. $BTF
    
    FOVNͷಋೖ
    "GUFS ঢ়ଶͷૢ࡞ʢඇಉظॲཧʣ func fetchUser() async { if dataState.isLoading { return } dataState = .loading do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } }
38. $BTF
    
    FOVNͷಋೖ
    "GUFS ঢ়ଶͷૢ࡞ʢඇಉظॲཧʣ func fetchUser() async { if dataState.isLoading { return } dataState = .loading do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } } લճͷঢ়ଶ΋࡟আ JT-PBEJOH
    
    GBMTF
    ΋ෆཁ
39. $BTF
    
    FOVNͷಋೖ
    "GUFS FOVNΛ༻͍ͨঢ়ଶ؅ཧ w ঢ়ଶͷએݴ
    ม਺
    w 7JFXͷग़͠Θ͚
    ม਺ͷTXJUDI
    w ঢ়ଶૢ࡞
    ม਺ͷૢ࡞
40. $BTF
    
    FOVNͷಋೖ
    "GUFS FOVNΛ༻͍ͨঢ়ଶ؅ཧ w ঢ়ଶͷએݴ
    ม਺
    w 7JFXͷग़͠Θ͚
    ม਺ͷTXJUDI
    w ঢ়ଶૢ࡞
    ม਺ͷૢ࡞
    w FOVNʹΑͬͯը໘ͷঢ়ଶ͕໌֬ʹͳΓՄಡੑ΋޲্
41. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
42. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ ཧ૝ͷڍಈ
43. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ ཧ૝ͷڍಈ ϩʔυͱσʔλ͕
    ಉ࣌ʹදࣔ
44. #FGPSF
45. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷ enum DataState<V, E: Error> { case idle case loading case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
46. var body: some View { List { switch dataState { case .idle, .loading: EmptyView() case .success(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isLoading { ProgressView() } } } $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷
47. var body: some View { List { switch dataState { case .idle, .loading: EmptyView() case .success(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isLoading { ProgressView() } } } $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷ ɾϩʔυதͩͱσʔλ͕ফ͑Δ
    ɾϓϧϦϑͱೋॏʹϩʔυ͕දࣔ
48. var body: some View { List { switch dataState { case .idle, .loading: EmptyView() case .success(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isLoading { ProgressView() } } } $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷ MPBEJOHʹ͸
    σʔλ͕ͳ͍
49. "GUFS
50. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS SF-PBEJOH 7 Λ௥Ճ enum DataState<V, E: Error> { case idle case loading case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
51. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS SF-PBEJOH 7 Λ௥Ճ enum DataState<V, E: Error> { case idle case loading case reLoading(V) case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
52. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS SF-PBEJOH 7 Λ௥Ճ enum DataState<V, E: Error> { case idle case initialLoading case reLoading(V) case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
53. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .loading: EmptyView() case .success(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } }
54. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } } ࠶ಡΈࠐΈத΋ σʔλΛදࣔ
55. func fetchUser() async { if dataState.isLoading { return } dataState = .loading do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } } $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS ঢ়ଶૢ࡞
56. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS ঢ়ଶૢ࡞ func fetchUser() async { switch dataState { case .idle, .failure: dataState = .initialLoading case .success(let value): dataState = .reLoading(value) case .initialLoading, .reLoading: return } do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } }
57. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS ঢ়ଶૢ࡞ func fetchUser() async { switch dataState { case .idle, .failure: dataState = .initialLoading case .success(let value): dataState = .reLoading(value) case .initialLoading, .reLoading: return } do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } } TVDDFTT͔Βϩʔυ͢Δ࣌͸
    SF-PBEJOH
58. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS ঢ়ଶૢ࡞ func fetchUser() async { if dataState.isLoading { return } dataState.startLoading() do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } } extension DataState { mutating func startLoading() { switch self { case .idle, .failure: self = .initialLoading case .success(let value): self = .reLoading(value) default: return } } }
59. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS ঢ়ଶૢ࡞ func fetchUser() async { if dataState.isLoading { return } dataState.startLoading() do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } }
60. $BTF
    
    ࠶ಡΈࠐΈத΋σʔλΛදࣔ
    "GUFS ࣮૷׬ྃ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } }
61. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
62. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ ཧ૝ͷڍಈ
63. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ ཧ૝ͷڍಈ ϩʔυͱΤϥʔ͕
    ಉ࣌ʹදࣔ
64. #FGPSF
65. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷ enum DataState<V, E: Error> { case idle case initialLoading case reLoading(V) case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
66. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } }
67. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } } ɾϩʔυதͩͱΤϥʔ͕ফ͑Δ
    ɾϓϧϦϑͱೋॏʹϩʔυ͕දࣔ
68. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    #FGPSF $BTF
    ͷFOVNͰ࣮૷ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } } JOJUJBM-PBEJOHʹ͸Τϥʔ͕ͳ͍
69. "GUFS
70. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    "GUFS SFUSZ-PBEJOH & Λ௥Ճ enum DataState<V, E: Error> { case idle case initialLoading case reLoading(V) case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
71. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    "GUFS SFUSZ-PBEJOH & Λ௥Ճ enum DataState<V, E: Error> { case idle case initialLoading case reLoading(V) case retryLoading(E) case success(V) case failure(E) } @State private var dataState: DataState<User, any Error> = .idle
72. var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } } $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    "GUFS 7JFXͷग़͠Θ͚
73. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    "GUFS 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure, .retryLoading: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } } ࠶ಡΈࠐΈத΋ ΤϥʔΛදࣔ
74. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    "GUFS ঢ়ଶૢ࡞ func fetchUser() async { if dataState.isLoading { return } dataState.startLoading() do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } }
75. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    "GUFS ঢ়ଶૢ࡞ func fetchUser() async { if dataState.isLoading { return } dataState.startLoading() do { dataState = .success(try await API.getUser()) } catch { dataState = .failure(error) } } extension DataState { mutating func startLoading() { switch self { case .idle: self = .initialLoading case .success(let value): self = .reLoading(value) case .failure(let error): self = .retryLoading(error) default: return } } } GBJMVSF͔Βϩʔυ͢Δ࣌͸
    SFUSZ-PBEJOH
76. $BTF
    
    ࠶ಡΈࠐΈதͰ΋ΤϥʔΛදࣔ
    "GUFS ࣮૷׬ྃ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): content(user: value) case .failure, .retryLoading: ErrorStateView() } } .overlay { if dataState.isInitialLoading { ProgressView() } } }
77. ঢ়ଶ͕૿͑ͯෳࡶʹͳͬͨʁ enum DataState<V, E: Error> { case idle case initialLoading case reLoading(V) case retryLoading(E) case success(V) case failure(E) }
78. ঢ়ଶΛਤղͯ͠ΈΔ
79. ঢ়ଶΛਤղͯ͠ΈΔ
80. ঢ়ଶΛਤղͯ͠ΈΔ $BTF
    
    MPBEJOH
81. ঢ়ଶΛਤղͯ͠ΈΔ $BTF
    
    SF-PBEJOH
82. ঢ়ଶΛਤղͯ͠ΈΔ $BTF
    
    SFUSZ-PBEJOH
83. ঢ়ଶΛਤղͯ͠ΈΔ
84. ࣮͸MPBEJOHͷ෼ྨΛม͚͑ͨͩ w MPBEJOHΛηϚϯςΟοΫʹ෼ྨ
    w ʮͲͷঢ়ଶ͔Βϩʔυ͔ͨ͠ʯͰࡉ෼Խ
    w දݱྗͷ޲্
85. ࣮͸MPBEJOHͷ෼ྨΛม͚͑ͨͩ w MPBEJOHΛηϚϯςΟοΫʹ෼ྨ
    w ʮͲͷঢ়ଶ͔Βϩʔυ͔ͨ͠ʯͰࡉ෼Խ
    w දݱྗͷ޲্
    w $BTF
    
    ͷFOVN͸ʮ؆ུԽ͞Εͨܗʯͱ΋ݴ͑Δ
86. ࠷దͳཻ౓બ୒Λ w MPBEJOHͷ෼ྨ͕ࡉ͔͍ํ͕ରԠͰ͖Δέʔε͕ଟ͍
87. ࠷దͳཻ౓બ୒Λ w MPBEJOHͷ෼ྨ͕ࡉ͔͍ํ͕ରԠͰ͖Δέʔε͕ଟ͍
    w ͕ɺ෼ྨ͕ࡉ͔͍෺͕ৗʹྑ͍Θ͚Ͱ͸ͳ͍
    w ར༻͠ͳ͍ঢ়ଶΛ͍࣋ͬͯͯ΋࢓ํ͕ͳ͍
88. ࠷దͳཻ౓બ୒Λ w MPBEJOHͷ෼ྨ͕ࡉ͔͍ํ͕ରԠͰ͖Δέʔε͕ଟ͍
    w ͕ɺ෼ྨ͕ࡉ͔͍෺͕ৗʹྑ͍Θ͚Ͱ͸ͳ͍
    w ར༻͠ͳ͍ঢ়ଶΛ͍࣋ͬͯͯ΋࢓ํ͕ͳ͍
    w ࠷దͳMPBEJOHͷ෼ྨͷཻ౓Λબ୒͢΂͠
    w ࢓༷ɾকདྷͷ֦ுੑɾՄಡੑɾϩδοΫ؅ཧίετ
    FUDʜ
89. $BTF
    
    ϖʔδϯά
90. $BTF
    
    ϖʔδϯά ཧ૝ͷڍಈ
91. $BTF
    
    ϖʔδϯά ཧ૝ͷڍಈ ϖʔδϯάத
    ϖʔδϯάࣦഊͰ΋
    લϖʔδͷσʔλ͕දࣔ
92. "GUFS
93. $BTF
    
    ϖʔδϯά QBHJOH 7
    QBHJOH'BJMVSF 7
    & Λ௥Ճ enum DataState<V, E: Error> { case idle case initialLoading case reLoading(V) case retryLoading(E) case success(V) case failure(E) } @State private var dataState: DataState<[Post], any Error> = .idle
94. $BTF
    
    ϖʔδϯά QBHJOH 7
    QBHJOH'BJMVSF 7
    & Λ௥Ճ enum DataState<V, E: Error> { case idle case initialLoading case reLoading(V) case retryLoading(E) case success(V) case failure(E) case paging(V) case pagingFailure(V, E) } @State private var dataState: DataState<[Post], any Error> = .idle
95. $BTF
    
    ϖʔδϯά QBHJOH 7
    QBHJOH'BJMVSF 7
    & Λ௥Ճ enum PagingDataState<V, E: Error> { case idle case initialLoading case reLoading(V) case retryLoading(E) case success(V) case loadingFailure(E) case paging(V) case pagingFailure(V, E) } @State private var dataState: PagingDataState<[Post], any Error> = .idle
96. $BTF
    
    ϖʔδϯά 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): listContent(posts: value) case .failure, .retryLoading: ErrorStateView() } .overlay { if dataState.isInitialLoading { ProgressView() } } }
97. $BTF
    
    ϖʔδϯά 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): listContent(posts: value) case .failure, .retryLoading: ErrorStateView() } .overlay { if dataState.isInitialLoading { ProgressView() } } } func listContent(posts: [Post]) -> some View { ForEach(posts) { post in Text(post.title) } }
98. $BTF
    
    ϖʔδϯά 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value): listContent(posts: value) case .failure, .retryLoading: ErrorStateView() } .overlay { if dataState.isInitialLoading { ProgressView() } } }
99. $BTF
    
    ϖʔδϯά 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value), .paging(let value), .pagingFailure(let value, _): listContent(posts: value) case .loadingFailure, .retryLoading: ErrorStateView() } .overlay { if dataState.isInitialLoading { ProgressView() } } } ϖʔδϯάதɾϖʔδϯάࣦഊ
    Ͱ΋લϖʔδͷσʔλΛදࣔ
100. $BTF
     
     ϖʔδϯά 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value), .paging(let value), .pagingFailure(let value, _): listContent(posts: value) case .loadingFailure, .retryLoading: ErrorStateView() } .overlay { if dataState.isInitialLoading { ProgressView() } } }
101. $BTF
     
     ϖʔδϯά 7JFXͷग़͠Θ͚ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value), .paging(let value), .pagingFailure(let value, _): listContent(posts: value) if dataState.isPagingFailure { ErrorStateView(…) } else { ProgressView() .onAppear { Task { await fetchMore() } } } case .loadingFailure, .retryLoading: ErrorStateView() -JTUԼ෦ʹ
     Τϥʔදࣔ ϖʔδϯάݕ஌
102. $BTF
     
     ϖʔδϯά ঢ়ଶૢ࡞ʢॳճऔಘɾϦϑϨογϡʣ func fetchInitial() async { if dataState.isLoading || dataState.isPaging { return } dataState.startLoading() do { dataState = .success(try await API.getPosts(minId: 0, count: 30)) } catch { dataState = .loadingFailure(error) } }
103. $BTF
     
     ϖʔδϯά ঢ়ଶૢ࡞ʢॳճऔಘɾϦϑϨογϡʣ func fetchInitial() async { if dataState.isLoading || dataState.isPaging { return } dataState.startLoading() do { dataState = .success(try await API.getPosts(minId: 0, count: 30)) } catch { dataState = .loadingFailure(error) } } extension PagingDataState { mutating func startLoading() { switch self { case .idle: self = .initialLoading case .success(let value), .pagingFailure(let value, _): self = .reLoading(value) case .loadingFailure(let error): self = .retryLoading(error) default: return } } } QBHJOH'BJMVSF͔Βϩʔυ͢Δ࣌͸
     SF-PBEJOHʹ
104. $BTF
     
     ϖʔδϯά ঢ়ଶૢ࡞ʢϖʔδϯάʣ func fetchMore() async { if dataState.isLoading || dataState.isPaging { return } guard let users = dataState.value, let lastId = users.last?.id else { return } dataState.startPaging() do { let newUsers = try await API.getPosts(minId: lastId + 1, count: 30) dataState = .success(users + newUsers) } catch { dataState = .pagingFailure(users, error) } }
105. $BTF
     
     ϖʔδϯά ঢ়ଶૢ࡞ʢϖʔδϯάʣ func fetchMore() async { if dataState.isLoading || dataState.isPaging { return } guard let users = dataState.value, let lastId = users.last?.id else { return } dataState.startPaging() do { let newUsers = try await API.getPosts(minId: lastId + 1, count: 30) dataState = .success(users + newUsers) } catch { dataState = .pagingFailure(users, error) } } extension PagingDataState { mutating func startPaging() { switch self { case .success(let value), .pagingFailure(let value, _): self = .paging(value) default: return } } }
106. $BTF
     
     ϖʔδϯά ঢ়ଶૢ࡞ʢϖʔδϯάʣ func fetchMore() async { if dataState.isLoading || dataState.isPaging { return } guard let users = dataState.value, let lastId = users.last?.id else { return } dataState.startPaging() do { let newUsers = try await API.getPosts(minId: lastId + 1, count: 30) dataState = .success(users + newUsers) } catch { dataState = .pagingFailure(users, error) } } MPBEJOH'BJMVSFͰ͸ͳ͘
     QBHJOH'BJMVSF
107. $BTF
     
     ϖʔδϯά ࣮૷׬ྃ var body: some View { List { switch dataState { case .idle, .initialLoading: EmptyView() case .success(let value), .reLoading(let value), .paging(let value), .pagingFailure(let value, _): listContent(posts: value) if dataState.isPagingFailure { ErrorStateView(…) } else { ProgressView() .onAppear { Task { await fetchMore() } } } case .loadingFailure, .retryLoading: ErrorStateView()
108. $BTF
     
     ϖʔδϯά ঢ়ଶΛਤղ
109. $BTF
     
     ϖʔδϯά ঢ়ଶΛਤղ
110. $BTF
     
     ϖʔδϯά ঢ়ଶΛਤղ
111. FOVNʹΑΔঢ়ଶ؅ཧ ϙΠϯτ w 👍
     ը໘ͷঢ়ଶɾඇಉظॲཧσʔλΛͭͷม਺Ͱ؅ཧͰ͖Δ
112. FOVNʹΑΔঢ়ଶ؅ཧ ϙΠϯτ w 👍
     ը໘ͷঢ়ଶɾඇಉظॲཧσʔλΛͭͷม਺Ͱ؅ཧͰ͖Δ
     w 👍
     ΧελϚΠζੑ͕ߴ͍
     w ೚ҙͷڍಈɾϩʔυதɾ੒ޭɾࣦഊ7JFXΛग़ͤΔ
113. FOVNʹΑΔঢ়ଶ؅ཧ ϙΠϯτ w 👍
     ը໘ͷঢ়ଶɾඇಉظॲཧσʔλΛͭͷม਺Ͱ؅ཧͰ͖Δ
     w 👍
     ΧελϚΠζੑ͕ߴ͍
     w ೚ҙͷڍಈɾϩʔυதɾ੒ޭɾࣦഊ7JFXΛग़ͤΔ
     w 👎
     ϘΠϥʔϓϨʔτ͕ଟൃ
     w ࣮ࡍͷ։ൃͰ͸ଟ͘ͷը໘Ͱ౷Ұ͞Ε͍ͯΔέʔε͕ଟ͍
114. var body: some View { PagingList( success: listContent, fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) } ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
115. var body: some View { PagingList( success: listContent, fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) } ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ ඇಉظॲཧΛ౉͢ ϨΠΞ΢τΛ౉͢
116. ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ ϙΠϯτ w 👍
     ϘΠϥʔϓϨʔτͷճආ
     w ίʔυྔͷ࡟ݮ
117. ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ ϙΠϯτ w 👍
     ϘΠϥʔϓϨʔτͷճආ
     w ίʔυྔͷ࡟ݮ
     w 👎
     ΧελϚΠζੑ͕௿͍
     w ڞ௨ίϯϙʔωϯτͰରԠͰ͖ͳ͍৔߹΋ଘࡏ
118. FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ w FOVNΛҾ਺ʹͱΔίϯϙʔωϯτ
119. FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ 4XJUDI
     7JFX
     4UZMF w ֤ը໘ͰTXJUDIͷϘΠϥʔϓϨʔτΛॻ͘ඞཁੑ
     w ࣮ࡍͷ։ൃͰ͸ʢଟ͘ͷը໘Ͱʣ࢓༷͕౷Ұ͞Ε͍ͯΔέʔε͕ଟ͍
     w ঢ়ଶૢ࡞ͷϛε͕ͳ͍Θ͚Ͱ͸ͳ͍ @State private var dataState: PagingDataState<[Post], any Error> = .idle var body: some View { PagingList(dataState: dataState, listContent: listContent) { Task { await fetchMore() } } .refreshable { await fetchInitial() } .task { await fetchInitial() } .onChange(of: dataState.isFailure) { bool in guard bool, let error = dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } }
120. FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ 4XJUDI
     7JFX
     4UZMF w ֤ը໘ͰTXJUDIͷϘΠϥʔϓϨʔτΛॻ͘ඞཁੑ
     w ࣮ࡍͷ։ൃͰ͸ʢଟ͘ͷը໘Ͱʣ࢓༷͕౷Ұ͞Ε͍ͯΔέʔε͕ଟ͍
     w ঢ়ଶૢ࡞ͷϛε͕ͳ͍Θ͚Ͱ͸ͳ͍ @State private var dataState: PagingDataState<[Post], any Error> = .idle var body: some View { PagingList(dataState: dataState, listContent: listContent) { Task { await fetchMore() } } .refreshable { await fetchInitial() } .task { await fetchInitial() } .onChange(of: dataState.isFailure) { bool in guard bool, let error = dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } ϖʔδϯά ϓϧϦϑ ॳճऔಘ ΤϥʔΛόφʔͰදࣔ
121. 'FUDI
     7JFX
     4UZMF w ֤ը໘ͰTXJUDIͷϘΠϥʔϓϨʔτΛॻ͘ඞཁੑ
     w ࣮ࡍͷ։ൃͰ͸ʢଟ͘ͷը໘Ͱʣ࢓༷͕౷Ұ͞Ε͍ͯΔέʔε͕ଟ͍
     w ঢ়ଶૢ࡞ͷϛε͕ͳ͍Θ͚Ͱ͸ͳ͍ @StateObject private var viewStore: LoadingContentViewStore<Post> = .init( fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) var body: some View { PagingList(viewStore: viewStore, success: listContent) .task { await viewStore.loadInitial() } .onChange(of: viewStore.dataState.isFailure) { bool in guard bool, let error = viewStore.dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
122. 'FUDI
     7JFX
     4UZMF w ֤ը໘ͰTXJUDIͷϘΠϥʔϓϨʔτΛॻ͘ඞཁੑ
     w ࣮ࡍͷ։ൃͰ͸ʢଟ͘ͷը໘Ͱʣ࢓༷͕౷Ұ͞Ε͍ͯΔέʔε͕ଟ͍
     w ঢ়ଶૢ࡞ͷϛε͕ͳ͍Θ͚Ͱ͸ͳ͍ @StateObject private var viewStore: LoadingContentViewStore<Post> = .init( fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) var body: some View { PagingList(viewStore: viewStore, success: listContent) .task { await viewStore.loadInitial() } .onChange(of: viewStore.dataState.isFailure) { bool in guard bool, let error = viewStore.dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ ঢ়ଶ؅ཧΛ͢Δ4UBUF0CKFDUΛ౉͢
123. 'FUDI
     7JFX
     4UZMF w ֤ը໘ͰTXJUDIͷϘΠϥʔϓϨʔτΛॻ͘ඞཁੑ
     w ࣮ࡍͷ։ൃͰ͸ʢଟ͘ͷը໘Ͱʣ࢓༷͕౷Ұ͞Ε͍ͯΔέʔε͕ଟ͍
     w ঢ়ଶૢ࡞ͷϛε͕ͳ͍Θ͚Ͱ͸ͳ͍ @StateObject private var viewStore: LoadingContentViewStore<Post> = .init( fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) var body: some View { PagingList(viewStore: viewStore, success: listContent) .task { await viewStore.loadInitial() } .onChange(of: viewStore.dataState.isFailure) { bool in guard bool, let error = viewStore.dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ ར༻ऀଆ͔Β΋ൃՐՄೳ
124. 'FUDI
     7JFX
     4UZMF w ֤ը໘ͰTXJUDIͷϘΠϥʔϓϨʔτΛॻ͘ඞཁੑ
     w ࣮ࡍͷ։ൃͰ͸ʢଟ͘ͷը໘Ͱʣ࢓༷͕౷Ұ͞Ε͍ͯΔέʔε͕ଟ͍
     w ঢ়ଶૢ࡞ͷϛε͕ͳ͍Θ͚Ͱ͸ͳ͍ @StateObject private var viewStore: LoadingContentViewStore<Post> = .init( fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) var body: some View { PagingList(viewStore: viewStore, success: listContent) .task { await viewStore.loadInitial() } .onChange(of: viewStore.dataState.isFailure) { bool in guard bool, let error = viewStore.dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ ॳճऔಘ΍Τϥʔදࣔ͸ը໘͝ͱ ར༻ऀଆ͔Β΋ൃՐՄೳ
125. #JOEBCMF
     'FUDI
     7JFX
     4UZMF @State private var dataState: PagingDataState<[Post], any Error> = .idle var body: some View { PagingList( dataState: $dataState, success: listContent, fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) .onChange(of: dataState.isFailure) { isFailure in guard isFailure, let error = dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
126. #JOEBCMF
     'FUDI
     7JFX
     4UZMF @State private var dataState: PagingDataState<[Post], any Error> = .idle var body: some View { PagingList( dataState: $dataState, success: listContent, fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) .onChange(of: dataState.isFailure) { isFailure in guard isFailure, let error = dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ #JOEJOHͰঢ়ଶ͚ͩ౉͢
127. #JOEBCMF
     'FUDI
     7JFX
     4UZMF @State private var dataState: PagingDataState<[Post], any Error> = .idle var body: some View { PagingList( dataState: $dataState, success: listContent, fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) .onChange(of: dataState.isFailure) { isFailure in guard isFailure, let error = dataState.error else { return } MessageBanner.showError("Τϥʔ͕ൃੜ͠·ͨ͠", with: error.localizedDescription) } } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ Τϥʔදࣔ͸ը໘͝ͱ
128. 4JNQMF
     'FUDI
     7JFX
     4UZMF var body: some View { PagingList( success: listContent, fetchInitial: { try await API.getPosts(minId: 0, count: 30) }, fetchMore: { try await API.getPosts(minId: $0.id + 1, count: 30) } ) } FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
129. 4XJUDI 'FUDI #JOEBCMF
     'FUDI 4JNQMF
     'FUDI ঢ়ଶͷૢ࡞ 
 ʢඇಉظॲཧʣ ར༻ऀ
     👨💻 ಺෦
     🤖
     ར༻ऀ΋Մೳ
     👨💻 ಺෦
     🤖 ಺෦
     🤖 ঢ়ଶͷऔಘ Մೳ
     ⭕ Մೳ
     ⭕ Մೳ
     ⭕ ෆՄೳ
     ❌ FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
130. FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ ؆ܿ͞ ΧελϚΠζੑ 4XJUDI 'FUDI #JOEBCMF
     'FUDI 4JNQMF
     'FUDI ঢ়ଶͷૢ࡞ 
 ʢඇಉظॲཧʣ ར༻ऀ
     👨💻 ಺෦
     🤖
     ར༻ऀ΋Մೳ
     👨💻 ಺෦
     🤖 ಺෦
     🤖 ঢ়ଶͷऔಘ Մೳ
     ⭕ Մೳ
     ⭕ Մೳ
     ⭕ ෆՄೳ
     ❌
131. w 👍
     ϘΠϥʔϓϨʔτΛճආͭͭ͠ɺΧελϚΠζੑ΋͋Δ FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
132. w 👍
     ϘΠϥʔϓϨʔτΛճආͭͭ͠ɺΧελϚΠζੑ΋͋Δ
     w 👍
     σβΠϯͷ౷Ұʹ΋ޮՌత
     w ϩʔυදࣔΛίϯϙʔωϯτ಺Ͱڞ௨ԽͳͲ
     w σβΠϯγεςϜͱ΋૬ੑ͕ྑ͍ FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
133. w 👍
     ϘΠϥʔϓϨʔτΛճආͭͭ͠ɺΧελϚΠζੑ΋͋Δ
     w 👍
     σβΠϯͷ౷Ұʹ΋ޮՌత
     w ϩʔυදࣔΛίϯϙʔωϯτ಺Ͱڞ௨ԽͳͲ
     w σβΠϯγεςϜͱ΋૬ੑ͕ྑ͍
     w ͦΕͰ΋ແཧͳΒFOVNΛ௚ͰTXJUDI FOVN
     
     ίϯϙʔωϯτʹΑΔঢ়ଶ؅ཧ
134. ·ͱΊ w FOVNͷදݱྗΛ্͛Ε͹༷ʑͳ࢓༷ʹରԠՄೳ
135. ·ͱΊ w FOVNͷදݱྗΛ্͛Ε͹༷ʑͳ࢓༷ʹରԠՄೳ
     w ࠷దͳཻ౓Λબ୒
136. ·ͱΊ w FOVNͷදݱྗΛ্͛Ε͹༷ʑͳ࢓༷ʹରԠՄೳ
     w ࠷దͳཻ౓Λબ୒
     w ଟ͘ͷέʔεͰ͸FOVNΛҾ਺ʹͱΔίϯϙʔωϯτΛར༻
     w ϘΠϥʔϓϨʔτΛճආͭͭ͠ɺΧελϚΠζ΋Ͱ͖Δ
     w ڍಈɾσβΠϯͷ౷Ұʹ΋ޮՌత
     w ࠷దͳ࣮૷Λબ୒
137. ࢀߟ w ϞόΠϧΞϓϦʹ͓͚ΔಡΈࠐΈॲཧपΓͷ6*ύλʔϯͱ4XJGU6*ʹΑΔ࣮૷ྫ
     w IUUQT[FOOEFWSPDLOBNFBSUJDMFTBFF f
     w "TZOD
     w IUUQTHJUIVCDPNCBOO[BJ"TZOD
     w #VJMEJOH
     SFVTBCMF
     DPOUFOU
     MPBEJOH
     WJFX
     JO
     4XJGU6*
     w IUUQTENZUSPBOPLIJONFEJVNDPNCVJMEJOHSFVTBCMFDPOUFOUMPBEJOHWJFXXJUITXJGUVJBOEDPNCJOF GGFFC
     w 4XJGU6*
     Ͱʮάϧʔϓελϯϓʯͱ͍͏νϟοτػೳΛ೔ؒͰ࡞ͬͨ࿩
     w IUUQTNFEJVNDPNLBVDIFTXJGUVJHSPVQDIBUDEF
138. ࣗݾ঺հ LOUL w έʔΤψςΟʔέʔ
     w ໊ݹ԰޻ۀେֶ
     .
     w དྷ೥͔ΒJ04ΤϯδχΞ
     w J04%$
     -5ొஃ
140. IUUQT[FOOEFWLOULBSUJDMFTGCEBGF
141. ͓·͚ IUUQTHJUIVCDPNLOULZNU"TZOD%BUB.BOBHFNFOU4BNQMFT IUUQT[FOOEFWLOULBSUJDMFTEBEBEG
142. ͓·͚
143. ͓·͚ IUUQTHJUIVCDPNLOULZNU"TZOD%BUB.BOBHFNFOU4BNQMFT IUUQT[FOOEFWLOULBSUJDMFTEBEBEG