Tech::Expert個人アプリ開発 Iphoneアプリ開発

1. 個人アプリ開発
Wunderlist 風To-doアプリを
Swiftで構築（ IOS向け）
42期 黒田 健太郎

2. なぜこのテーマにしたか
2
IOSかAndroidアプリの開発かで迷ったが、
Iphoneを長年使ってきたので愛着がある
若者などスマホしか持っていない人も増えている
モバイルアプリケーション開発の需要が
高まるのではないか
ジョブズがアプリ開発をするなら、
「最初はTodoアプリを作るべきだ」
的なことをいっていた

3. タスク管理アプリケーション
Wunderlist とは
3

4. Wunderlistの機能概要
4

5. 現在の主流な
モバイルアプリ開発手法について
5

6. モバイルアプリ
プログラミング言語のトレンド
6

7. IOSアプリ構築のスタンダード
Swiftとは
7

8. Swiftの特徴
8
主にiPhone、IPad、Mac、AppleTV、
AppleWatchのためのプログラミング言語
Apple社が一から作り、2014年に発表した
新しいプログラミング言語である。
モダン、安全、高速、インタラクティブ
コードがシンプルで初学者向け

9. プログラミング言語における
Swiftの立ち位置
9

10. IPhoneアプリ開発環境の構築
10

11. IPhone開発の流れ
11
StoryboradでUI・UXを構築
各パーツストーリーボードに対して
swiftでコードを作成
シュミレータを起動しデバッグ

12. IPhone開発の流れ
12
StoryboradでUI・UXを構築
各パーツストーリーボードに対して
swiftでコードを作成
シュミレータを起動しデバッグ

13. 今回作るTodoアプリのUX・UI設計イメージ
13

14. Xcodeの構成画面
14

15. 実際のstoryboradでのUX・UI設計
15

16. IPhoneアプリ開発の流れ
16
StoryboradでUI・UXを構築
各パーツストーリーボードに対して
swiftでコードを作成
シュミレータを起動しデバッグ

17. Swiftコードを作成する
プレイグラウンド
17

18. Todoアプリのコードの流れ
18
Todo作成画面でTodo
を入力
TodoContents配列に
格納。
簡易データベース
UserDefaultに
TodoListをkeyに
データを格納
Viewcontroller1
画面遷移の設定
Viewcontroller2 Viewcontroller2
Overrideで
UserDefaultから
配列をうけとり、
配列の中身を
セルに格納
Viewcontroller1
ユーザがセルを右にス
ライドさせた時、
Delete画面を表示
Viewcontroller1
Deleteをクリックで、
TodoContentsから配
列を削除。
UserDefaultに保存。
セグエを使用し、
Barbuttonアイテムに
遷移先画面を設定。

19. 19
UserDefault
Segue

20. ViewControllerにSwiftコードを作成
20
Viewcontroller2
Viewcontroller1
Viewcontroller3

21. TodoをUserDefaultsに保存
21

22. Todo画面の各セルに表示
22

23. 画面遷移を管理するセグエの設定
23

24. IPhone開発の流れ
24
StoryboradでUI・UXを構築
各パーツストーリーボードに対して
swiftでコードを作成
シュミレータを起動しデバッグ

25. シュミレータによるUX動画
25

26. IPhoneアプリ開発後のまとめ
26
IPhoneアプリ開発でもコントローラーや
クラス・インスタンスなど基本的な考え方は
Rialsのwebアプリと同じだった
XcodeによるUI設計はCSSより感覚的に行えるが、
機能が複雑なので、使いこなすのが難しかった。
Swiftは比較的構文も単純で書きやすい言語だった。
ただ、元から定義されているクラスが豊富にあり
どのクラスを継承すればいいのか覚えるのが難しかった
。

27. 参考資料
27
●参考サイト
Xcodeの使い方～Swiftからはじめるアプリ開発の基礎
https://type.jp/et/feature/3008
Swiftで簡単なTODOアプリを作ってみよう
https://qiita.com/TD3P/items/8f474358d1dd789557f3
●参考書籍
絶対に挫折しないiPhoneアプリ開発入門「超」入門

28. ご清聴ありがとうございました！
28