Introducing Swift Playgrounds

Transcription

1 Developer Tools #WWDC16 Introducing Swift Playgrounds Exploring with Swift on ipad Session 408 Matt Patenaude Playgrounds Engineer Maxwell Swadling Playgrounds Engineer Jonathan Penn Playgrounds Engineer Izzy Fraimow Playgrounds Engineer 2016 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

2

3

4

5

6

7

8

9

10 1024 x 768

11 1024 x 768

12

13

14 Using Swift Playgrounds

15 Using Swift Playgrounds Authoring for Swift Playgrounds

16 Using Swift Playgrounds Authoring for Swift Playgrounds Growing and Exploring

17 Using Swift Playgrounds Maxwell Swadling Playgrounds Engineer

18

19

20 Playground Markup

21

22 Source Code

23

24 Code Completion

25

26 Undo/Redo

27

28 Shortcuts

29

30 Live View

31

32 Run Button

33

34 Documents

35

36 Table of Contents

37

38 Page Navigation

39

40 Library

41

42 Tools Menu

43

44

45 Snippets

46

47 Images

48

49 Files

50

51

52 Demo Using Swift Playgrounds

53 Authoring for Swift Playgrounds Jonathan Penn Playgrounds Engineer

54

55

56

57 Chapters / Pages Chapter: Commands Introduction Issuing Commands Chapter: Functions Introduction Composing a New Behavior

58 Chapters / Pages Chapter: Commands Introduction Issuing Commands Chapter: Functions Introduction Composing a New Behavior

59 Cutscenes

60 Cutscenes

61 Glossary

62 Glossary

63 Glossary

64 Editable Regions

65 Editable Regions func /*#-editable-code*/ <#funcname#> /*#-end-editable-code*/() { //#-editable-code Add commands to your function //#-end-editable-code } //#-editable-code Tap to enter code //#-end-editable-code

66 Hidden Code

67 Hidden Code //#-hidden-code yoursetupfunction() //#-end-hidden-code

68 Configurable Code Completion

69 Configurable Code Completion //#-code-completion(everything, hide) //#-code-completion(currentmodule, show) //#-code-completion(identifier, show, moveforward(), turnleft())

70 Always-On Live View

71 Always-On Live View

72 Hints

73 Hints

74 Assessment

75 Assessment

76 Assessment

77 Assessment

78 // Key/Value Store import PlaygroundSupport let store = PlaygroundPage.current.keyValueStore store["greeting"] =.string("hello, WWDC!") if case let.string(greeting)? = store["greeting"] { print(greeting) // "Hello, WWDC!" }

79 Resettable

80 Resettable

81 Resettable

82 Resettable

83 Resettable

84 Resettable

85 Documented apple.com

86

87 1024 x 768

88 Demo Authoring for Swift Playgrounds

89

90 MyFirst.playgroundbook

91

92 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

93 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

94 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

95 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

96 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

97 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

98 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

99 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

100 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

101 Page Manifest Key Type Value Root Dictionary Name String Introduction LiveViewMode String VisibleByDefault PosterReference String LiveViewPoster.png LiveViewEdgeToEdge Boolean YES PlaygroundLoggingMode String Off

102

103 Name = Introduction

104

105 LiveViewMode = VisibleByDefault

106

107 PosterReference = LiveViewPoster.png

108

109

110 LiveViewEdgeToEdge = YES

111

112 LiveViewEdgeToEdge = NO

113

114 PlaygroundLoggingMode = Off

115 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

116 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

117

118 Contents.swift

119 // Contents.swift /*: Instructions about the page... */ //#-hidden-code import PlaygroundSupport func say(_ message: String) { let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { proxy.send(.string(message)) } } //#-end-hidden-code say(/*#-editable-code*/"<#knock, knock!#>"/*#-end-editable-code*/)

120 // Contents.swift /*: Instructions about the page... */ //#-hidden-code import PlaygroundSupport func say(_ message: String) { let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { proxy.send(.string(message)) } } //#-end-hidden-code say(/*#-editable-code*/"<#knock, knock!#>"/*#-end-editable-code*/)

121 // Contents.swift /*: Instructions about the page... */ //#-hidden-code import PlaygroundSupport func say(_ message: String) { let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { proxy.send(.string(message)) } } //#-end-hidden-code say(/*#-editable-code*/"<#knock, knock!#>"/*#-end-editable-code*/)

122 // Contents.swift /*: Instructions about the page... */ //#-hidden-code import PlaygroundSupport func say(_ message: String) { let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { proxy.send(.string(message)) } } //#-end-hidden-code say(/*#-editable-code*/"<#knock, knock!#>"/*#-end-editable-code*/)

123 // Contents.swift /*: Instructions about the page... */ //#-hidden-code import PlaygroundSupport func say(_ message: String) { let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { proxy.send(.string(message)) } } //#-end-hidden-code say(/*#-editable-code*/"<#knock, knock!#>"/*#-end-editable-code*/)

124 // Contents.swift /*: Instructions about the page... */ //#-hidden-code import PlaygroundSupport func say(_ message: String) { let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { proxy.send(.string(message)) } } //#-end-hidden-code say(/*#-editable-code*/"<#knock, knock!#>"/*#-end-editable-code*/)

125 // Contents.swift /*: Instructions about the page... */ //#-hidden-code import PlaygroundSupport func say(_ message: String) { let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { proxy.send(.string(message)) } } //#-end-hidden-code say(/*#-editable-code*/"<#knock, knock!#>"/*#-end-editable-code*/)

126

127 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

128 // LiveView.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController()

129 // LiveView.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController()

130 // LiveView.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController()

131 // LiveView.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController()

132 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

133 import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController()

134 Contents.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController()

135 Contents.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() In main process

136 Contents.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() In main process Only active while running

137 Contents.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() In main process Only active while running

138 Contents.swift LiveView.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() In main process Only active while running

139 Contents.swift LiveView.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() In main process Separate process Only active while running

140 Contents.swift LiveView.swift import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() import PlaygroundSupport let page = PlaygroundPage.current page.liveview = FaceViewController() In main process Only active while running Separate process Running all the time

141 Main Process (Contents.swift) import PlaygroundSupport let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { let message: PlaygroundValue =.string("knock, knock!") proxy.send(message) }

142 Main Process (Contents.swift) import PlaygroundSupport let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { let message: PlaygroundValue =.string("knock, knock!") proxy.send(message) }

143 Main Process (Contents.swift) import PlaygroundSupport let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { let message: PlaygroundValue =.string("knock, knock!") proxy.send(message) }

144 Main Process (Contents.swift) import PlaygroundSupport let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { let message: PlaygroundValue =.string("knock, knock!") proxy.send(message) }

145 Main Process (Contents.swift) import PlaygroundSupport let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { let message: PlaygroundValue =.string("knock, knock!") proxy.send(message) }

146 Main Process (Contents.swift) import PlaygroundSupport let page = PlaygroundPage.current if let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy { let message: PlaygroundValue =.string("knock, knock!") proxy.send(message) }

147 Sending to the Live View Process Contents.swift Live View Proxy FaceViewController

148 Sending to the Live View Process Contents.swift Live View Proxy FaceViewController

149 Sending to the Live View Process Contents.swift Live View Proxy FaceViewController

150 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func receive(_ message: PlaygroundValue) { if case let.string(text) = message { processconversationline(text) } } }

151 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func receive(_ message: PlaygroundValue) { if case let.string(text) = message { processconversationline(text) } } }

152 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func receive(_ message: PlaygroundValue) { if case let.string(text) = message { processconversationline(text) } } }

153 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func receive(_ message: PlaygroundValue) { if case let.string(text) = message { processconversationline(text) } } }

154 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func receive(_ message: PlaygroundValue) { if case let.string(text) = message { processconversationline(text) } } }

155 Sending from the Live View Process Contents.swift Live View Proxy FaceViewController

156 Sending from the Live View Process? Contents.swift Live View Proxy FaceViewController

157 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func tapped() { let message: PlaygroundValue =.string("hello!") send(message) } }

158 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func tapped() { let message: PlaygroundValue =.string("hello!") send(message) } }

159 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func tapped() { let message: PlaygroundValue =.string("hello!") send(message) } }

160 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func tapped() { let message: PlaygroundValue =.string("hello!") send(message) } }

161 Live View Process (LiveView.swift) extension FaceViewController: PlaygroundLiveViewMessageHandler { public func tapped() { let message: PlaygroundValue =.string("hello!") send(message) } }

162 Sending from the Live View Process Contents.swift Live View Proxy FaceViewController

163 Sending from the Live View Process Contents.swift Live View Proxy FaceViewController

164 Sending from the Live View Process Contents.swift? Live View Proxy FaceViewController

165 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

166 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

167 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

168 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

169 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

170 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

171 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

172 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

173 Main Process (Contents.swift) let page = PlaygroundPage.current page.needsindefiniteexecution = true let proxy = page.liveview as? PlaygroundRemoteLiveViewProxy class MyClassThatListens: PlaygroundRemoteLiveViewProxyDelegate { func remoteliveviewproxy(_ remoteliveviewproxy: PlaygroundRemoteLiveViewProxy, received message: PlaygroundValue) { if case let.string(text) = message { dosomethingwithstring(text) } } } let listener = MyClassThatListens() proxy?.delegate = listener

174 Sending from the Live View Process Contents.swift Live View Proxy FaceViewController

175 Sending from the Live View Process Contents.swift Live View Proxy FaceViewController

176 Sending from the Live View Process Contents.swift Live View Proxy FaceViewController

177 // Playground Values public enum PlaygroundValue { case array([playgroundvalue]) case dictionary([string: PlaygroundValue]) case string(string) case data(data) case date(date) case integer(int) case floatingpoint(double) case boolean(bool) }

178 // Key/Value Store import PlaygroundSupport let store = PlaygroundPage.current.keyValueStore store["greeting"] =.string("hello, WWDC!") if case let.string(greeting)? = store["greeting"] { print(greeting) // "Hello, WWDC!" }

179 Contents.swift 1024 x 768

180 Contents.swift 1024 x 768 LiveView.swift

181 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

182 Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

183 Edits Contents Sources Resources Chapters Chapter1.playgroundchapter Pages Introduction.playgroundpage Manifest.plist Contents.swift LiveView.swift HowDoesItWork.playgroundpage

184

185 developer.apple.com

186 1024 x 768

187 Demo Growing and Exploring Izzy Fraimow Playgrounds Engineer

188 Swift Playgrounds Summary

189 Swift Playgrounds Summary Touch-focused experience for experimenting with Swift

190 Swift Playgrounds Summary Touch-focused experience for experimenting with Swift Rich new document format for creating engaging content

191 Swift Playgrounds Summary Touch-focused experience for experimenting with Swift Rich new document format for creating engaging content Powerful access to ios SDK

192 Playgrounds

193 More Information

194 Related Sessions Keynote Bill Graham Monday 10:00AM Platforms State of the Union Bill Graham Monday 2:30PM What s New in Swift Presidio Tuesday 9:00AM

195 Labs Swift Open Hours Swift Open Hours Creating Content for Swift Playgrounds Xcode Open Hours Xcode Open Hours Creating Content for Swift Playgrounds Developer Tools Lab A Developer Tools Lab A Dev Tools Lab C Developer Tools Labs B Developer Tools Labs C Dev Tools Lab C Tuesday 12:00PM Wednesday Friday 9:00AM Wednesday 12:00PM Wednesday 3:00PM Thursday 9:00AM Friday 12:00PM

196