Cookpad Summer Internship 2022 iOS App

Slide 1

Slide 1 text

Slide 2

Slide 2 text

● 普段iOSアプリを開発している人   ○ 改めてiOSアプリ開発に必要な知識を学び、OJTに向けての準備をする   ● 普段iOSアプリ以外を開発している人   ○ iOSアプリ開発について学ぶことで、普段の開発に活かせる知見を得る   ○ iOSアプリのWeb APIとの通信方法・取得したデータの表示方法を学び、どのようなAPIがアプリ側から使いやすいのかを理解する   © 2022 Cookpad Inc. 2 今日のゴール 

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

© 2022 Cookpad Inc. 9 ● 「MiniCookpad」というクックパッドのレシピアプリの簡易版を作ります。   ● 1日目のiOSの講義では、レシピ一覧、レシピ詳細、ハッシュタグ追加画面の3画面から構成されるiOSアプリを SwiftUI で開発します   ● 2日目のサーバーサイドの講義では、2つのサービスを束ねる API（BFF）を作り、アプリ側から使いやすい API を開発します  2日間の講義は連続しています 

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

© 2022 Cookpad Inc. 12 1. iOSアプリの画面の作り方  ● SwiftUI を使った View の作成方法、画面遷移、状態管理など、SwiftUIによるiOSアプリ開発の基礎を学びます  2. WebAPIとの通信方法  ● ＊今日の講義ではまだ BFF はありません！   ○ アプリから2本のAPIを呼び出すことで必要なデータを取得します   ● Swift 5.5 から追加された Swift Concurrency を使って、Swift での並行処理・非同期処理の方法について学びます  今日の講義で取り上げるトピック 

Slide 13

Slide 13 text

● 10:00〜11:00 自己紹介、講義の概要説明、iOSアプリ開発の基礎知識の説明   ● 11:00〜12:00 講義＆ハンズオン前半   ● 12:00〜13:00 ランチ  ● 13:00〜15:00 講義＆ハンズオン後半   ● 15:00〜17:30 課題に取り組む、課題解説   ● 17:30〜17:50 2日目の準備（BFFと通信できるアプリのセットアップ・実装解説）   ● 17:50〜18:00 ラップアップ  © 2022 Cookpad Inc. 13 タイムテーブル（休憩は適宜とります） 

Slide 14

Slide 14 text

● 15:00くらいまでは、講義＆適宜ハンズオンをしながら一緒に開発を進めます   ● その後は、いくつか課題を用意しているので各自で考えて開発を行っていただきます   ● 講義中に質問や知りたいことがあれば、遠慮なく聞いてください！   ● 話してる途中でも全く問題ないので、わからないこと・知りたいことは手を挙げてどんどん聞きましょう  ● ハンズオンや課題でうまくいかないところがあれば、講師やTAを呼んで適宜助けてもらってください  © 2022 Cookpad Inc. 14 進め方 

Slide 15

Slide 15 text

Slide 16

Slide 16 text

● iOSアプリとは、iOSが動く端末（iPhone）で動作するアプリケーションのこと   ● macOS 上で動作する Xcode という IDE を使って開発を行う   ● プログラミング言語は主に Swift を使って開発する   ● UIフレームワークとして UIKit ・ SwiftUI の2種類が提供されている   © 2022 Cookpad Inc. 16 iOSアプリ開発の基礎知識   

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

● 2019年に発表された新しい UI フレームワーク   ● 宣言型シンタックスで、シンプルで読みやすい記述が特徴   ● Xcode Previews というリアルタイムに変更を確認できるプレビューが提供されている   ● まだ発展途上であり、UIKit に比べると不足している機能や一部不安定なところもある   ○ UIKit を SwiftUI から使うこともできる   © 2022 Cookpad Inc. 19 SwiftUI   

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

● はじめに Swift というプログラミング言語についてざっと学んでいきましょう   ● Swift 5.6 時点の内容です  ● より詳しく知りたい部分などは、公式サイトで確認しましょう   ○ https://www.swift.org/   ● Playground を使って Swift のコードをインタラクティブに実行しながら学んでいきます   © 2022 Cookpad Inc. 22 駆け足 Swift チュートリアル 