Swift

 パーツのラベル設定

TextColor：Defaultを選択

「UIImage」はクラス

「named: "gu"」は引数

「named:」は引数のラベル。引数がどんな値なのかを表している

dispMap.mapType = .standard （標準）

dispMap.mapType = .satelite （航空写真）など

デリゲートとデータソースのクラスを追加

class SettingViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate  { }

デリゲートとデータソースの通知先を指定

timerSettingPicker.delegate = self

timerSettingPicker.dataSource = self

// 添え字のリストを選択状態にする

timerSettingPicker.selectRow(row, inComponent: 0, animated: true)

func numberOfComponents(in pickerView: UIPickerView) -> Int {

    return 1

}

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {

    return settingArray.count

}

func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String?{

    return String(settingArray[row])

}

デリゲートのクラスを追加

class ViewController: UIViewController , UISearchBarDelegate { }

デリゲートとデータソースの通知先を指定

searchText.delegate = self

tableView.dataSource = self

searchText.placeholder = "お菓子の名前を入力してください"

何も入力されていないときに背景に薄いグレーの文字でヒントを表示する

// 検索ボタンをクリック（タップ）時

func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {

    // キーボードを閉じる

    view.endEditing(true)

    if let searchWord = searchBar.text {

        searchOkashi(keyword: searchWord)

    }

}

iosアプリ開発では、入力時には自動的にキーボードが表示されるが、入力が終わったあとに、自動的にキーボードは閉じられない

searchBar.textで画面入力された文字列を取り出せる

Table View

配列などで格納されたデータをリストとして画面に表示したい場合に使う。

iPhoneでは設定画面などのリスト表示で使われています。

Table View Cell

Table Viewの中にTable View Cellを１つ配置して、1行のスタイルやテキストの配置、画像の表示設定を行う

Attributes Inspector

デリゲートとデータソースのクラスを追加

class ViewController: UIViewController, UITableViewDataSource,UITableViewDelegate  { }

410

417

デリゲートとデータソースの通知先を指定

tableView.dataSource = self

tableView.delegate = self

410

417

// Table Viewを更新する

self.tableView.reloadData()

// ハイライト解除

tableView.deselectRow(at: indexPath, animated: true)

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    // お菓子リストの総数

    return okashiList.count

}

Cellの総数を返す。

必ず記述する

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

    let cell = tableView.dequeueReusableCell(withIdentifier: "okashiCell", for:indexPath)

    cell.textLabel?.text = okashiList[indexPath.row].name

    if let imageData = try? Data(contentsOf: okashiList[indexPath.row].image) {

        cell.imageView?.image = UIImage(data: imageData)

    }

    return cell

}

Cellに値を設定する。

必ず記述する

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

    tableView.deselectRow(at: indexPath, animated: true)

    safariViewController.delegate = self

}

if let searchkey = textField.text { }

textField.resignFirstResponder()

fileprivate：ファイルの中でのみ、呼び出し出来るメソッド

プレイヤーインスタンス　inout：値の受け取り、値の戻しが可能になる

無し

player: &cymbalPlayer：参照渡し。関数内の変更を呼び出し元で利用する

// Playボタンがタップされた時の処理
@IBAction func play(_ sender: Any) {
    soundPlayer(player: &backmusicPlayer, path: backmusicPath, count: -1)
}

// 共通のプレイヤー再生処理
fileprivate func soundPlayer(player:inout AVAudioPlayer!, path: URL, count: Int) {
    do {
        player = try AVAudioPlayer(contentsOf: path, fileTypeHint: nil)
        player.numberOfLoops = count
        player.play()
    } catch {
        print("エラーが発生しました！")
    }
}

import AVFoundation

class ViewController: UIViewController {

    // シンバルの音源ファイルを指定
    let cymbalPath = Bundle.main.bundleURL.appendingPathComponent("cymbal.mp3")

    // シンバル用プレイヤーの変数
    var cymbalPlayer: AVAudioPlayer!
 
    @IBAction func cymbal(_ sender: Any) {
        do {
            // シンバル用のプレイヤーに、音源ファイル名を指定
            cymbalPlayer = try AVAudioPlayer(contentsOf: cymbalPath, fileTypeHint: nil)
            //シンバルの音源再生
            cymbalPlayer.play()
        } catch {
            print("シンバルで、エラーが発生しました！")
        }
    }

import UIKit

class ViewController: UIViewController,UISearchBarDelegate, UITableViewDataSource{
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Search Barのdelegate通知先を設定
        searchText.delegate = self
        // 入力のヒントとなる、プレースホルダーを設定
        searchText.placeholder = "お菓子の名前を入力してください"
        // Table View の dataSource を設定
        tableView.dataSource = self
    }

UITableViewDataSource

→ Table View のdatasource を利用することを宣言。Table Viewとプログラムでデータの受渡しが行える機能が利用できるようになる

placeholderメソッド

→ Search Barになにも入力されていない時の背景に薄いグレーの文字でヒントを表示する（プレースホルダー）

410

386

    // お菓子のリスト（タプル配列）
    var okashiList : [(name:String , maker:String , link:URL , image:URL)] = []

タプル変数を配列の要素として扱う

= [ ] は配列として初期化（宣言）を行っている

    // 検索ボタンをクリック（タップ）時
    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
        // キーボードを閉じる
        view.endEditing(true)

        if let searchWord = searchBar.text {
            // 入力されていたら、お菓子を検索
            searchOkashi(keyword: searchWord)
        }
    }

searchBarSearchButtonClickedメソッド

→ 検索ボタン押下時に呼ばれる、Search Barのdelegate

searchOkashiメソッド

→ キーワード検索して、一覧を表示する処理

388

389

    // JSONのitem内のデータ構造
    struct ItemJson: Codable {
        // お菓子の名称
        let name: String?
        // メーカー
        let maker: String?
        // 掲載URL
        let url: URL?
        // 画像URL
        let image: URL?
    }

    // JSONのデータ構造
    struct ResultJson: Codable {
        // 複数要素
        let item:[ItemJson]?
    }

リクエストで取得するJSONデータの格納先

ItemJson構造体

→ 個別情報（名前、メーカー名、掲載URLなど）を管理

ResultJson構造体

→ ItemJson構造体を配列で管理

393

393

    // searchOkashiメソッド
    // 第一引数：keyword　検索したいワード
    func searchOkashi(keyword : String){
        // お菓子の検索キーワードをURLエンコードする
        guard let keyword_encode = keyword.addingPercentEncoding
                                   (withAllowedCharacters: .urlQueryAllowed) 
        else {
            return
        }
        // リクエストURLの組み立て
        guard let req_url = URL(string: "https://sysbird.jp/toriko/api/
                                ?apikey=guest&format=json&keyword=\(keyword_encode)
                                &max=10&order=r") else {
            return
        }

String型のaddingPercentEncodingメソッド

→入力されたキーワードをエンコード（全角・制御文字をある規則に従い半角１バイトに変換）する

URLメソッド

→ リクエスト用のURLを作成。URL(string:～)は文字列からURL情報を分解整理して、URL構造体に格納している

392

393

        // リクエストに必要な情報を生成
        let req = URLRequest(url: req_url)


        // データ転送を管理するためのセッションを生成
        let session = URLSession(configuration: .default, delegate: nil,
                                 delegateQueue: OperationQueue.main)

        // リクエストをタスクとして登録
        let task = session.dataTask(with: req, completionHandler: {
            (data , response , error) in
            // セッションを終了
            session.finishTasksAndInvalidate()
            // do try catch エラーハンドリング
            do {
                // JSONDecoderのインスタンス取得
                let decoder = JSONDecoder()
                // 受け取ったJSONデータをパース（解析）して格納
                let json = try decoder.decode(ResultJson.self, from: data!)

URLRequestクラス

→ リクエストを管理するために必要なリクエストオブジェクト（rep）を生成

URLSessionクラス

→URL経由でのでーたの送信、取得を行う。個々のリクエストはタスクと呼ばれるURLSessionTaskクラスで表現される

dataTaskメソッド

→ URLSessionクラスのdataTaskメソッドにリクエストオブジェクトの値と通信（ダウンロード）完了時に実行するクロージャを渡して、タスクを生成。後述のresumeメソッドでタスクを実行

decoder.decodeメソッド

 → 取得したJSONデータ（data!）をパースして構造体ResultJsonのデータ構造に合わせて、変数jsonに格納。Codableを活用して、この１行で取得したデータが変数に格納される

397

[補足1]

369

[補足1]

369

399

                // お菓子の情報が取得できているか確認
                if let items = json.item {
                    // お菓子のリストを初期化
                    self.okashiList.removeAll()

                    // 取得しているお菓子の数だけ処理
                    for item in items {
                        // お菓子の名称、メーカー名、掲載URL、画像URLをアンラップ
                        if let name = item.name , let maker = item.maker , 
                           let link = item.url , let image = item.image {
                            // 1つのお菓子をタプルでまとめて管理
                            let okashi = (name,maker,link,image)

                            // お菓子の配列へ追加
                            self.okashiList.append(okashi)
                        }
                    }
                    // Table Viewを更新する
                    self.tableView.reloadData()
                }

データを取り出しやすくするために、タプル配列へ整理して詰め込み直している

removeAllメソッド

→ 配列の初期化

items

→ itemsは配列で複数の要素が存在している。

for  item in itemsで１要素(複数項目)毎に処理を行う

if let name = item.name ,

→ 全ての項目に値がある場合はタプルに格納されるが、どれかに値が無い場合はタプルへの格納は行われない

appendメソッド

→ タプルを配列に追加

reloadDataメソッド

→ タプル配列の更新が完了したら、Table Viewのデータを再読み込みすることで画面がリフレッシュされる

407

408

408

409

415

            } catch {
                // エラー処理
                 print("エラーが出ました")
            }
        })
        // ダウンロード開始
        task.resume()
    }

task.resumeメソッド

→ 戻り値であるURLSessionDataTaskクラスのインスタンスに対してresumeメソッドを呼び出すと、タスクが実行される

[補足1]

    // Cellの総数を返すdatasourceメソッド。必ず記述する必要があります
    func tableView(_ tableView: UITableView, 
                   numberOfRowsInSection section: Int) -> Int {
        // お菓子リストの総数
        return okashiList.count
    }
    
    // Cellに値を設定するdatasourceメソッド。必ず記述する必要があります
    func tableView(_ tableView: UITableView, 
                   cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        // 今回表示を行う、Cellオブジェクト（1行）を取得する
        let cell = tableView.dequeueReusableCell
                   (withIdentifier: "okashiCell", for:indexPath)

        // お菓子のタイトル設定
        cell.textLabel?.text = okashiList[indexPath.row].name

        // お菓子画像を取得
        if let imageData = try? Data(contentsOf: okashiList[indexPath.row].image) {
            // 正常に取得できた場合は、UIImageで画像オブジェクトを
            // 生成して、Cellにお菓子画像を設定
            cell.imageView?.image = UIImage(data: imageData)
        }
        // 設定済みのCellオブジェクトを画面に反映
        return cell

    }

第2引数：section変数には指定されたセクション内での行数が格納されている。

セクションとはある単位でグループ分けしたもののこと

func tableView( )

→ このdatasourceメソッドは、セル（行）を設定するときに毎回実行される。引数：indexPathに設定したいセルの位置情報が渡され、それをもとにセルを設定する

dequeueReusableCellメソッド

→ セルを生成するメソッド。第１引数：TableViewの識別名を指定、第２引数：セルの位置を指定

cell.textLabel?.text

→ 配列から指定行のnameをセルのタイルに設定

Dataメソッド

→ 画像のURLから本体の画像ファイルをダウンロード

UIImageメソッド

→ UIImageクラスでUIImageオブジェクトに変換してからセルのImage Viewへ設定

412

413

413

414

414

415