やっとわかったSwift/CoreData入門 【part2：とりあえず実装編】

<img width="1280" alt="スクリーンショット 2018-12-23 17.57.04.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/15f9beb2-002c-0e3b-ec1f-ebe2ff4e5e2f.png">


# 🍀まえがき

## ■書いてあること
こちらの記事からの続編
👨‍💻[やっとわかったSwift/CoreData入門 【part1：概念編】](https://qiita.com/TD3P/items/89203ccc72d964277818)

CoreDataについて、必要最低限知っておくべきことを、プログラミング初心者の私が、私にとってわかりやすい感じで説明。
今回は必要最低限の実装をしてみます。

## ■下記の症状に効能があります
- CoreDataについて調べてみたけど、情報すくねぇ
- 記事とか見たけど、Swiftのバージョンが古かったり、記事によって書いてあることが違くて大混乱
- 中級以上を対象とした説明ばかりで全くわからん
- 何を言ってるのかチンプンカンプンだからもっとレベル下げて欲しい
- とりあえず最低限の実装で基本を理解したい

## ■この記事の特徴
初心者でも内容が分かりやすいようになってます。
**変数は英語で命名するのがセオリーですが、あえて全部日本語にしてます（それでも動きます）**
xcode 10.1 swift 4.2 (2018年12月12日現在)

## ■主な流れ
- プロジェクトの作成
- CoreData用の変更箇所を確認
- AppDelegate内のコードの解説
- Entityの設定
- ストーリーボードの設定
- ViewControllerの実装
- 完成！


# 🛠本編

## ◼️プロジェクトの作成
- とりあえずSingleViewAppを選択
- 今回のプロダクトネームは「TestCoreData」にしました
- *UseCoreDataにチェックを忘れずに！*
- *＊ちなみに、ここでチェックを入れなくても後から設定することも可能ですが、今回は省略*
<img width="729" alt="スクリーンショット 2018-12-16 17.45.12.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/453bc860-f0dd-a8ce-db80-2a977238a12c.png">

## ◼️CoreData用の変更箇所を確認
- プロジェクトを作成した際に、UseCoreDataにチェックを入れるとどのような変更があるかを確認しましょう
- 主に下記の２点に変更があります
    1. AppDelegate.swiftにCoreData用のコードが追加される
    2. プロジェクトに[プロジェクト名].xcdatamodeldファイルが追加される 

<img width="1280" alt="スクリーンショット 2018-12-16 17.49.44.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/cdec1eab-8d59-c85a-5b7b-3bc66588fb08.png">

## ◼️AppDelegate内のコードの解説
AppDelegate内のCoreDataの部分では何をやってるのでしょうか？コードを抜粋して解説します。

```AppDelegate.swift
lazy var persistentContainer: NSPersistentContainer = {
  let container = NSPersistentContainer(name: "TestCoreData")
  container.loadPersistentStores(completionHandler: { (storeDescription, error) in
    if let error = error as NSError? {
      fatalError("Unresolved error \(error), \(error.userInfo)")
    }
  })
return container
}()
```
はい！僕はこの時点で見事にハマりました。特に最後の「 }（） 」の部分なんやねん！っと。
少し複雑に見えますが、なんのことはなく、簡単にするとこういうことです。

```swift
//NSPersistentContainer型として、persistentContainer変数にcontainerをオブジェクト化してぶち込むよ！
var persistentContainer: NSPersistentContainer = container()
```

波括弧内がそのままメソッドの定義になっていて、それを叩いて代入してるだけなんですね！括弧が多くて惑わされますが、よく見てみましょう。

<img width="1118" alt="スクリーンショット 2018-12-23 18.48.09.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/abdff50c-9318-a1b1-f3cf-99c4cb4a1f5c.png">


中のコードも簡略化すると

```swift
A = {
  let container = NSPersistentContainer(name: "TestCoreData")
  container.loadPersistentStores(ごにょごにょとエラー処理する)
  return container
}

lazy var persistentContainer: NSPersistentContainer = A()
```
このように非常に単純なことをやってます。

文法はこちらを見ると良いと思います。
- [クロージャーについて](https://qiita.com/narukun/items/b1b6ec856aee42767694)
- [lazyについて](https://hajihaji-lemon.com/smartphone/swift/lazy/)

前回掲載した概念図に当てはめると、アプリを立ち上げた時に、図中のクラスセットをオブジェクト化するよーというイメージです

<img width="819" alt="スクリーンショット 2018-12-16 18.22.51.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/fc0bb72c-c12c-f21c-1bb1-f687bf14354a.png">

次にこちらのコードを解説します。ここでは、実際にデータを保存するときのパスの設定を行ってます。

```AppDelegate.swift
func saveContext () {
  let context = persistentContainer.viewContext
  if context.hasChanges {
    do {
      try context.save()
    } catch {
      let nserror = error as NSError
      fatalError("Unresolved error \(nserror), \(nserror.userInfo)")
    }
  }
}
```
まず、重要なのが一行目。先ほど作成したpersistentContainer内のviewContextメソッドを叩いて定数に突っ込んでます。ここがなかなかわかりにく。
要はこれは、persistentContainer内にラッピングされているNSManagedObjectContextをオブジェクト化しますよーということ。

```AppDelegate.swift
//NSPersistentContainer内のNSManagedObjectContextを定数contextに代入
let context = persistentContainer.viewContext

  //NSManagedObjectContextに変更があったら、保存しますよ
  if context.hasChanges {
    do {
      //NSManagedObjectContextの内容を保存するよ
      try context.save()
    } catch {
      //なんかエラーがあったらエラーを吐くよ
      let nserror = error as NSError
      fatalError("Unresolved error \(nserror), \(nserror.userInfo)")
    }
  }
}
```

## ◼️Entityの設定
次は、Entityの設定です。
DBのテーブルを作る感じです。

- TestCoreData.xcdatamodeldを選択後、AddEntityを選択するとEntityが追加されます。

<img width="1280" alt="スクリーンショット 2018-12-16 19.20.34.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/e7efaca6-610b-4dfc-b9b3-f1baff323375.png">

- Entityの名前を「Monster」にしてみます。
- Attributeを「monsterName」、データ型をStringとしました。

> 💡つまづきポイント
> ここの設定が終わったら、一度buildしておきましょう。buildしないと後ほどEntityをコード内で呼び出す時にエラーが出ます*

<img width="1280" alt="スクリーンショット 2018-12-16 19.25.33.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/0381365b-81c2-2c07-1984-aa7ea7918bf7.png">

今回は簡単な実装にするため、設定はこれだけにしておきます。

## ◼️ストーリーボードの設定
- view上部にテキストフィールドを配置します(ReturnKeyを**DONE**にしました)
- テーブルビューとセルを設置します（セルのidentifireは**MyCell**にしました）
- テーブルビューのdatasourceとdelegateを紐付けました
- 今回はこの２パーツだけを使用します

*この辺の詳細はこちらの記事をご参照ください
👨‍💻[SwiftでTableViewを使ってみよう](https://qiita.com/TD3P/items/cafa8e20029047993025)

## ◼️ViewControllerの実装
先に完成品です

```ViewController.swift
import UIKit
//CoreDataをインポート
import CoreData

//テキストフィールドデリゲートを追加
class ViewController: UIViewController,UITextFieldDelegate {

  //パーツの紐付け
  @IBOutlet weak var テキストフィールド: UITextField!
  @IBOutlet weak var テーブルビュー: UITableView!

  //EntityのMonster型の配列、モンスター変数を宣言
  //MonsterEntityから引っ張ってきたデータを入れるためMonseter型にしておく
  var モンスターオブジェクトの配列:[Monster] = []

  //NSManagedObjectContextをAppDelegate経由でオブジェクト化
  //(UIApplication.shared.delegate as! AppDelegate)はAppDelegateへのパスのようなもの
  //AppDelegateのpersistentContainerのviewContext(NSManagedObjectContextのこと)を叩いてオブジェクト化してるだけ
  var マネージドオブジェクトコンテキスト = (UIApplication.shared.delegate as! AppDelegate).persistentContainer.viewContext


  override func viewDidLoad() {
    super.viewDidLoad()

    //テキストフィールドの処理先をViewController自身にしする
    テキストフィールド.delegate = self

    //NSFetchRequestを使って、「任意のEntityの全データを取得する」という取得条件を変数に打ち込む
    //<NSFetchRequestResult>の部分はジェネリックという文法らしい
    //NSFetchRequestResult型としてNSFetchRequestを処理しますよって感じ
    let 取得したいデータの条件 = NSFetchRequest<NSFetchRequestResult>(entityName: "Monster")
    do{
      //マネージドオブジェクトコンテキストのfetchに先ほどの取得条件を食わせて、返ってきたデータをMonster型に強制ダウンキャスト
      //取得したデータをモンスターオブジェクト変数に入れる
      モンスターオブジェクトの配列 = try マネージドオブジェクトコンテキスト.fetch(取得したいデータの条件) as! [Monster]
    }catch{
      print("エラーだよ")
    }
  }

  func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    //キーボードを隠す
    textField.resignFirstResponder()


    //フィールドで作ったマネージドオブジェクトコンテキスト内にMonster型のマネージドオブジェクトを作る
    let 新規モンスターオブジェクト = Monster(context: self.マネージドオブジェクトコンテキスト)

    //新規モンスターオブジェクトのmonsterNameプロパティにテキストフィールドのテキストを上書き
    新規モンスターオブジェクト.monsterName = テキストフィールド.text

    //モンスターオブジェクトの配列に新規モンスターオブジェクトを追加する
    //これで元々のデータに新規のデータが追加された状態になった
    self.モンスターオブジェクトの配列.append(新規モンスターオブジェクト)

    //appdelegateのsaveContextメソッドを使って保存
    //saveContextは現在のマネージドオブジェクトの変更内容をDBに反映する
    (UIApplication.shared.delegate as! AppDelegate).saveContext()

    //取得したデータでテーブルの内容をリロード
    テーブルビュー.reloadData()
    //テキストフィールドの中身は空にしておく
    textField.text = ""
    return true
  }
}

extension ViewController: UITableViewDataSource {
  func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return モンスターオブジェクトの配列.count
  }

  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell:UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "MyCell", for: indexPath)
    let モンスター個別データ = モンスターオブジェクトの配列[indexPath.row]
    cell.textLabel?.text = モンスター個別データ.monsterName
    return cell
  }


}

```

### フィールドとかのポイント

- CoreDataをimportする

```swift
import UIKit
//CoreDataをインポート
import CoreData
```

- DBから取得したデータを突っ込む変数を用意する
- ＊Entity設定後にbuildしてないとエラーが出ますので要注意

```swift
//EntityのMonster型の配列、モンスター変数を宣言
//MonsterEntityから引っ張ってきたデータを入れるためMonseter型にしておく
var モンスターオブジェクトの配列:[Monster] = []
```

- NSManagedObjectContextをviewController内で使えるようにオブジェクト化する

```swift
//NSManagedObjectContextをAppDelegate経由でオブジェクト化
//UIApplication.shared.delegate as! AppDelegateはAppDelegateへのパスのようなもの
var マネージドオブジェクトコンテキスト = (UIApplication.shared.delegate as! AppDelegate).persistentContainer.viewContext

↓分解すると

//AppDelegateへのパスのようなもの
//UIApplication.sharedはシングルトンでdelegateを呼ぶよーという意味
(UIApplication.shared.delegate as! AppDelegate)

//つまりこんな感じでAppDelegate内のpersistentContainer内のviewContextを呼びたいだけ
AppDelegate.persistentContainer.viewContext
```

<img width="1233" alt="スクリーンショット 2018-12-23 19.25.46.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/9104519f-ec1b-62b7-43ba-a3ed6328fb95.png">




## viewdidloadの中身のポイント

- NSFetchRequestで取得したいデータの条件を設定する
- *ジェネリックとは？[こちらの記事が個人的には一番わかりやすかったです](https://qiita.com/ktaguchi/items/fc260a0af506f258177d)

```swift
//NSFetchRequestを使って、「任意のEntityの全データを取得する」という取得条件を変数に打ち込む
//<NSFetchRequestResult>の部分はジェネリックという文法らしい
//NSFetchRequestResult型としてNSFetchRequestを処理しますよって感じ
let 取得したいデータの条件 = NSFetchRequest<NSFetchRequestResult>(entityName: "Monster")
```

- fetchを叩いて、データを取得

```swift
//マネージドオブジェクトコンテキストのfetchに先ほどの取得条件を食わせて、返ってきたデータをMonster型に強制ダウンキャスト
//取得したデータをモンスターオブジェクトの配列に入れる
モンスターオブジェクトの配列 = try マネージドオブジェクトコンテキスト.fetch(取得したいデータの条件) as! [Monster]
```

<img width="1417" alt="スクリーンショット 2018-12-23 20.06.22.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/7101f8f7-ad61-bd11-b647-d0ff4ef88b6f.png">



### textFieldShouldReturnの中身のポイント
- 新規に追加したいデータの変数を作る

```swift
//フィールドで作ったマネージドオブジェクトコンテキスト内にMonster型のマネージドオブジェクトを作る
let 新規モンスターオブジェクト = Monster(context: self.マネージドオブジェクトコンテキスト)
```

- テキスドフィールドの内容を新規に作った変数に入れる

```swift
//新規モンスターオブジェクトのmonsterNameプロパティにテキストフィールドのテキストを上書き
新規モンスターオブジェクト.monsterName = テキストフィールド.text
```

- モンスターオブジェクトの配列に新規モンスターオブジェクトを追加する

```swift
//モンスターオブジェクトの配列に新規モンスターオブジェクトを追加する
//これで元々のデータに新規のデータが追加された状態になった
self.モンスターオブジェクトの配列.append(新規モンスターオブジェクト)
```
- マネージドオブジェクトの状態をDBに保存する

```swift
//appdelegateのsaveContextメソッドを使って保存
//saveContextは現在のマネージドオブジェクトの変更内容をDBに反映する
(UIApplication.shared.delegate as! AppDelegate).saveContext()
```
<img width="1407" alt="スクリーンショット 2018-12-23 20.22.24.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/ea1f7587-0f62-ad2b-7528-2ddea9d736ab.png">


# 📱完成！
お疲れ様でした！
完成したら、コメントに「ワッフルワッフル」と叫んでください😆✨

📱📱📱サンプルはこちら📱📱📱
https://github.com/TD3P/TestCoreData

# 📗参考資料

http://glassonion.hatenablog.com/entry/20111015/1318667971
https://qiita.com/Saayaman/items/ea437032afaeddd0cf50
https://hajihaji-lemon.com/smartphone/swift/coredata/

# 🌟ご指摘大歓迎🌟
正直、全然理解できてないです。
ここちゃうで！！っていうとこあったら、教えてもらえると嬉しいです！！

# NextStage!

**🎉TODOアプリを作ってみようシリーズ**

📱SwiftでTableViewを使ってみよう
https://qiita.com/TD3P/items/cafa8e20029047993025

📱Swiftで簡単なTODOアプリを作ってみよう
https://qiita.com/TD3P/items/8f474358d1dd789557f3

📱Swiftでカスタムセルを再利用したTODOアプリを作ってみよう
https://qiita.com/TD3P/items/116a2199b1f872ac6471

📱SwiftでCoreDataを使ったTODOアプリを作ってみよう
https://qiita.com/TD3P/items/adbbeee827995cffd509

📱SwiftでRealmを使ったTODOアプリを作ってみよう
https://qiita.com/TD3P/items/616e0dbd364179ca284b