"Build interactive tutorials using DocC" の要約 / build_interactive_tutorials_using_docc_summary

集まれSwift好き！Swift愛好会スピンオフ WWDC21セッション要約会 @オンライン
https://love-swift.connpass.com/event/215687/

## 参考リンク

- Build interactive tutorials using DocC - WWDC 2021 - Videos - Apple Developer
https://developer.apple.com/videos/play/wwdc2021/10235/

- Building an Interactive Tutorial | Apple Developer Documentation
https://developer.apple.com/documentation/DocC/building-an-interactive-tutorial

- iOS App Dev Tutorials | Apple Developer Documentation
https://developer.apple.com/tutorials/app-dev-training

Transcript

1. 
   ۚ
   ू·Ε4XJGU޷͖ʂ4XJGUѪ޷ձεϐϯΦϑ
   88%$ηογϣϯཁ໿ձ
   !ΦϯϥΠϯ
   !UIF@VIPPJ #VJME
   JOUFSBDUJWF
   UVUPSJBMT
   VTJOH
   %PD$
   ͷཁ໿💡
2. ΢ϗʔΠ εϚϗΞϓϦΤϯδχΞ w ͱ͖Ͳ͖
   4XJGU
   Ѫ޷ձͷ 
 ӡӦʹࢀՃ͍ͯ͠Δ
   w 
   ೥࿈ଓ
   
   ճ໨
3. IUUQTEFWFMPQFSBQQMFDPN UVUPSJBMTBQQEFWUSBJOJOH
8. νϡʔτϦΞϧ͸࡞ΕΔ ࠓ೔఻͍͑ͨ͜ͱ
9. %PD$
10. %PDVNFOUBUJPO
    $PNQJMFS
11. %PD$
    $BUBMPH
    ˣ
    ೖྗ
    %PD$
    ˣ
    ग़ྗ
    %PD$
    "SDIJWF
12. @Tutorials(name: "iOS App Dev") { @Intro(title: "Develop Apps for iOS") { Learn the basics of Xcode... @Image(source: SUI_course-hero.png) } @Chapter(name: "SwiftUI Essentials") { @Image(...) @TutorialReference(tutorial: "doc:UsingStacks...") ... } ... }
13. @Tutorials(name: "iOS App Dev") { @Intro(title: "Develop Apps for iOS") { Learn the basics of Xcode... @Image(source: SUI_course-hero.png) } @Chapter(name: "SwiftUI Essentials") { @Image(...) @TutorialReference(tutorial: "doc:UsingStacks...") ... } ... }
14. @Tutorial(time: 15) { @Intro(title: "Using Stacks...") { Create, modify, and combine views... @Image(...) } @Section(title: "Create a Project") { @ContentAndMedia(layout: "horizontal") { Throughout this course,... @Image(...) } @Steps { @Step { Create a new project using the iOS App template. @Image(...) } } } }
15. @Tutorial(time: 15) { @Intro(title: "Using Stacks...") { Create, modify, and combine views... @Image(...) } @Section(title: "Create a Project") { @ContentAndMedia(layout: "horizontal") { Throughout this course,... @Image(...) } @Steps { @Step { Create a new project using the iOS App template. @Image(...) } } } }