iOS アプリ作成入門

J04ΞϓϦ࡞੒ೖ໳ ,.$OPOZMFOF

͜ͷεϥΠυʹ͍ͭͯ w य़߹॓Ͱൃදͨ͠΋ͷ w "OESPJEฤʢ຅εϥΠυʣ΋͋Γ·ͪ͢͜Β

ࣗݾ঺հ w OPOZMFOF ͷʹΕΜ w ,.$ೋճੜSPPU w (JU)VCIBUFOBFUDʜ w
QZUIPO KBWB "OESPJE   ,PUMJOFUDʜ

࿩͢͜ͱ

J04ͷجຊ

J04ΞϓϦ࣮૷

࡞੒͢ΔΞϓϦ

4UBDL0WFSqPXݕࡧ

4UBDLFS

."%&*/ )"/"4&

࢖͏"1* w 4UBDL0WFSqPX"1* w ΈΜͳେ޷͖ɺϓϩάϥϛϯάͷ2"αΠτ w QVCMJD"1*Ͱݕࡧ΍ৄࡉ͕औΕΔ

4UBDL0WFSqPX"1* w υΩϡϝϯτ w IUUQTBQJTUBDLFYDIBOHFDPNEPDT w TFBSDI"1* ྫλΠτϧʹ4XJGU w
IUUQTBQJTUBDLFYDIBOHFDPNTFBSDI PSEFSEFTDTPSUBDUJWJUZJOUJUMFTXJGUTJUF TUBDLPWFSqPXpMUFS GQO[U%1

(JU)VC IUUQTHJUIVCDPN OPOZMFOF4UBDLFSJ04

8IZJ04 w "OESPJEΛͯ͠Δͱત·͘͠ͳΔ w TXJGU࠷ߴͦ͏ w ΤϛϡϨʔλૣͦ͏ w όʔδϣϯ໰୊ͳͦ͞͏ w
؀ڥྑͦ͞͏ w ྡࣳ੨໰୊

໨࣍ w J04ͱ͸ w ηοτΞοϓɾ)FMMP8PSME w ΞϓϦΛ࡞Δ w ײ૝

J04ͱ͸ w "QQMFͷ04 w .BD049Λ࠶ߏ੒ͨ͠΋ͷ w J1IPOFJ1PEUPVDIJ1BE w ೔ຊʹ͓͚ΔγΣΞ͸ w
࠷৽͸

։ൃ؀ڥ w 0CK$4XJGU w ݩʑ0CK$ͷΈ͕ͩͬͨɺ  ೥ʹ৽ݴޠ4XJGU͕ొ৔ w ࠓճ͸4XJGUΛ࢖͍·͢

։ൃ؀ڥ w 9DPEF w "QQMFͷ04༻ͷ*%& w "QQMF੡ɺNBDݶఆ w ࣮࣭ແྉ NBDΛങ͑͹

4XJGUͷจ๏ʢܰ͘ʣ class Piyo : Foo { var text: String? func
makeHoge(str: String) -> Bar { self.text = str let hoge = Hoge(text: str) return home as! Bar } func printText() { print("text: " + text!) } } Optional  (Nullable) Unwrap  (NonNull) ఆ਺ ม਺ ֎෦Ҿ਺໊ Ωϟετ

ηοτΞοϓ

ςϯϓϨʔτ w 4JOHMF7JFX"QQMJDBUJPOΛબ୒

໊শઃఆ w "OESPJEͱಉ༷4UBDLFSʹ w ݴޠ͸4XJGU

όʔδϣϯ w J04͸ػछ͕"QQMF୺຤ͷΈ w ʢαϙʔτର৅ʣػछ͝ͱͷόʔδϣϯ͕ࠩͳ͍ w ࠷௿όʔδϣϯΛେ͖ΊʹઃఆͰ͖Δ

ΞϓϦΛىಈ w ୺຤Λ઀ଓɺ্ʹ͋Δl⾣z Λԡͯ͠ΞϓϦΛىಈ w J04͸ΤϛϡϨʔλ͕ૣ͍ w ࣮ػσόοά΋ແྉԽ

ॳظঢ়ଶΛோΊΔ

7JFX$POUSPMMFSTXJGU class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad()
} override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } } w ը໘੍ޚ w ಛʹԿ΋͍ͯ͠ͳ͍

.BJOTUPSZCPBSE

4UPSZ#PBSE w ը໘ͷભҠ΍ϨΠΞ΢τͳͲΛܾఆ͢Δ w جຊతʹ͸9DPEFΛ௨ͯ͡࢖͏ w ࢖͍ํ͸ޙͰઆ໌ w ࣮ଶ͸YNM w
ࠓ͸ViewController͕Ұͭ͋ΔͷΈ

1SPKFDU&EJUPS w ϓϩδΣΫτͷઃఆ w Ϗϧυ w ໊લ w όʔδϣϯ w
FUDʜ

)FMMP8PSME

4UPSZ#PBSEΛ։͘

-BCFMΛυϥοάͯ͠഑ஔ https://gyazo.com/1ed1655e91611e4808c1f7b6dd71102a

)FMMP 8PSMEͱهೖ

ΞϓϦΛىಈ

J04 w ϨΠΞ΢τߏ੒͸͜ͷΑ͏ʹ4UPSZ#PBSEͰߦ͏ w Ϛ΢ε͕͋Δͱศར w ը໘͕େ͖͍ͱศར

ΞϓϦ࡞੒

ϑϩʔΛߟ͑Δ ᶃݕࡧϫʔυΛೖྗͤ͞Δ ᶅ"1*Λୟ͍ͯ݁ՌΛऔಘ ᶅ+40/Λॲཧ ᶆॲཧͨ݁͠ՌΛදࣔ͢Δ

ᶃݕࡧϫʔυΛೖྗ

ϨΠΞ΢τ࡞੒

ը໘Λ૊ΈཱͯΔ w ը໘ύʔπͷ͜ͱΛViewͱ͍͏ w ೖྗཝͱϦετදࣔͷύʔπΛ্Լʹฒ΂Δ

4FBSDI#BSͷઃஔ

5BCMF7JFXͷઃஔ

5BCMF7JFXΛ޿͛Δ

w 4FBSDI#BS w ݕࡧόʔ w 5BCMF7JFX w ಉ͡छྨͷ7JFXΛ܁Γฦ͠දࣔ͢Δ w ޙͰৄ͘͠આ໌
5BCMF7JFX4FBSDI#BS

4FBSDI#BSͷઃఆ ೖྗώϯτ ςʔϚ

ϓϨϏϡʔ w "TTJTUBOU&EJUPSΛ࢖͏

ϓϨϏϡʔ w ӈଆදࣔʹ1SFWJFXΛબ୒

7JFX่յ

8IZ w ੲ͸J04͸ը໘αΠζ͕ಉͩͬͨ͡ w ͜ͷ࣌͸αΠζݻఆͰେৎ෉ͩͬͨ w ࠓ͸σόΠεʹΑͬͯҟͳΔ ˠ ಛఆͷը໘αΠζͰௐ੔͢ΔͱଞͰ߹Θͳ͍

"VUP-BZPVU w 7JFXͷҐஔɾαΠζΛ  ʮ੍໿ $POTUSBJO ʯͰࢦఆ͢Δ w ࠓ·Ͱ͸ઈରతɺ͜Ε͸૬ରత

"VUP-BZPVU w ଞʢ਌ʣͷ7JFXͱͷʜ w ڑ཭Λࢦఆ͢Δ w 9Λἧ͑Δ w ෯Λἧ͑Δ w
ॎԣൺΛࢦఆ͢ΔFUDʜ

"VUP-BZPVU w 7JFXΛબ୒ɺӈԼͷϘλϯ܈Ͱࢦఆ

4FBSDI#BSͷ੍໿ w ্Լࠨӈͷ7JFXͱ઀͢Δ ੍໿ͷ௥Ճ

4FBSDI#BSͷ੍໿ w ্Լࠨӈͷ7JFXͱ઀͢Δ

5BCMF7JFXͷ੍໿ w Լࠨӈͷ7JFXͱ઀͢Δ w ্͸4FBSDI#BSͳͷͰ ΋͏ܾఆ͍ͯ͠Δ

7JFX੒ޭ

ΞϓϦΛىಈ w Ϧετ෦෼͸ۭന w ԿΛදࣔͤ͞Δ͔Λ  ·ܾͩΊ͍ͯͳ͍

4FBSDIˠจࣈྻऔಘ

ϑϩʔ w Ϣʔβʔ͕4FBSDIΛ࣮ߦ &OUFSΩʔ w ͦΕʹԠͯ͡(&5 3FRVFTUΛඈ͹͢ ᶄ

7JFX$POUSPMMFSͷ࡞੒ɾඥ෇͚

7JFX$POUSPMMFS w ViewΛ؅ཧ͢ΔΫϥε w ࠓ·Ͱ͸ViewControllerͷදࣔ͢ΔView Λઃఆ͍ͯͨ͠

.BJO7JFX$POUSPMMFS࡞੒ w ੍ޚͷͨΊʹMainViewControllerΛ࡞੒͢Δ

7JFX$POUSPMMFSͷؔ࿈෇͚ w $VTUPN$MBTTʹઃఆ

7JFXͷඥ෇͚ w "TTJTUBOU&EJUPSӈʹMainViewController

7JFXͷඥ෇͚ w 7JFXΛબ୒$USMΛԡ͠ͳ͕Βυϥοά

7JFXͷඥ෇͚ w ૠೖ͍ͨ͠৔ॴʹΧʔιϧΛ߹ΘͤΔ

7JFXͷඥ෇͚ w ໊લΛೖྗ

7JFXͷඥ෇͚ w ඥ෇͚׬ྃʂʂʂ

https://gyazo.com/10b37a14a684630c5d176d95ca529180

Ωʔϫʔυऔಘ

Ωʔϫʔυऔಘ • Ϣʔβʔ͕ݕࡧΛ࣮ߦ͢Δ → func searchBarSearchButtonClicked  (searchBar: UISearchBar)  ͕ݺ͹ΕΔ →
searchBar ͔ΒςΩετΛऔಘ͢Δ

import UIKit class MainViewController: UIViewController, UISearchBarDelegate { @IBOutlet weak var
searchBar: UISearchBar! @IBOutlet weak var tableView: UITableView! override func viewDidLoad() { super.viewDidLoad() searchBar.delegate = self } } 6*4FBSDI#BS%FMFHBUF • UISearchBarDelegate Λ࣮૷  (SearchBar ؔ܎ͷϝιουΛ࣮ߦͰ͖ΔΑ͏ʹ͢Δ)

import UIKit class MainViewController: UIViewController, UISearchBarDelegate { @IBOutlet weak var
searchBar: UISearchBar! @IBOutlet weak var tableView: UITableView! override func viewDidLoad() { super.viewDidLoad() searchBar.delegate = self } } • searchBar ؔ܎ͷϝιουͷݺͼઌΛ self(ࣗ෼) ʹ 6*4FBSDI#BS%FMFHBUF

ϘλϯͷΫϦοΫ import UIKit class MainViewController: UIViewController, UISearchBarDelegate { … override
func viewDidLoad() { super.viewDidLoad() searchBar.delegate = self } func searchBarSearchButtonClicked(searchBar: UISearchBar) { let searchText = searchBar.text } } • searchBarSearchButtonClicked ͕ݺ͹ΕΔͷͰɺ  searchBar ͷςΩετΛऔಘ

"MFSUʹग़ͯ͠ΈΔ

ᶄ"1*Ͱ+40/औಘ

ωοτϫʔΫ w ࠓճ͸ϥΠϒϥϦΛ࢖Θͣʹੜ4XJGUͰ

func searchBarSearchButtonClicked(searchBar: UISearchBar) { let searchText = searchBar.text let encodedText
= searchText!.  stringByAddingPercentEncodingWithAllowedCharacters(  .URLQueryAllowedCharacterSet())! let url = "https://api.stackexchange.com/2.2/search?~~~~" +  encodedText + "&site=stackoverflow&filter=! 6JEajsykLFu3W" } 63-Λ࡞੒ w 63- Τϯίʔυ

ϦΫΤετΛ౤͛Δ w J04Ͱ͸6*ͷߋ৽ʹ࢖͏εϨου͸Ұͭ w ͜ͷεϨουҎ֎Ͱ6*ؔ܎Λ࿔ΔͱΤϥʔ w ωοτϫʔΫͷϦΫΤετ͸ɺ  ϝΠϯεϨουͰߦ͏΂͖Ͱ͸ͳ͍ w ϦΫΤετʹ͕͔͔࣌ؒΔͱը໘͕ݻ·ΔͨΊ

ϦΫΤετΛ౤͛Δ • NSURLSession w όοΫάϥ΢ϯυͰ௨৴ͯ͘͠ΕΔ w J04ΑΓ࢖͏͜ͱ͕Ͱ͖Δ

NSURLSession.sharedSession().dataTaskWithURL(NSURL(string: url)!,  completionHandler: {data, response, error in … dispatch_async(dispatch_get_main_queue(), {
let message = NSString(data: data!, …)! as String let alert = UIAlertController(…, message: message, …) alert.addAction(UIAlertAction(title: "OK", …)) self.presentViewController(alert, …) }) }).resume() • ϥϜμࣜͷ಺෦͸ϝΠϯεϨουͰ͸ͳ͍ • ΞϥʔτΛग़͍͕ͨ͠མͪͯ͠·͏ /463-4FTTJPOΛ࢖ͬͨϦΫΤετ

NSURLSession.sharedSession().dataTaskWithURL(NSURL(string: url)!,  completionHandler: {data, response, error in … dispatch_async(dispatch_get_main_queue(), {
let message = NSString(data: data!, …)! as String let alert = UIAlertController(…, message: message, …) alert.addAction(UIAlertAction(title: "OK", …)) self.presentViewController(alert, …) }) }).resume() • dispatch_get_main_queue() Λ࢖ͬͯ  ϝΠϯεϨουͰ࣮ߦ • ͜͜Ͱ͸ΞϥʔτΛग़͍ͯ͠Δ /463-4FTTJPOΛ࢖ͬͨϦΫΤετ

ᶅ+40/Λॲཧ

+40/Λύʔε try! NSJSONSerialization.JSONObjectWithData(data!,   options:NSJSONReadingOptions.MutableContainers)   as! NSDictionary as! [String:
AnyObject] • KTPOΛΦϒδΣΫτʹม׵

AnyObject] • NSDictionary ʹม׵

AnyObject] • Swift ʹ͓͚Δ࿈૝഑ྻʹม׵

AnyObject] • ྫ֎Λແࢹ

σʔλอ࣋Ϋϥε

σʔλอ࣋Ϋϥε w ฦ͖ͬͯͨ+40/ΛಡΈࠐΈɺΫϥεʹ֨ೲ͢Δ w σʔλΛѻ͍΍͘͢͢ΔͨΊ

σʔλอ࣋Ϋϥε • Question ΫϥεΛ࡞Δ • Question.swift Λ࡞੒

import Foundation class Question { let isAnswered: Bool let ownerName:
String let upVoteCount: Int let tags: [String] init(dict: [String: AnyObject]) { isAnswered =   dict["is_answered"] as! Bool upVoteCount =   dict["up_vote_count"] as! Int title = dict[“title"] as! String let owner = dict["owner"]  as! [String: AnyObject] ownerName = owner["display_name"] as! String } }

KTPOΛ2VFTUJPOʹม׵ let dict = try! NSJSONSerialization.JSONObjectWithData(…)  as! NSDictionary as! [String:
AnyObject] let questions = (dict["items"] as! [[String: AnyObject]]).map{ item -> Question in Question(dict: item) }

RVFTUJPOT<>ͷUJUMFΛग़͢

ᶆॲཧͨ݁͠ՌΛදࣔ

5BCMF7JFX ಉ͡7JFXΛ܁Γฦ͠Ϧετදࣔ͢Δ7JFX

ී௨ʹ্͔ΒViewΛஔ͚͹͍͍͡ΌΜʁ

w ⚠ཁૉ͕ݸҎ্ʹͳΔ͜ͱ΋ w ྫ5XJUUFS w ͜ͷ࣌ݸಉ࣌ʹViewΛอ࣋ɾ؅ཧ͢Δʁ  ˠ๲େͳϝϞϦɾॲཧΛফඅͯ͠͠·͏ 5BCMF7JFX

w Ϧετදࣔ͸ಉ͡ߏ଄ͷView͕࿈ͳΔ w จࣈྻ౳ͷ಺༰͕ҧ͏͚ͩ ˠɹอ࣋ɾ؅ཧ͸ը໘ʹදࣔ͞ΕΔViewͷΈ ˠɹҰ౓࡞ͬͨView͸࠶ར༻͠ɺ  දࣔ࣌ʹ಺༰Λมߋ͢Δ 5BCMF7JFX

w ͢΂ͯΛอ࣋ɾ؅ཧ ී௨ͷ7JFX View 1 2 3 4 5 6
7 8 9 10 11 12 13 14 15 16 17 18 ࣮ࡍͷදࣔྖҬ →

w อ࣋ɾ؅ཧ͸ը໘্ͷΈ 5BCMF7JFX TableView 3 4 5 6 7 8
9 10 11 ະੜ੒ ࣮ࡍͷදࣔྖҬ →

εΫϩʔϧ͞ΕΔͱʜ TableView 3 4 5 6 7 8 9 10
11 ະੜ੒ View ͷ࠶ར༻ දࣔྖҬ →

εΫϩʔϧ͞ΕΔͱʜ View 5 6 7 8 9 10 11 3
->12 4 ->13 ະੜ੒ ← ৽͍͠஋Λઃఆ දࣔྖҬ →

Ϧετදࣔ ߲໨ͷViewΛ࡞੒ ˣ TableViewʹදࣔ

߲໨ͷ7JFX $FMM

࡞Γ·ͨ͠

*EFOUJpFSΛઃఆ w TableView͕CellΛ۠ผ͢Δͷʹඞཁ

w 2VFTUJPO5BCMF7JFX$FMMΛ࡞੒ w $FMMΛಠࣗΫϥεʹͯ͠؅ཧ $VTUPN7JFXΫϥε import UIKit class QuestionTableViewCell: UITableViewCell
{ }

$VTUPN7JFXʹඥ෇͚

$FMM಺ͷ7JFXΛඥ෇͚

$FMM಺ͷ7JFXΛඥ෇͚ import UIKit class QuestionTableViewCell: UITableViewCell { @IBOutlet weak var
countLabel: UILabel! @IBOutlet weak var checkImageView: UIImageView! @IBOutlet weak var titleLabel: UILabel! @IBOutlet weak var tagLabel: UILabel! @IBOutlet weak var bodyLabel: UILabel! @IBOutlet weak var dateLabel: UILabel! @IBOutlet weak var authorLabel: UILabel! }

2VFTUJPOઃఆͰ6*ߋ৽ class QuestionTableViewCell: UITableViewCell { @IBOutlet weak var countLabel: UILabel!
… var question: Question? { didSet { bindQuestion(question!) } } private func bindQuestion(question: Question) { countLabel.text = String(question.upVoteCount) checkImageView.hidden = !question.isAnswered … } } Setter

5BCMF7JFXʹදࣔ

class MainViewController: UIViewController, UISearchBarDelegate,   UITableViewDelegate, UITableViewDataSource { @IBOutlet weak
var searchBar: UISearchBar! @IBOutlet weak var questionTableView: UITableView! override func viewDidLoad() { super.viewDidLoad() searchBar.delegate = self questionTableView.dataSource = self questionTableView.delegate = self } } w Delegate Λ࣮૷ 5BCMF7JFX

class MainViewController: UIViewController, UISearchBarDelegate,   UITableViewDelegate, UITableViewDataSource { @IBOutlet weak
var searchBar: UISearchBar! @IBOutlet weak var questionTableView: UITableView! override func viewDidLoad() { super.viewDidLoad() searchBar.delegate = self questionTableView.dataSource = self questionTableView.delegate = self } } w UITableViewDelegateΫϦοΫ͞Εͨ࣌ͱ͔ w UITableViewDataSourceσʔλ͔Β$FMMΛ࡞Δ࣌ 5BCMF7JFX

• εΫϩʔϧͯ͠ Cell Λ࡞੒͢Δͱ͖ʹݺ͹ΕΔ • ৔ॴ͕Ҿ਺ͱͯ͠དྷΔ $FMMΛ࡞Δ func tableView(tableView: UITableView,
cellForRowAtIndexPath   indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier("questionCell",  forIndexPath: indexPath) as! QuestionTableViewCell cell.question = self.questions[indexPath.row] return cell }

• ઌ΄Ͳࢦఆͨ͠ Identifier ΛೖΕͯ  ࠶ར༻Մೳͳ Cell ΛಘΔ • ͳ͚Ε͹ࣗಈͰ࡞ͬͯ͘ΕΔ $FMMΛ࡞Δ
func tableView(tableView: UITableView, cellForRowAtIndexPath   indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier("questionCell",  forIndexPath: indexPath) as! QuestionTableViewCell cell.question = self.questions[indexPath.row] return cell }

func tableView(tableView: UITableView, cellForRowAtIndexPath   indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier("questionCell",  forIndexPath: indexPath) as! QuestionTableViewCell cell.question = self.questions[indexPath.row] return cell } • ಘΒΕͨ Cell ͸ QuestionTableViewCell $FMMΛ࡞Δ

func tableView(tableView: UITableView, cellForRowAtIndexPath   indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier("questionCell",  forIndexPath: indexPath) as! QuestionTableViewCell cell.question = self.questions[indexPath.row] return cell } • อ͍࣋ͯ͠Δ Question Λ cell ʹηοτ $FMMΛ࡞Δ

w ηΫγϣϯͷ਺ • Cell ͷ਺ 5BCMF7JFXͷઃఆ func numberOfSectionsInTableView(tableView:   UITableView)
-> Int { return 1 } func tableView(tableView: UITableView,   numberOfRowsInSection section: Int) -> Int { return self.questions.count }

5BCMF7JFXͷߋ৽ let dict = try! NSJSONSerialization.JSONObjectWithData(…)  as! NSDictionary as! [String:
AnyObject] self.questions = (dict["items"] as! [[String: AnyObject]]).map{ item -> Question in Question(dict: item) } self.questionTableView.reloadData() w tableViewʹσʔλͷߋ৽Λ఻͑Δ w ͜ΕͰCell͕࠶ಡΈࠐΈ͞ΕΔ

ΫϦοΫͯ͠4BGBSJΛ։͘ w tableViewͷCellΛΫϦοΫͨ࣌͠ʹݺ͹ΕΔ w CellΛ࡞Δؔ਺ͱ͸֎෦Ҿ਺໊͕ҧ͏ func tableView(tableView: UITableView, didSelectRowAtIndexPath  
indexPath: NSIndexPath) { let question = questions[indexPath.row] let url = NSURL(string: question.link)! UIApplication.sharedApplication().openURL(url) }

w indexPath͔ΒQuestionΛऔಘ w question.linkΛSafariͰ։͘ ΫϦοΫͯ͠4BGBSJΛ։͘ func tableView(tableView: UITableView, didSelectRowAtIndexPath  
indexPath: NSIndexPath) { let question = questions[indexPath.row] let url = NSURL(string: question.link)! UIApplication.sharedApplication().openURL(url) }

ΞϓϦΛىಈ

https://gyazo.com/d34d8f4caf0a48e1855c865cf1772748

ײ૝ w J04ྑ͍ w 4XJGU͸࠷ߴ w όʔδϣϯݹ͍ͷʹରԠ͠ͳͯ͘ྑ͍ w Ϗϧυૣ͍

ײ૝ w J04ͭΒ͍ w 0CKFDUJWF$ͷίʔυ͕ಡΊͳ͍ͱݫ͍͠ w ϥΠϒϥϦɾ4UBDL0WFS'MPX w υϥοάຖճ͢Δͷ໘౗ w
9DPEF͕Α͘མͪΔʢىಈ͸ૣ͍ʣ

͋Γ͕ͱ͏͍͟͝·ͨ͠

"OESPJEฤ͸ͪ͜Β

iOS アプリ作成入門

iOS アプリ作成入門

More Decks by nonylene

Other Decks in Technology

Featured

Transcript