常連

### 前提・実現したいこと
Realmを使ってスケジュールアプリを作っています。io.realm:realm-gradle-pluginのバージョンを7.0.8から10.0.1にした上で保存ボタンを押下するとio.realm.exceptions.RealmExceptionが発生してアプリがクラッシュします。バージョン7.0.8ではこのようなエラーは起きていませんでした。

### 発生している問題・エラーメッセージ

```
E/AndroidRuntime: FATAL EXCEPTION: main
    Process: com.example.myscheduler, PID: 10772
    io.realm.exceptions.RealmException: Running transactions on the UI thread has been disabled. It can be enabled by setting 'RealmConfiguration.Builder.allowWritesOnUiThread(true)'.
        at io.realm.BaseRealm.checkAllowWritesOnUiThread(BaseRealm.java:541)
        at io.realm.Realm.executeTransaction(Realm.java:1533)
        at com.example.myscheduler.ScheduleEditActivity$onCreate$1.onClick(ScheduleEditActivity.kt:40)
        at android.view.View.performClick(View.java:7448)
        at android.view.View.performClickInternal(View.java:7425)
        at android.view.View.access$3600(View.java:810)
        at android.view.View$PerformClick.run(View.java:28305)
        at android.os.Handler.handleCallback(Handler.java:938)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:223)
        at android.app.ActivityThread.main(ActivityThread.java:7656)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)
```

### 該当のソースコード
MainActivity.kt
```
package com.example.myscheduler

import android.content.Intent
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.recyclerview.widget.LinearLayoutManager
import com.google.android.material.snackbar.Snackbar
import io.realm.Realm
import io.realm.kotlin.where
import kotlinx.android.synthetic.main.activity_main.*
import kotlinx.android.synthetic.main.content_main.*

class MainActivity : AppCompatActivity() {
    private lateinit var realm: Realm

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        setSupportActionBar(toolbar)
        realm = Realm.getDefaultInstance()
        list.layoutManager = LinearLayoutManager(this)
        val schedules = realm.where<Schedule>().findAll()
        val adapter = ScheduleAdapter(schedules)
        list.adapter = adapter

        fab.setOnClickListener { view ->
            val intent = Intent(this, ScheduleEditActivity::class.java)
            startActivity(intent)
        }
        adapter.setOnItemClickListener { id ->
            val intent = Intent(this, ScheduleEditActivity::class.java)
                .putExtra("schedule_id", id)
            startActivity(intent)
        }
    }

    override fun onDestroy() {
        super.onDestroy()
        realm.close()
    }
}
```
MySchedulerApplication.kt
```
package com.example.myscheduler

import android.app.Application
import io.realm.Realm

class MySchedulerApplication : Application() {
    override fun onCreate() {
        super.onCreate()
        Realm.init(this)
    }
}
```
Schedule.kt
```
package com.example.myscheduler

import io.realm.RealmObject
import io.realm.annotations.PrimaryKey
import java.util.*

open class Schedule : RealmObject() {
    @PrimaryKey
    var id: Long = 0
    var date: Date = Date()
    var title: String = ""
    var detail: String = ""
}
```
ScheduleAdapter.kt
```
package com.example.myscheduler

import android.text.format.DateFormat
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView
import io.realm.OrderedRealmCollection
import io.realm.RealmRecyclerViewAdapter

class ScheduleAdapter(data: OrderedRealmCollection<Schedule>) :
    RealmRecyclerViewAdapter<Schedule, ScheduleAdapter.ViewHolder>(data, true) {

    private var listener: ((Long?) -> Unit)? = null
    fun setOnItemClickListener(listener: (Long?) -> Unit) {
        this.listener = listener
    }

    init {
        setHasStableIds(true)
    }

    class ViewHolder(cell: View) : RecyclerView.ViewHolder(cell) {
        val date: TextView = cell.findViewById(android.R.id.text1)
        val title: TextView = cell.findViewById(android.R.id.text2)
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ScheduleAdapter.ViewHolder {
        val infrater = LayoutInflater.from(parent.context)
        val view = infrater.inflate(
            android.R.layout.simple_list_item_2,
            parent, false
        )
        return ViewHolder(view)
    }

    override fun onBindViewHolder(holder: ScheduleAdapter.ViewHolder, position: Int) {
        val schedule: Schedule? = getItem(position)
        holder.date.text = DateFormat.format("yyyy/MM/dd", schedule?.date)
        holder.title.text = schedule?.title
        holder.itemView.setOnClickListener {
            listener?.invoke(schedule?.id)
        }
    }

    override fun getItemId(position: Int): Long {
        return getItem(position)?.id ?: 0
    }
}
```
ScheduleEditActivity.kt
```
package com.example.myscheduler

import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.text.format.DateFormat
import android.view.View
import com.google.android.material.snackbar.Snackbar
import io.realm.Realm
import io.realm.kotlin.createObject
import io.realm.kotlin.where
import kotlinx.android.synthetic.main.activity_schedule_edit.*
import java.text.ParseException
import java.text.SimpleDateFormat
import java.util.*

class ScheduleEditActivity : AppCompatActivity() {
    private lateinit var realm: Realm

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_schedule_edit)
        realm = Realm.getDefaultInstance()

        val scheduleId = intent?.getLongExtra("schedule_id", -1L)
        if (scheduleId != -1L) {
            val schedule = realm.where<Schedule>()
                .equalTo("id", scheduleId).findFirst()
            dateEdit.setText(DateFormat.format("yyyy/MM/dd", schedule?.date))
            titleEdit.setText(schedule?.title)
            detailEdit.setText(schedule?.detail)
            delete.visibility = View.VISIBLE
        } else {
            delete.visibility = View.INVISIBLE
        }

        save.setOnClickListener { view: View ->
            when (scheduleId) {
                -1L -> {
                    realm.executeTransaction { db: Realm ->
                        val maxId = db.where<Schedule>().max("id")
                        val nextId = (maxId?.toLong() ?: 0L) + 1
                        val schedule = db.createObject<Schedule>(nextId)
                        val date = dateEdit.text.toString().toDate("yyyy/MM/dd")
                        if (date != null) schedule.date = date
                        schedule.title = titleEdit.text.toString()
                        schedule.detail = detailEdit.text.toString()
                    }
                    Snackbar.make(view, "追加しました", Snackbar.LENGTH_SHORT)
                        .setAction("戻る") { finish() }
                        .setActionTextColor(Color.YELLOW)
                        .show()
                }
                else -> {
                    realm.executeTransaction { db: Realm ->
                        val schedule = db.where<Schedule>()
                            .equalTo("id", scheduleId).findFirst()
                        val date = dateEdit.text.toString()
                            .toDate("yyyy/MM/dd")
                        if (date != null) schedule?.date = date
                        schedule?.title = titleEdit.text.toString()
                        schedule?.detail = detailEdit.text.toString()

                    }
                    Snackbar.make(view, "修正しました", Snackbar.LENGTH_SHORT)
                        .setAction("戻る") { finish() }
                        .setActionTextColor(Color.YELLOW)
                        .show()
                }
            }
        }
        delete.setOnClickListener { view: View ->
            realm.executeTransaction { db: Realm ->
                db.where<Schedule>().equalTo("id", scheduleId)
                    ?.findFirst()
                    ?.deleteFromRealm()
            }
            Snackbar.make(view, "削除しました", Snackbar.LENGTH_SHORT)
                .setAction("戻る") { finish() }
                .setActionTextColor(Color.YELLOW)
                .show()
        }
    }

    override fun onDestroy() {
        super.onDestroy()
        realm.close()
    }

    private fun String.toDate(pattern: String = "yyyy/MM/dd HH:mm"): Date? {
        return try {
            SimpleDateFormat(pattern).parse(this)
        } catch (e: IllegalArgumentException) {
            return null
        } catch (e: ParseException) {
            return null
        }
    }
}
```
### 試したこと

公式のドキュメントを見たりググったりしましたが、具体的な解決方法が理解できず困っています。解決方法をご教示頂けますと幸いです。

### 補足情報（FW/ツールのバージョンなど）

・Android Studio 4.1.1
・Kotlin 1.4.20
・io.realm:realm-gradle-plugin 10.0.1
・io.realm:android-adapters 4.0.0

Realmを7.0.8から10.0.1に変更するとio.realm.exceptions.RealmExceptionが発生してアプリがクラッシュする

Reactの学習をしており、コンポネントを作成したのですが想定どおりの動きをさせるために何をすれば良いのかアドバイスいただければと存じます。

#### 想定している動き
下記のようなページで、左側の「rakuten」や「amazon」の文字列をhoverしたときに、
右側のiframe内にそれぞれのwebサイトが表示されるようにしたいです。

![画面イメージ](4967e77bd8708d181ebced315cfa1e3d.png)


#### 下記のようにコードを書いてみましたが、、
`Expected an assignment or function call and instead saw an expression  no-unused-expressions`
というエラーになってしまいます。
```React
import React from 'react';
import './menu.scss'

const CONTENTS_JSON = `[
    {
        "id": 1,
        "title": "amazon",
        "content":"https://www.amazon.co.jp/"
    },
    {
        "id": 2,
        "title": "rakuten",
        "content": "https://www.rakuten.co.jp/"
    },
]`;

const ShowCase = ({title, content, isOpen, onMouseOver}) => (
    <div onMouseOver={onMouseOver}>
        <p>{title}</p>
        {isOpen && <iframe class='showcase' title={title} src={content}></iframe>}
    </div>
)


class MenuNew extends React.Component {
    constructor(props){
        super(props);
        this.contents = JSON.parse(CONTENTS_JSON);
        // idを配列で持てるようにする
        this.state = {
            openIds: []
        }
        this.mouseOver = this.mouseOver.bind(this);
    }
    mouseOver(id){
        // 分割代入
        let {openIds} = this.state;
        openIds = openIds.includes(id) ? openIds.filter(e => e !== id) : [...openIds, id];
        this.setState({ openIds });
    }
    render(){
        return(
            <div className='main'>
                <div>
                    {this.contents.map(q => {
                        <ShowCase
                            key={q.id}
                            title={q.title}
                            content={q.content}
                            onMouseOver={() => {this.mouseOver(q.id)}}
                            isOpen={this.state.openIds.includes(q.id)}
                        />
                    })}
                </div>
            </div>
        );
    }
}

export default MenuNew;
```
想定している動きを実現させるためにはどのような方法がありますでしょうか？
アドバイスいただけますと嬉しいです。

#### → 想定した動きを実現できました
新しいコンポネントを作り直してしまったので、上記のコードと大分変わってしまいましたが、
「文字列をhoverしたときに、iframe内にそれぞれのwebサイトが表示されるように」できました。
また、jsonファイルはsrc配下に別ファイルとして持たせています。
```React
import React from 'react';
import data from './sample.json';

const Show = ({ title, url, isOpen, onMouseOver }) => (
  <div>
      <p onMouseOver={onMouseOver}>{title}</p>
      {isOpen && <iframe src={url}/>}
  </div>
);

class App extends React.Component {
  constructor(props){
    super(props);
    this.json = data;
      this.state={
        openIds: []
      }
      this.handleChange = this.handleChange.bind(this);
  }
  handleChange(id){
    let { openIds } = this.state;
    openIds = openIds.includes(id) ? openIds.filter(e => e !== id) : [...openIds, id];
    this.setState({ openIds });
  }
  render(){
    return(
      <div>
        {this.json.map(q => (
          <Show
            key={q.id}
            title={q.title}
            url={q.url}
            isOpen={this.state.openIds.includes(q.id)}
            onMouseOver={() => { this.handleChange(q.id); }}
          />
        ))}
      </div>
    )
  }
}
export default App;
```

```json
[
    {
        "id": "1",
        "title": "Green RGBA model",
        "url": "http://www.flatuicolorpicker.com/green-rgba-color-model"
    },
    {
        "id": "2",
        "title": "HTML color code",
        "url": "https://html-color-codes.info/japanese/"

    }

]
```

出力はこんな感じです。
![イメージ説明](00215bc6435566ab18666078b672e839.png)

Reactでiframeを使いたい（解決済み　成功コード追記）

Android アプリ開発初学です
初質問のため至らない点あれば申し訳ありません

**実現したいこと**
Realmを用いたデータべースをRecyclerViewに表示させるために
"io.realm:android-adapters:4.0.0"という追加コンポーネントを
導入したい

**問題**
BuildGradle(app)で"io.realm:android-adapters:4.0.0"を導入し
プログラムを実行すると次のようなエラーを吐きます

```ここに言語を入力
> Task :app:writeDebugSigningConfigVersions UP-TO-DATE

FAILURE: Build completed with 8 failures.

1: Task failed with an exception.
-----------
* What went wrong:
Execution failed for task ':app:dataBindingMergeDependencyArtifactsDebug'.
> Could not resolve all files for configuration ':app:debugCompileClasspath'.
   > Could not find io.realm:android-adapters:4.0.0.
     Required by:
         project :app

* Try:
Run with --info or --debug option to get more log output. Run with --scan to get full insights.

文字数制限のため省略
以下同じエラーの繰り返し
```

GradleのSync時には以下のwarningが出ます
```
Failed to resolve: io.realm:android-adapters:4.0.0
Show in Project Structure dialog
Affected Modules: app
```
**コード**
以下がGradleのコードです
```buildGradle
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
    repositories {
        jcenter()
    }
    dependencies {

        classpath 'com.android.tools.build:gradle:7.1.3'
        classpath"io.realm:realm-gradle-plugin:10.9.0"
    }
}

plugins {
    id 'com.android.application' version '7.1.2' apply false
    id 'com.android.library' version '7.1.2' apply false
    id 'org.jetbrains.kotlin.android' version '1.5.30' apply false
}

task clean(type: Delete) {
    delete rootProject.buildDir
}
```
以下がGradle(app)のコード
```buildGradle(app)
plugins {
    id 'com.android.application'
    id 'org.jetbrains.kotlin.android'

    id 'kotlin-kapt'
    id 'realm-android'
}

android {
    compileSdk 32

    defaultConfig {
        applicationId "com.example.myrealmtest"
        minSdk 21
        targetSdk 32
        versionCode 1
        versionName "1.0"

        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
    kotlinOptions {
        jvmTarget = '1.8'
    }
    buildFeatures {
        viewBinding true
    }
}

dependencies {
    implementation 'androidx.core:core-ktx:1.7.0'
    implementation 'androidx.appcompat:appcompat:1.4.1'
    implementation 'com.google.android.material:material:1.5.0'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.3'
    implementation 'androidx.navigation:navigation-fragment-ktx:2.4.2'
    implementation 'androidx.navigation:navigation-ui-ktx:2.4.2'
    implementation"io.realm:android-adapters:4.0.0"
    testImplementation 'junit:junit:4.13.2'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
}

```


他、XMLやkotlinクラスは、projectの作成時から変更していないため
省略します。必要なら記載します。

**開発環境**
Android Studio Version最新
Android Gradle Plugin Version7.1.3
Gradle Version7.4.2

**試したこと**
ググってみて、具体的な解決方法が理解できず困っています。
解決方法をご教示頂けますと幸いです。

後学のためにアドバイス等もいただけたら
ありがたいです。

どうか宜しくお願い致します。


realm:android-adapters を導入するとエラーを吐く

お世話になります。
現在、以下のような総当たり戦表のようなデータを保存するためのDBをMySQLで設計したいと考えています。

![総当たり戦表](59f86010c64065ce458379f3e222a4e7.gif)

###１つのチームに持たせたい情報
- チーム名
- 相手チームとの勝敗

###現在の課題
例：
Aチームに対する勝敗データの持ち方として、
Bとの勝敗、Cとの勝敗・・・
とチーム分のカラムを用意して勝敗フラグを持たせる

という方法ではチームが増えたときにカラムを新たに増やす必要があり、
スマートではないと思っています。


このようなデータ設計を考えた場合、
どのような設計方法が良いのでしょうか。

データベース設計の勉強中の身なので、
初歩的な質問かもしれませんが、知恵をお貸しいただけると幸いです。

総当たり戦表のデータベース設計について

### 実現したいこと
現在realmを用いて画像の保存・表示を行いたいと考えています。
モデルの中身は以下です。
```Swift
import Foundation
import RealmSwift

class MyModel: Object {
    @objc dynamic var imageURL: String = ""
    @objc dynamic var id: String = UUID().uuidString
    override static func primaryKey() -> String? {
        return "id"
    }
}

```

### 発生している問題・分からないこと
画像の保存及び取得はできているのですが、imageViewに画像をpathから表示するときにnilになってしまい、imageViewに画像が表示されません。表示する際のimageView.imageがnilになっているので、filePath!というパス名の画像はない（UIImage(contentsOfFile: filePath!)がnilになっている）ために起きていると思うのですが、解決方法がわかりません。
お力添えをいただけますと幸いです。



### 該当のソースコード

```Swift
//　保存
var documentDirectoryFileURL = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)[0]
    let filePath = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true)[0]
    
func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
        if results.count != 0 {
            results[0].itemProvider.loadDataRepresentation(forTypeIdentifier: "public.image") { data, _ in
                DispatchQueue.main.async {
                    if let imageData = data, let image = UIImage(data: imageData) {
                        self.imageView.image = image
                        
                        let model = MyModel()
                        do {
                            self.saveImage()
                            try model.imageURL = self.documentDirectoryFileURL.absoluteString
                            print("successfully saved image!")
                        } catch {
                            print("Failed to save image")
                        }
                        try! self.realm.write({
                            self.realm.add(model)
                        })
                        print("model: ", model)
                    }
                }
            }
        }
        picker.dismiss(animated: true)
    }

    func createLocalDataFile() {
        let fileName = "\(UUID().uuidString).png"
        if documentDirectoryFileURL != nil   {
            let path = documentDirectoryFileURL.appendingPathComponent(fileName)
            documentDirectoryFileURL = path
        }
    }
    
    func saveImage() {
        createLocalDataFile()
        let pngImageData = imageView.image?.pngData()
        do {
            try pngImageData?.write(to: documentDirectoryFileURL)
        } catch {
            print("error")
        }
    }
```

```Swift
// 表示
var itemList: Results<MyModel>!
override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        itemList = realm.objects(MyModel.self)
        print("itemList: ", itemList!)
        if (itemList.count != 0) {
            let fileURL = URL(string: itemList[0].imageURL)
            print("fileURL: ", fileURL!)
            do {
                let data = try Data(contentsOf: fileURL!)
                print("data: ", data)
                let image = UIImage(data: data)
                imageView.image = image
            } catch let err {
                print("Error: \(err.localizedDescription)")
            }
        }
    }
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
画像を保存した時及び表示する際の出力結果は以下のようになりました。
```
// 保存時
successfully saved image!
model:  MyModel {
	imageURL = file:///....../37AC5833-DE4F-4321-8A87-3734F28C51B9/Documents/0D41ED77-C001-45DA-814D-D79F96358C5B.png;
	id = 6EC2C4AD-8657-45C6-BC41-9BE24AB7F268;
}

```
```
// 表示 - Modelの中身
itemList:  Results<MyModel> <0x7f9544413830> (
	[0] MyModel {
		imageURL = file:///....../37AC5833-DE4F-4321-8A87-3734F28C51B9/Documents/0D41ED77-C001-45DA-814D-D79F96358C5B.png;
		id = 6EC2C4AD-8657-45C6-BC41-9BE24AB7F268;
	}
)
// 表示 - URL
fileURL:  file:///.../37AC5833-DE4F-4321-8A87-3734F28C51B9/Documents/0D41ED77-C001-45DA-814D-D79F96358C5B.png
```

表示する際にコンソールに以下のように出力されました。
> Error: The file “0D41ED77-C001-45DA-814D-D79F96358C5B.png” couldn’t be opened because there is no such file.

また、Finderから保存されている写真を探したところ、添付写真の場所にあったのですが、これは保存してあるURLと違うフォルダ名になっていましたので、これが原因かと思います。（添付写真で選択している部分のフォルダ名が違う）
該当部分のフォルダ名は実行するたびに変わってしまっているため、写真が指定されたパスに存在しないとなってしまっています。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-08-27/5946dfa6-a581-44ce-860f-46c9bfe8a202.png)

### 補足
参考にしたサイトは以下です。
- [Swift Realm- リストで画像の保存・表示・削除](https://zenn.dev/kazushino/articles/90bafb36f07fb2)
- [【Swift】Realmを使って画像データの保存と表示を実装する](https://qiita.com/Harx02663971/items/0f18c53a9aa948fbb8cd)
- [ファイルPathとファイルURL](https://galakutaapp.blogspot.com/2017/11/pathurl.html)

[Swift] realmを用いた画像の保存・表示

Realmでソート処理を実装したく、ネット検索したのですが、思うような解説が見つかりませんでした。

ＤＢのあいうえお順並び替え、ＡＢＣ順並び替えや、
文字入力欄を用意し、ＤＢ内からそこに入力した文字が含まれるものをソートして表示する。
お気に入り機能を追加し、お気に入り登録したものを優先的に表示する。
などの処理の実装を考えています。

何か参考になるサイトなどありませんでしょうか？

Realmでソート処理をしたい

###前提・実現したいこと
初心者です。
Realmに登録したDate()のデータから日付を指定して抽出・表示したいのですが、よくわからず立ち止まっています。
よろしくお願いします。



###該当のソースコード


###試したこと
NSPredicateを使って前方一致？BEGINSWITH？を使い抽出しようと…
→ どの様に書けばいいのか解らず。検索するも方法が間違っているのか、色々書いてみた考え方が間違っているのかすら理解できていません。
→ 散々考えた数時間の結果、BEGINSWITHはDate()型には使えない…Data()型と読み違えていたことに気がつきました…
→ Stringで登録・BEGINSWITHでソートするか、Date()型のままBETWEENで抽出するか調べています。
→ TimeInterval型を調べています。

###補足情報(言語/FW/ツール等のバージョンなど)
Swift3.0 Xcode8.2.1 RealmSwift2.4.3

RealmSwiftで特定日付のデータを抽出する方法を知りたい

RealmSwiftを使ってアプリを作成しています。

リレーションのあるデータを削除する際に、下記の実装だとクラッシュしてしまいました。
エラーは下記です。
> Thread 1: Exception: "The RLMArray has been invalidated or the object containing it has been deleted."

UnderlayerItemのみの削除であれば削除できました。
どうすれば、クラッシュせずに削除できるでしょうか？

```swift
struct ListView: View {
    @ObservedObject private var fetcher = Fetcher()
    @State private var title = ""

    var body: some View {
        NavigationView {
            VStack {
                TextField("タイトルを入力", text: $title) {
                    let item = Item()
                    item.title = self.title
                    let realm = try! Realm()
                    try! realm.write {
                        realm.add(item)
                    }
                    self.title = ""
                }
                
                ForEach(self.fetcher.items) { (item: Item) in
                    NavigationLink(destination: DetailView(item: item, id: item.id)) {
                        Text(item.title)
                    }
                }
            }
        }
    }
}
```

```swift
struct DetailView: View {
    var item: Item
    var id: String
    @State private var title = ""
    @ObservedObject private var fetcher = Fetcher()
    @Environment(.presentationMode) private var presentationMode: Binding<PresentationMode>

    var body: some View {
        VStack {
            TextField("タイトルを入力", text: $title) {
                let realm = try! Realm()
                
                if let item = realm.objects(Item.self).filter("id == '(self.id)'").first {
                    try! realm.write() {
                        let underlayerItem = UnderlayerItem()
                        underlayerItem.title = self.title
                        item.underlayerItems.append(underlayerItem)
                    }
                }
                self.title = ""
            }
            
            ForEach(self.item.underlayerItems) { (underlayerItems: UnderlayerItem) in
                Text(underlayerItems.title)
            }
            
            Button(action: {
                self.presentationMode.wrappedValue.dismiss()
                self.fetcher.delete(id: self.id)
            }) {
                Text("Delete")
            }
        }
    }
}

```

```swift
class Fetcher: ObservableObject {
    var realm = try! Realm()
    var objectWillChange: ObservableObjectPublisher = .init()
    private(set) var items: Results<Item>
    private var notificationTokens: [NotificationToken] = []

    init() {
        items = realm.objects(Item.self)

        notificationTokens.append(items.observe { _ in
            self.objectWillChange.send()
        })
    }

    func delete(id: String) {
        guard let item = realm.objects(Item.self).filter("id == '(id)'").first else { return }
        try! realm.write() {
            realm.delete(item.underlayerItems)
            realm.delete(item)
        }
    }
}
```

```Swift

class Item: Object, Identifiable {
    @objc dynamic var id = NSUUID().uuidString
    @objc dynamic var title = ""
    @objc dynamic var createdAt = NSDate()
    
    let underlayerItems: List<UnderlayerItem> = List<UnderlayerItem>()
    
    override static func primaryKey() -> String? {
        return "id"
    }
}

class UnderlayerItem: Object, Identifiable {
    @objc dynamic var id = NSUUID().uuidString
    @objc dynamic var title = ""
    @objc dynamic var createdAt = NSDate()

    override static func primaryKey() -> String? {
        return "id"
    }
}
```