Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Build a SwiftUI View in Swift Playgrounds

Build a SwiftUI View in Swift Playgrounds

iPad用のPlaygroundsが随分進化しているので知らなきゃ損だ。これからSwiftやるよ、という人もいますよね。WWDC 2020でiPadだけでXcode互換コードを開発する方法を公開してくれたので、それを解説するよ。

E0d3bd874da55b17f0c9e9d798b9c697?s=128

Nobuo Hayashi

July 09, 2020
Tweet

More Decks by Nobuo Hayashi

Other Decks in Technology

Transcript

  1. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 1 林 伸夫 (nobuoh) Twitter @haya_sann

  2. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 昔は パソコン誌の編集長 2

  3. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 こんなのとか 3

  4. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 こんなの 4

  5. 2020/07/09 Swift 愛好会-WWDC20セッション要約会

  6. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 6

  7. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 7 • Xcodeコンパチのプレイグラウンドを作る • SwiftUIのライブビューを表示させる • Swift

    プレイグラウンドを使ってコードを編集する • 複数のソースコードを取り扱う • 2つ以上のSwiftUIビューを同時に表示させる技
  8. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 字幕も、書き起こしもスクリプト画面を出して解説を聞いたら、すごく 英語の勉強になるよ。 字幕をタップすると、それに同期したビデオが再生される。

  9. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 コードのコピペもできます。ここもよく作ったな、と思います。 左上のコピーアイコンをタップして、コードをクリップボードにコピーしま す。

  10. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 10 ビデオを全面表示の場合は「コードコピーのアイコン」はここ

  11. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 ブラウザで見ているとコードコピー機能などは出てこない。 やっぱり「Developer.app」をダウンロードして、体系的に情報収集したい ですね。

  12. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 Xcode 互換のコードを書いてPlayground プロ ジェクトを始めるにはここからスタート

  13. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 Hello World!

  14. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 14 ここまでは1行ずつ解説してくれていたのだが、同僚のデザイナーが頑張っ ていいコードを書いたよ、とメッセージが着信。 以後突然コードが複雑に。

  15. 2020/07/09 Swift 愛好会-WWDC20セッション要約会 解説ビデオをコマ送り、逆回ししてコードを追いました。うまく できましたよ。日本語も化けずに使えます。