これからはじめるSwiftUI 〜iOSアプリ開発の新スタイル・新スタンダード〜

SwiftUIは今年のWWDC 2019で発表された全く新しいiOSアプリ開発のUIフレームワークです。従来のUIStoryboardを使った開発手法から大きく変わります。HTMLタグのようにUIを定義できるカスタムView、コードを書くとすぐにUIが更新されるプレビュー機能（GUIからコードを更新する逆パターンもあり）、データとUIが連動するデータバインディングといった特徴があります。これらの特徴により、React / Vue / Angular 世代のJavaScriptフレームワークに近い感覚でプログラミングができます。そんなiOSネイティブアプリ開発の新世代フレームワークのSwiftUIを、これから始めてみたい方に向けた初心者向けのセッションです。

Transcript

1. スライドは後で⼊⼿することが出来ますので 発表中の内容をメモする必要はありません。 写真撮影をする場合は フラッシュ・シャッター⾳が出ないようにご配慮ください Attention
2. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 2 資料の場所 資料が⼿元で⾒られる⽅はこちらからどうぞ︕ Twitter @kinkuma_designにも掲載してマス サンプルコード(GitHub) cm-tsmaeda/DevelopersIO_2019_SwiftUI https://github.com/cm-tsmaeda/DevelopersIO_2019_SwiftUI
3. これからはじめるSwiftUI 2019/11/1(Fri) CX事業本部 前⽥ タスク 〜iOSアプリ開発の新スタイル・新スタンダード〜
4. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 4 ⾃⼰紹介 前⽥ タスク CX事業本部所属（2019.1⽉⼊社） iOSアプリエンジニア ⼊社前）Flash -> Webフロントエンドの フリーランスで11年 Twitter @kinkuma_design 個⼈活動 きんくまデザイン
5. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 5 ⾃⼰紹介 （宣伝）個⼈制作iOSアプリ フォルメモ フォルダの中にフォルダが 作れるメモ帳 (10万DL) ジッピー電卓 計算式が書けたり、履歴が⼿軽に再利⽤ できる電卓 (16万DL) Habit Keeper ⽇課・習慣記録（12万DL）※現在サポート切れ
6. 6 もくじ
7. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 7 もくじ 1. SwiftUIとは︖ 2. はじめてのView 3. Data Flow 4. UIKitとの相互連携 時間的に厳しいので ふろくとして掲載
8. 8 1. SwiftUIとは︖
9. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 9 SwiftUIとは︖ 1. WWDC 2019で発表 2. 宣⾔的にUIを書ける 3. 再利⽤可能なViewコンポーネント 4. Swiftファイル1枚で済む 5. ライブプレビュー 6. データバインディング 7. UIKitとの相互利⽤OK 8.マルチOS対応
10. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 10 1. WWDC 2019で発表 WWDC 2019で発表された 全く新しいUIフレームワーク
11. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 11 注意点 iOS 13以降が必須 OSサポートを2年すると、2年後のiOS 15の頃には 気軽に使えるようになっているのでは︖
12. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 12 注意点 iOS 13以降が必須 個⼈アプリや、ストアに出さない実験アプリ、 iOS 13以降だけを対応するアプリであれば、 今からでも可能 参考）マネーフォーワード ICカードリーダーのiOSアプリをSwiftUIで開発しました https://moneyforward.com/engineers_blog/2019/09/20/ic-cardreader-swiftui/
13. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 13 2. 宣⾔的にUIを書ける ⼿続き型（UIKit） UIViewを作って addSubView() 宣⾔型（SwiftUI） HTMLのタグの様に宣⾔
14. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 14 3. 再利⽤可能なViewコンポーネント イメージとしては、HTMLのタグを⾃前で作って、 それを組み合わせて画⾯を作る 各Viewは、そのViewで使うデータも含めて定義できる Webでいうところの、 React/Vue/Angular世代のフレームワークに近い HTMLタグの様にViewを置いていけるので、 再利⽤が⾮常に楽
15. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 15 4. Swiftファイル1枚で済む UIKitでは、 UIStoryboard(.storyboard) とUIViewController(.swift) の2ファイルがセット SwiftUIは 1ファイルでOK XX.storyboard XXViewController.swift XXView.swift 1 2 1
16. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 16 5. ライブプレビュー コードを変更す るとプレビュー が変更される GUIの設定を変 えるとコードが 変更される
17. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 17 5. ライブプレビュー 1画⾯ごとではなく、 各View単位でプレビューが確認できる 各Viewに必要なデータも引数として与えて プレビューできる
18. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 18 5. ライブプレビュー macOS Catalina(10.15) 以降であれば、 ライブプレビューが可能 Mojave(10.14)以下では ライブプレビューはできないが、開発は可能
19. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 19 6. データバインディング Two-wayデータバインディングができる データ （Model） UI （View） 変更 更新 更新 変更
20. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 20 7. UIKitとの相互利⽤OK UIKitの中に SwiftUIを設置可能 SwiftUIの中に UIKitを設置可能 UIKit SwiftUI SwiftUI UIKit
21. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 21 UIKitとの相互連携 UIKitとは︖ 2011年 Xcode 4.2、iOS5で登場。 現在出ているツール系アプリでよく利⽤される UIフレームワーク。 UIStoryboardとViewControllerを使って UIを作成。
22. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 22 UIKitとの相互連携 UIKitとは︖ Storyboard上で制約（Constraints）をつけて ⾃動でレイアウトを変更させる（Auto Layout） 各コンポーネントの頭⽂字にUIがつく UIButton, UIView, UITableViewなど
23. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 23 UIKitとの相互連携 UIKitとは︖ 歴史あるフレームワークなので、 SwiftUIにそもそもないコンポーネントや、 SwiftUIでは望んだ挙動をしないコンポーネント の代わりがある
24. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 24 7. UIKitとの相互利⽤OK UIKitから好きなコンポーネントを持ってきて 使⽤することができる︕
25. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 25 8. マルチOS対応 SwiftUI は iOS, macOS, tvOS, watchOSでも使える
26. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 26 8. マルチOS対応 ただし、同じコードが全てのデバイスで "そのまま" 使えるわけではない︕ 画⾯サイズが違う︕︕ それぞれのOS⽤に書く必要がある
27. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 27 8. マルチOS対応 Learn once, apply anywhere 1回勉強すれば、 知識が他のOSでも使える
28. 28 Swift⽤語
29. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 29 StructureとClass Structure: 値型。代⼊すると値がコピーされる struct Foo { var width = 0 func greet() {} } Class: 参照型。代⼊すると参照がセットされる class Foo { var width = 0 func greet() {} }
30. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 30 Protocol Protocol: 他⾔語のいわゆるinterface。 実装すべきプロパティやメソッドを定義する。 デフォルトの動きも設定できるので、protocolを 適⽤するだけで、任意の動作をさせることも可能 protocol Bar { // プロパティやメソッドを定義する } // classに適⽤ class Foo: Bar { } // structに適⽤ struct Baz: Bar { }
31. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 31 Protocol Structureは継承できないが、Classは継承可能 protocol Bar { } class Foo { } // Fooを継承しつつ、Barプロトコルを適⽤ class Baz: Foo, Bar { }
32. 32 2. はじめてのView
33. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 33 はじめてのViewを作ってみよう
34. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 34 はじめてのViewを作ってみよう Storyboardではなく
35. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 35 はじめてのViewを作ってみよう
36. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 36 はじめてのViewを作ってみよう コード プレビュー プロパティ
37. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 37 はじめてのViewを作ってみよう プレビュー⽤ コード （省略可能） 実際のViewの コード
38. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 38 はじめてのViewを作ってみよう Viewの中⾝
39. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 39 はじめてのViewを作ってみよう Modifier: (CSSみたいに装飾したり、ライフサイクルイベン トや、ジェスチャーイベントを設定する） Text: SwiftUIの 標準View 他にImage, Button など⾊々ある
40. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 40 基本的なViewを作ってみよう
41. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 41 基本的なViewを作ってみよう
42. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 42 基本的なViewを作ってみよう VStack HStack
43. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 43 基本的なViewを作ってみよう Text Text Image Button
44. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 44 基本的なViewを作ってみよう Modifierで プロパティを調整
45. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 45 基本的なViewを作ってみよう ライフサイクルイベントのModifier 画⾯表⽰時に呼ばれる その他にonTapGestureなどジェスチャー系もある
46. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 46 基本的なViewを作ってみよう ImageのsystemName
47. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 47 基本的なViewを作ってみよう systemNameは どこからわかる︖
48. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 48 基本的なViewを作ってみよう SF Symbols 1,500以上のアイコンセット iOS 13以降で使⽤可能 アプリで検索できる
49. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 49 基本的なViewを作ってみよう
50. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 50 基本的なViewを作ってみよう folder
51. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 51 基本的なViewを作ってみよう systemNameは どこからわかる︖ -> SF Symbolsで検索可能
52. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 52 SceneDelegate
53. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 53 SceneDelegate
54. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 54 SceneDelegate - iOS 13以降に使⽤可能 - 1つのアプリを1画⾯に同時に複数⽴ち上げることが できる仕組み - iPadOSでは、1つのアプリを同時に ⽴ち上げることができる。 この1つ1つのインスタンスが SceneDelegateで管理される。 - アプリ全体はAppDelegateで管理する
55. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 55 SceneDelegate 画⾯のルートViewを変更する Viewに引数を与えるときも修正する
56. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 56 ListとNavigationView
57. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 57 ListとNavigationView デモ データの出典） 最も好きなケーキの種類はなに? 1位は誰もが納得、王道の••に! https://news.mynavi.jp/article/20180223-586948/
58. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 58 ListとNavigationView
59. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 59 ListとNavigationView - NavigationViewは画⾯遷移ができるナビゲーション （UIKitだとUINavigationView） - Listでリストメニュー （UIKitだとUITableView）
60. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 60 ListとNavigationView cakes: [Cake]
61. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 61 ListとNavigationView Listの各⾏のModelは Identifiableプロトコルを適⽤している必要がある （Hashableなidというプロパティを実装すればOK）
62. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 62 ListとNavigationView CakeRow （リストの各⾏を 表すカスタムView） ※右はbodyの ⼀部のみを表⽰
63. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 63 ListとNavigationView
64. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 64 ListとNavigationView NavigationViewの中でNavigationLinkを設定 すると画⾯遷移を⾏える。 引数のdestinationで遷移先を指定
65. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 65 はじめてのView まとめ
66. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 66 はじめてのView まとめ 基本的なView VStack, HStack, Text, Image, Button SF Symbols アイコンセット。iOS 13以降で使⽤可能 List ⾏のリスト。ForEachで各⾏をループ NavigationView NavigationLinkで画⾯遷移
67. 67 3. Data Flow
68. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 68 Data Flow ViewとDataをひもづけて データバインディングできる データ （Model） UI （View） 変更 更新 更新 変更
69. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 69 Data Flow @State @Binding @ObservedObject @EnvironmentObject 上の4つの@はProperty Wrapperという 仕組み
70. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 70 Property Wrapper 簡単に⾔えばgetterとsetterをより複雑に定義で きるもの。 コンパイル時にSwiftコンパイラが⾃動で うまいこと変換してくれる さきほどの4つの実装はわからなくても、 どういう働きなのかを知っていればよい
71. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 71 @State
72. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 72 @State デモ
73. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 73 @State @State 宣⾔したプロパティをViewで参照表⽰する。 そのプロパティを変更すると、 UIが更新される = データバインディング
74. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 74 @State
75. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 75 @State @State そのView内で完結するプロパティに使う View内で閉じているので privateをつけるのが推奨されている
76. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 76 @Binding
77. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 77 @Binding デモ 親View ⼦View
78. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 78 @Binding @Binding 親Viewのプロパティを ⼦Viewでデータバインディングする仕組み
79. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 79 @Binding 親View ⼦View
80. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 80 @Binding 親View ⼦View
81. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 81 @Binding 親View ⼦View BindingChildView(tapCount: $tapCount) @Binding var tapCount: Int
82. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 82 @Binding 親Viewから⼦Viewに $をつけて@Stateプロパティを渡すと、 ⼦Viewでデータバインディングが可能 BindingChildView(tapCount: $tapCount)
83. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 83 @ObservedObject
84. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 84 @ObservedObject デモ
85. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 85 @ObservedObject @ObservedObject Viewの外のデータオブジェクト （いわゆるModel）とデータバインディングする SwiftUI データオブ ジェクト
86. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 86 @ObservedObject データオブジェクトを作る - StructureではなくClass - ObservableObjectプロトコルを適⽤ データバインディングしたいプロパティには @Publishedをつける
87. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 87 @ObservedObject データオブジェクトを参照する @ObservedObjectをつける
88. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 88 @ObservedObject struct SwiftUI class ObservableObject @ObservedObject var foo: Bar @Published var name: String バインディングしたい オブジェクト foo.name といった感じに使え る
89. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 89 @ObservedObject
90. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 90 @ObservedObject データオブジェクトを参照 データオブジェクトを作成
91. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 91 @Stateと@ObservedObjectの違い @StateがView内で閉じるのに対して、 @ObservedObjectはView外の ObservableObjectとバインディングする 私⾒では実際のアプリではObservableObjectを ViewModelとして定義した⽅が良さそう
92. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 92 @ObservedObject MVVM View ViewModel データ バインディング Model Repository Service ※Modelの構成はプロジェクト ごとに違います APIなど Modelの ⼊り⼝。 まとめ役 SwiftUI Observab leObject
93. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 93 @EnvironmentObject
94. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 94 @ObservedObject デモ
95. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 95 @EnvironmentObject @EnvironmentObject ObservedObjectと似ているが、 ObservedObjectはViewと1対1の関係だったの に対して、プロパティの参照をバケツリレー のように引数として渡さずに 複数のViewから参照できる
96. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 96 @EnvironmentObject View View View View ⼦ ⼦ ⼦
97. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 97 @EnvironmentObject View View View View ⼦ ⼦ EnvironmentObject ⼦
98. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 98 @EnvironmentObject View View View View ⼦ ⼦ ⼦ どこからでも 参照可能 EnvironmentObject
99. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 99 @EnvironmentObject @EnvironmentObject データオブジェクトは@ObservedObjectの ときと同じくObservableObjectを適⽤ 参照時に@EnvironmentObjectをつける
100. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 100 @EnvironmentObject
101. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ データを参照する⼀番上の親のModifierに environmentObjectとして渡す 101 @EnvironmentObject
102. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 102 @EnvironmentObject Singletonとして働く形になるため 使い所をよく検討する （グローバル変数はなるべく少なくしたい）
103. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 103 DataFlowまとめ @State @Binding @ObservedObject @EnvironmentObject ⼩ ⼩ ⼩ ⼤ 影響範囲 名前
104. 104 4. UIKitとの相互連携
105. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 105 UIKitとの相互連携 UIKit SwiftUI SwiftUI UIKit UIKitの中に SwiftUIを設置可能 SwiftUIの中に UIKitを設置可能
106. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 106 UIKit SwiftUI UIKitの中に SwiftUIを設置
107. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 107 UIKitの中にSwiftUIを設置 UIHostingControllerを使う
108. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 108 UIKitの中にSwiftUIを設置 全体がUIViewとなっていて、 その⼀部分をSwiftUIとして 配置することも可能
109. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 109 SwiftUI UIKit SwiftUIの中に UIKitを設置
110. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 110 デモ
111. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 111 UITextField SwiftUI
112. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 112 SwiftUIの中にUIKitを設置 とりこみたいUIKitが UIView -> UIViewRepresentableを適⽤ UIViewController -> UIViewControllerRepresentableを適⽤
113. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 113 SwiftUIの中にUIKitを設置 makeUIView() -> UIKitコンポーネントを作成+初期化 updateUIView()を実装する -> Viewが更新されるときに呼ばれる
114. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 114 SwiftUIの中にUIKitを設置
115. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 115 SwiftUIの中にUIKitを設置 UIKitのdelegateを利⽤したい︕ -> View内classでCoordinatorを作る
116. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 116 SwiftUIの中にUIKitを設置 ※delegateとはUIKitでよく使われる Delegateパターン。 Viewコンポーネントからの通知を ViewControllerで受けるのが通常フロー UIViewController UIView delegate selfでセット delegate?.sample() func sample() {} 親のメソッドを呼べる
117. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 117 SwiftUIの中にUIKitを設置
118. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 118 SwiftUIの中にUIKitを設置 CoordintaorをmakeCoordinator()から呼び出す makeUIView()で初期化するときに delegateをセットする 引数のcontext内にcoordinatorが⼊っている
119. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 119 SwiftUIの中にUIKitを設置
120. 120 ありがとうございました︕
121. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 121 参考資料 SwiftUI Tutorials ̶ Tutorials | Apple Developer Documentation https://developer.apple.com/tutorials/swiftui/tutorials SwiftUI by Example https://www.hackingwithswift.com/quick-start/swiftui Using Combine https://heckj.github.io/swiftui-notes/
122. DNEFWJP DNEFWJP* ʢ࠷ޙ͕ΞΠʣ 122 質疑応答 お気軽にご質問ください︕