【Swift/Xcode】超初心者向け！RealmSwiftの使い方〜たったの3ステップで簡単なデータベースアプリを作成〜

Xcodeを起動して、Create a new Xcode project > App

任意のところに保存

はい、これでプロジェクトが完成しました！

以下の記事を手順通りやってインストールしましょう！

【CocoaPods】超初心者向け！CocoaPodsのインストールの仕方と使い方を丁寧に解説

一旦Xcodeを閉じてから、以下のように、白い方(HelloRealm.xcworkspace)を開いてください。

9行目あたり、import UIKitの下に以下のコードを追記して下さい。

import RealmSwift

これで、このファイルでRealmが使えるようになりました。しかし、書いただけではエラーがでます。ビルドをしましょう。

command + bでビルドをしましょう。

これでエラーが出なくなったと思います。

これでRealmのインストールされてることが確認できました。

Main.storyboardで5つのオブジェクトを配置します。

①②TextFieldを二つ配置

③Buttonを配置

④TableViewを配置←順番に気をつける

⑤TableViewの上に、TableViewCellを配置

TextFieldをやや広げて、ボタンをいい感じにボタンっぽくしましょう。

TableViewのdataSourceとdelegateをViewControllerにドラッグ&ドロップしましょう。

①TableViewCellを選択

② （Show the Attributes inspector）をクリック

③「Style」をRight Detailに変更

④「identifier」にCellと入力

①一番最初のTextFieldは、Class ViewCont~~の下にtextField1という名前で紐付け

②2番目のTextFieldは、①の下にtextField2という名前で紐付け

③TableViewは、②の下にtableViewという名前で紐付け

④Buttonは、21行目と22行目の間にaddButtonActionという名前で紐付け

①Class ViewController: UIView~~~を以下のように書き換えましょう。

class ViewController: UIViewController, UITableViewDataSource {

これで、Class内でTableを使えるようにしています。

②@IBAction func addButtonActionのブロックの下に以下のメソッドを追記

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

これで、Tableのセルの数を決めています。

③先ほど追記したブロックの下に以下のメソッドを追記

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    return cell
}

これで、テーブルが表示されるようになりました！

ただのテキストフィールドだとわかりにくいのでヒントをつけてあげましょう。

まずは、データを入れる箱(ファイル)を作ります。

File > New > File...でファイルを作成します。

①SwiftFileを選択

②「Next」

①「Save As:」にUser.swiftと入力

②そのまま「Create」

User.swiftのimport Foundationの下に以下のコードを追記しましょう。

import RealmSwift

class User: Object {
    @objc dynamic var name = ""
    @objc dynamic var age = 0
}

データを入れる大きな箱(User)を用意して、その中に、「name」と「age」という小さな箱を入れたというイメージです。

これでデータを入れる箱ができました。

@IBOutlet weak var tableView:~~の下に以下の改行を一つ開けて以下のコードを追記しましょう。

let realm = try! Realm()

起動したら、データベースの中身をコンソールに表示するようにします。

textField2.placeholder = "年齢~~~の下に改行を一つ入れて以下のコードを追記してください。

let userData = realm.objects(User.self)
print("🟥全てのデータ\(userData)")

①iPhone11に変更（AutoLayoutを省いたので、iPhone11以外はレイアウトが崩れる可能性あり！）

②再生ボタンをクリック

①右下の  をクリックしてコンソールを表示

②確認

まだ、何もデータを入れていないので、{}内に何も表示されません。

ボタンを押したら、先ほど用意したデータの箱にテキストフィールドに入力された値を書き込む処理を追記しましょう。

@IBAction func addButtonActionの中に以下のコードを追記しましょう。

let user = User()
user.name = textField1.text!
user.age = Int(textField2.text!)!
try! realm.write {
    realm.add(user)
}

もう一回実行してみましょう。

先ほど、データを追加したので、コンソールにデータが表示されていると思います。

①func tableView(_ tableView: UITableView, numberOfRowsInSection~~のブロックを以下のように変更しましょう。

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    let userData = realm.objects(User.self)
    return userData.count
}

これで、データがあるだけセルを作るようにします。

②先ほどのブロックの下のfunc tableView(_ tableView: UITableView, cellForRowAtのブロックを以下のように変更しましょう。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    let userData = realm.objects(User.self)
    cell.textLabel!.text = "\(userData[indexPath.row].name)さん"
    cell.detailTextLabel!.text = String("\(userData[indexPath.row].age)歳")
    return cell
}

これで、データベースからデータを取得して、左側のテキストに名前を、右側のテキストに年齢を代入しています。

@IBActionのなかの下の方に、以下のコードを追記してください。

textField1.text = ""
textField2.text = ""

ボタンを押してデータを追加した後、テキストフィールドに空文字を代入することでリセットできます。

テーブルをリセットしましょう。

先ほど書いたテキストフィールドのリセットの処理の下に以下のコードを追記してください。

tableView.reloadData()

この1行だけで、テーブルを再取得できます。

データを入力して追加ボタンを押すと、テーブルにデータが追加されるようになったと思います！

これでアプリが完成しました！