How to release apps faster with SwiftUI

Transcript

1. AkkeyLab / AKIO ITAYA ࣮ϓϩμΫτΛԻ଎ϦϦʔεͨ͠࿩🚀 WED, Inc. SwiftUIͰ 1

2. ࣗݾ঺հ 2

3. ࣗݾ঺հ ໊લɿAKIO ITAYAɹ/ɹAKKEY झຯɿۭؒσβΠϯ ׆ಈɿ@AkkeyLab ̧̥ɿγϧόʔˍTγϟπεϙϯαʔ 
 ̧̥ɿݪߘ̎ίϯςϯπ߹ܭ̍̎ϖʔδ 
 


   WED, Inc. ݩ Cyberagent, Inc. 3

4. ࣗݾ঺հ ໊લɿAKIO ITAYAɹ/ɹAKKEY झຯɿۭؒσβΠϯ ׆ಈɿ@AkkeyLab ̧̥ɿγϧόʔˍTγϟπεϙϯαʔ 
 ̧̥ɿݪߘ̎ίϯςϯπ߹ܭ̍̎ϖʔδ 
 


   WED, Inc. ݩ Cyberagent, Inc. 4

5. ࣗݾ঺հ ໊લɿAKIO ITAYAɹ/ɹAKKEY झຯɿۭؒσβΠϯ ׆ಈɿ@AkkeyLab ̧̥ɿγϧόʔˍTγϟπεϙϯαʔ 
 ̧̥ɿݪߘ̎ίϯςϯπ߹ܭ̍̎ϖʔδ 
 


   WED, Inc. ݩ Cyberagent, Inc. 5

6. ࣗݾ঺հ ໊લɿAKIO ITAYAɹ/ɹAKKEY झຯɿۭؒσβΠϯ ׆ಈɿ@AkkeyLab ̧̥ɿγϧόʔˍTγϟπεϙϯαʔ 
 ̧̥ɿݪߘ̎ίϯςϯπ߹ܭ̍̎ϖʔδ 
 


   WED, Inc. ݩ Cyberagent, Inc. 6

7. ࣗݾ঺հ Check Novelty Box!!
   1SPEVDFE
   CZ
   "LLFZ-BC 7

8. ࣗݾ঺հ ໊લɿAKIO ITAYAɹ/ɹAKKEY झຯɿۭؒσβΠϯ ׆ಈɿ@AkkeyLab ̧̥ɿγϧόʔˍTγϟπεϙϯαʔ 
 ̧̥ɿݪߘ̎ίϯςϯπ߹ܭ̍̎ϖʔδ 
 


   WED, Inc. ݩ Cyberagent, Inc. 8

9. Agenda 1. SwiftUI Ͱ։ൃͨ͠ΞϓϦ 2. SwiftUI ࠾༻ཧ༝ 3. SwiftUI ϨΠΞ΢τςΫχοΫ

   4. UIKit ΁ͷුؾ 5. SwiftUI ະରԠϥΠϒϥϦ 9

10. SwiftUI Ͱ։ൃͨ͠ΞϓϦ 10

11. د෇͕͙ͦ͢͹ʹɻ د෇ઌͷஂମͱد෇ϓϥϯΛબͿ͚ͩɻ1෼Ͱ ؆୯ʹد෇͕Ͱ͖ΔΞϓϦͰ͢ɻد෇ͷ͓ྱ ͱͯ͠ɺΦϦδφϧεςοΧʔ͕ಧ͘࢓૊Έ ʹͳ͍ͬͯ·͢ɻ 11

12. SwiftUI SwiftUI ͱ UIKit ߹ܭΛ100%ͱͯ͠ܭࢉ 95% Ҏ্ 12

13. Engineer iOS / GCF / Firebase DB 01 ਓ 13

14. ։ൃظؒ େن໛࢓༷มߋ2ճ࣮ࢪ 02 ϲ݄ 14

15. SwiftUI ࠾༻ཧ༝ ॏཁʂ 15

16. 1. SwiftUI Ͱͷ։ൃྺ༗Γ 2. ݱঢ়ͷ SwiftUI Ͱ࣮ݱͰ͖Δ UI 3. ։ൃ

    㲗 FB ͷճసεϐʔυΛॏཁࢹ 4. SwiftUI ʹର͢Δ஌ݟΛ૿΍͢ SwiftUI ࠾༻ཧ༝ 16

17. 1. SwiftUI Ͱͷ։ൃྺ༗Γ 2. ݱঢ়ͷ SwiftUI Ͱ࣮ݱͰ͖Δ UI 3. ։ൃ

    㲗 FB ͷճసεϐʔυΛॏཁࢹ 4. SwiftUI ʹର͢Δ஌ݟΛ૿΍͢ SwiftUI ࠾༻ཧ༝ 17

18. SwiftUI Ͱͷ։ൃྺ༗Γ iOS13 ਖ਼ࣜϦϦʔε਺ϲ݄ޙ ݸਓͰ SwiftUI ੡ΞϓϦΛϦϦʔε 18

19. 1. SwiftUI Ͱͷ։ൃྺ༗Γ 2. ݱঢ়ͷ SwiftUI Ͱ࣮ݱͰ͖Δ UI 3. ։ൃ

    㲗 FB ͷճసεϐʔυΛॏཁࢹ 4. SwiftUI ʹର͢Δ஌ݟΛ૿΍͢ SwiftUI ࠾༻ཧ༝ 19

20. ݱঢ়ͷ SwiftUI Ͱ࣮ݱͰ͖Δ UI iOS14 Ҏ͕߱λʔήοτ ࡉ͔͍Ξχϝʔγϣϯ΋؆୯ʹ࣮૷Ͱ͖Δ 20

21. 1. SwiftUI Ͱͷ։ൃྺ༗Γ 2. ݱঢ়ͷ SwiftUI Ͱ࣮ݱͰ͖Δ UI 3. ։ൃ

    㲗 FB ͷճసεϐʔυΛॏཁࢹ 4. SwiftUI ʹର͢Δ஌ݟΛ૿΍͢ SwiftUI ࠾༻ཧ༝ 21

22. ։ൃ 㲗 FB ͷճసεϐʔυΛॏཁࢹ Xcode Previews ͰଈνʔϜ΁ڞ༗ খ͞ͳεύϯͰ։ൃͱमਖ਼Λ܁Γฦ͢͜ͱ͕Մೳʂ 22

23. 1. SwiftUI Ͱͷ։ൃྺ༗Γ 2. ݱঢ়ͷ SwiftUI Ͱ࣮ݱͰ͖Δ UI 3. ։ൃ

    㲗 FB ͷճసεϐʔυΛॏཁࢹ 4. SwiftUI ʹର͢Δ஌ݟΛ૿΍͢ SwiftUI ࠾༻ཧ༝ 23

24. SwiftUI ʹର͢Δ஌ݟΛ૿΍͢ ۤઓՕॴΛத৺ʹΞ΢τϓοτ΋ جຊతʹ SwiftUI ͱ͍͏ڧ੍͍໿Ͱଟ͘ͷֶͼΛಘͨ 24

25. SwiftUI ϨΠΞ΢τςΫχοΫ େن໛࢓༷มߋ΋΢ΣϧΧϜʂ 25

26. 1. UIKit ͱൺֱ͢ΔΧελϜϘλϯ 2. εΫϦʔϯϩάͰֶͿॲཧͷڞ௨Խ 3. Ξχϝʔγϣϯ΁ͷରԠ SwiftUI ϨΠΞ΢τςΫχοΫ 26

27. 1. UIKit ͱൺֱ͢ΔΧελϜϘλϯ 2. εΫϦʔϯϩάͰֶͿॲཧͷڞ௨Խ 3. Ξχϝʔγϣϯ΁ͷରԠ SwiftUI ϨΠΞ΢τςΫχοΫ 27

28. SwiftUI ϨΠΞ΢τςΫχοΫ օ͞Μ͸ɺͲͷΑ͏ʹ࡞Γ·͔͢ʁ 28

29. UIKit ver. 29

30. SwiftUI ϨΠΞ΢τςΫχοΫ 30

31. SwiftUI ϨΠΞ΢τςΫχοΫ UIButton Λܧঝͨ͠ΧελϜΫϥεΛ࡞੒ 31

32. SwiftUI ϨΠΞ΢τςΫχοΫ ΦʔόʔϥΠυͯ͠ػೳΛΧελϚΠζ͍ͯ͘͠ 32

33. SwiftUI ϨΠΞ΢τςΫχοΫ ೚ҙͷλΠϛϯάͰ૷০ 33

34. SwiftUI ver. 34

35. SwiftUI ϨΠΞ΢τςΫχοΫ 35

36. SwiftUI ϨΠΞ΢τςΫχοΫ Button ΛؚΉΧελϜϏϡʔΛ࡞੒ 36

37. SwiftUI ϨΠΞ΢τςΫχοΫ ૷০͸ελΠϧͱͯ͠ผఆٛ Point ! 37

38. SwiftUI ϨΠΞ΢τςΫχοΫ ButtonStyle Protocol ʹ४ڌͨ͠ߏ଄ମΛఆٛ 38

39. SwiftUI ϨΠΞ΢τςΫχοΫ ButtonStyleCon fi guration ߏ଄ମΛҾ਺ʹऔΔؔ਺Λએݴ 39

40. SwiftUI ϨΠΞ΢τςΫχοΫ ButtonStyleCon fi guration ʹ͸ Button ͷ Label ؚ͕·ΕΔ

    40

41. SwiftUI ϨΠΞ΢τςΫχοΫ ϝιουνΣʔϯͰ૷০΍ΞχϝʔγϣϯΛࢪ͢ 41

42. SwiftUI ϨΠΞ΢τςΫχοΫ ButtonStyleCon fi guration ʹ͸ ԡ͞Ε͍ͯΔ͔Λࣔ͢ϑϥάؚ͕·ΕΔ 42

43. SwiftUI ϨΠΞ΢τςΫχοΫ buttonStyle ϝιουʹελΠϧͷΠϯελϯεΛ౉͚ͩ͢ 43

44. 1. UIKit ͱൺֱ͢ΔΧελϜϘλϯ 2. εΫϦʔϯϩάͰֶͿॲཧͷڞ௨Խ 3. Ξχϝʔγϣϯ΁ͷରԠ SwiftUI ϨΠΞ΢τςΫχοΫ 44

45. SwiftUI ϨΠΞ΢τςΫχοΫ օ͞Μ͸ɺͲͷΑ͏ʹεΫϦʔϯϩάऔΓ·͔͢ʁ 45

46. SwiftUI ϨΠΞ΢τςΫχοΫ 46

47. SwiftUI ϨΠΞ΢τςΫχοΫ ڞ௨ॲཧ͸ ViewModi fi er ͱͯ͠ผఆٛ 47 Point !

48. SwiftUI ϨΠΞ΢τςΫχοΫ 48

49. ViewModi fi er Protocol ʹ४ڌͨ͠ߏ଄ମΛఆٛ SwiftUI ϨΠΞ΢τςΫχοΫ 49

50. Modi fi er Λࢦఆͨ͠ର৅ͷ View ͕౉ͬͯ͘Δ SwiftUI ϨΠΞ΢τςΫχοΫ 50

51. ର৅ͱͳΔ View ͷ
 onAppear ͰॲཧΛ࣮ߦ SwiftUI ϨΠΞ΢τςΫχοΫ 51

52. ͜͜Ͱ૷০Λߦ͑͹
 ϨΠΞ΢τͷڞ௨Խ͕Մೳʹ SwiftUI ϨΠΞ΢τςΫχοΫ 52

53. 1. UIKit ͱൺֱ͢ΔΧελϜϘλϯ 2. εΫϦʔϯϩάͰֶͿॲཧͷڞ௨Խ 3. Ξχϝʔγϣϯ΁ͷରԠ SwiftUI ϨΠΞ΢τςΫχοΫ 53

54. SwiftUI ϨΠΞ΢τςΫχοΫ 54

55. AnimatableModi fi er Protocol ʹ४ڌͨ͠ߏ଄ମΛఆٛ SwiftUI ϨΠΞ΢τςΫχοΫ 55

56. ͜ͷมߋ͕Ξχϝʔγϣϯ͠ͳ͕ΒదԠ͞ΕΔΑ͏ʹͳΔ SwiftUI ϨΠΞ΢τςΫχοΫ 56

57. UIKit ΁ͷුؾ ̑ˋͷ 57

58. 1. ුؾ૬ख 2. ෦෼తʹ UIKit Λར༻͢Δํ๏ 3. ৄ͘͠͸ͪ͜Βʂ UIKit ΁ͷුؾ

    58

59. 1. ුؾ૬ख 2. ෦෼తʹ UIKit Λར༻͢Δํ๏ 3. ৄ͘͠͸ͪ͜Βʂ UIKit ΁ͷුؾ

    59

60. UIKit ΁ͷුؾ TextField ͕ඞཁͳը໘͸ UIKit Ͱ։ൃ 60

61. UIKit ΁ͷුؾ 61 InputAccessoryView ؆୯ʹΩʔϘʔυϝχϡʔΛ࡞੒Մೳ

62. UIKit ΁ͷුؾ 62 BecomeFirstResponder ࣍ͷೖྗཝʹࣗಈҠಈՄೳ ※ iOS15 ͔Β SwiftUI Ͱ΋ਖ਼ࣜαϙʔτ

63. UIKit ΁ͷුؾ 63 UIScrollView.setContentOffset ೖྗͷ๦͛ʹͳΒͳ͍ҐஔʹεΫϩʔϧ

64. 1. ුؾ૬ख 2. ෦෼తʹ UIKit Λར༻͢Δํ๏ 3. ৄ͘͠͸ͪ͜Βʂ UIKit ΁ͷුؾ

    64

65. SwiftUI ϨΠΞ΢τςΫχοΫ 65

66. UIViewControllerRepresentable Protocol ʹ४ڌͨ͠ߏ଄ମΛఆٛ SwiftUI ϨΠΞ΢τςΫχοΫ 66

67. UIKit Ͱߏஙͨ͠ΫϥεΛॳظԽ SwiftUI ϨΠΞ΢τςΫχοΫ 67

68. SwiftUI ϨΠΞ΢τςΫχοΫ 68

69. SwiftUI ϨΠΞ΢τςΫχοΫ 69

70. SwiftUI ϨΠΞ΢τςΫχοΫ 70

71. UI ΁൓ө SwiftUI ϨΠΞ΢τςΫχοΫ 71

72. 1. ුؾ૬ख 2. ෦෼తʹ UIKit Λར༻͢Δํ๏ 3. ৄ͘͠͸ͪ͜Βʂ UIKit ΁ͷුؾ

    72

73. UIKit ΁ͷුؾ iOSDC ެࣜύϯϑϨοτ΁ܝࡌ UIKit ΁ුؾͤ͟ΔΛಘͳ͍͔ҰॠͰ൑அʂ 73

74. SwiftUI ະରԠϥΠϒϥϦ ༉அې෺ʂ 74

75. 1. ࠇຐज़Λར༻͍ͯ͠ΔSDK 2. σόοάπʔϧ SwiftUI ະରԠϥΠϒϥϦ 75

76. 1. ࠇຐज़Λར༻͍ͯ͠ΔSDK 2. σόοάπʔϧ SwiftUI ະରԠϥΠϒϥϦ 76

77. SwiftUI ະରԠϥΠϒϥϦ ࣗಈͰεΫϦʔϯϩάΛऔಘͰ͖ͳ͍ 77

78. 1. ࠇຐज़Λར༻͍ͯ͠ΔSDK 2. σόοάπʔϧ SwiftUI ະରԠϥΠϒϥϦ 78

79. SwiftUI ະରԠϥΠϒϥϦ dani-gavrilov/GDPerformanceView-Swift 79

80. Summary 80

81. Summary 1. dim. ͸ SwiftUI Ͱ։ൃ͞Εͨ 2. ৚݅࣍ୈͰ SwiftUI ࠾༻Ձ஋͋Γ

    3. ButtonStyle, ViewModi fi er 4. UIKit ΋͓๨Εͳ͘ 5. ֎෦ϥΠϒϥϦͷಈ࡞֬ೝ͸৻ॏʹ 81

82. Summary 1. dim. ͸ SwiftUI Ͱ։ൃ͞Εͨ 2. ৚݅࣍ୈͰ SwiftUI ࠾༻Ձ஋͋Γ

    3. ButtonStyle, ViewModi fi er 4. UIKit ΋͓๨Εͳ͘ 5. ֎෦ϥΠϒϥϦͷಈ࡞֬ೝ͸৻ॏʹ 82

83. Summary 1. dim. ͸ SwiftUI Ͱ։ൃ͞Εͨ 2. ৚݅࣍ୈͰ SwiftUI ࠾༻Ձ஋͋Γ

    3. ButtonStyle, ViewModi fi er 4. UIKit ΋͓๨Εͳ͘ 5. ֎෦ϥΠϒϥϦͷಈ࡞֬ೝ͸৻ॏʹ 83

84. Summary 1. dim. ͸ SwiftUI Ͱ։ൃ͞Εͨ 2. ৚݅࣍ୈͰ SwiftUI ࠾༻Ձ஋͋Γ

    3. ButtonStyle, ViewModi fi er 4. UIKit ΋͓๨Εͳ͘ 5. ֎෦ϥΠϒϥϦͷಈ࡞֬ೝ͸৻ॏʹ 84

85. Summary 1. dim. ͸ SwiftUI Ͱ։ൃ͞Εͨ 2. ৚݅࣍ୈͰ SwiftUI ࠾༻Ձ஋͋Γ

    3. ButtonStyle, ViewModi fi er 4. UIKit ΋͓๨Εͳ͘ 5. ֎෦ϥΠϒϥϦͷಈ࡞֬ೝ͸৻ॏʹ 85

86. @AkkeyLab 86

87. Thank you !! 87