swiftで日記アプリを作成したい。画面遷移の値渡しや、日記の編集ができなくて困っています。

Question

◇環境
【Xcode】11.4【macOS】　Catalina　10.15.4【Swift】5.2【iOS】13.３.1

◇実現したいこと
tableviewを用いた日記アプリの作成

TableViewのセルをタップした時に、別画面に遷移させたい。（←できました）
遷移させる際にセルの情報を取得したい。（←できません）
編集した情報を上書きする（←見当がつきません）

◇実行したこと（参考にしたHP）
https://qiita.com/pe-ta/items/8f474358d1dd789557f3
このページを参考にしてuserdefaultを用いたテーブルを作成しました

https://teratail.com/questions/219454
このページを参考にしてcellをタップして画面遷移・値渡しのコードを作成しました

◇実行したコマンド、エラーログ

ここでCannot force unwrap value of non-optional type 'String'のエラーログが出てしまうのですが改善方法がわかりません。

   //画面遷移後に値渡しを行う
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        let watasi:AddViewController = (segue.destination as? AddViewController)!
        watasi.watasitext = selectedtext!
    }

日記のリスト画面の制御コードです

import UIKit

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource  {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        nikkinaiyou.count
    }
    
    //セルの再利用とリストに表示するアクション
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let nikkicell = tableView.dequeueReusableCell(withIdentifier: "nikkicell", for: indexPath)
        nikkicell.textLabel!.text = nikkinaiyou[indexPath.row]
        return nikkicell
 }
    
    var selectedtext:String = ""
    
    //選んだセルの特定と画面遷移
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        selectedtext = nikkinaiyou[indexPath.row]
        performSegue(withIdentifier: "edit", sender: nil)
       }
    
    //画面遷移後に値渡しを行う
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        let watasi:AddViewController = (segue.destination as? AddViewController)!
        watasi.watasitext = selectedtext!
    }

    //画面が開かれたときに行われるアクション
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        if  UserDefaults.standard.object (forKey: "kagi") != nil{ nikkinaiyou = UserDefaults.standard.object (forKey: "kagi") as! [String]}
    }
}

追加編集画面の制御コードです

import UIKit
var nikkinaiyou = [String]()
class AddViewController: UIViewController {

    
    @IBOutlet weak var nikkiText: UITextField!
    
    //値を受け取る箱
    var watasitext:String = ""
    
    //追加ボタンを押したときのアクション
    @IBAction func addbutton(_ sender: Any) {
        nikkinaiyou.append(nikkiText.text!)
        UserDefaults.standard.set(nikkinaiyou, forKey: "kagi")
        }
    
    //画面を開いたときに起こるアクション
    override func viewDidLoad() {
        super.viewDidLoad()
        nikkiText.text = watasitext

    }
}

追加画像

ご質問がありましたので追記します。

＞矢印が多いのと、両画面ともmodalなのは意図してやってることですか？
遷移形式のことでしょうか。画像のようにshowで遷移させています。

＞参考にされてるページも...ですが、参考にされてるページとだいぶ違っているように見えますよ。
参考にしたページだけの情報では意図したものが作れなかったので試行錯誤しました。

＞３つのメソッド内で変数の値を調べて、コンソールに表示される文字を教えて下さい。
すみません、おっしゃっている意味がよくわからないです。

＞そのあと、"あああ"と打ったらうまくいくという方法で同じことを行って、結果を教えて下さい。
値が遷移画面に表示されないコード

    //画面遷移後に値渡しを行う
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        let watasi:AddViewController = (segue.destination as? AddViewController)!
        watasi.watasitext = selectedtext
       
    }

値が遷移画面に表示されるコード

    //画面遷移後に値渡しを行う
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        let watasi:AddViewController = (segue.destination as? AddViewController)!
        watasi.watasitext = "あああ"
       
    }

入力したコードです

import UIKit

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource  {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        nikkinaiyou.count
    }
    
    //セルの再利用とリストに表示するアクション
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let nikkicell = tableView.dequeueReusableCell(withIdentifier: "nikkicell", for: indexPath)
        nikkicell.textLabel!.text = nikkinaiyou[indexPath.row]
        return nikkicell
 }
    
    var selectedtext:String = ""
    
    //選んだセルの特定と画面遷移
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        selectedtext = nikkinaiyou[indexPath.row]
        print("didSelectRowAt/selectedtext: (selectedtext)")
        performSegue(withIdentifier: "edit", sender: nil)
       
       }
    
    //画面遷移後に値渡しを行う
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        print("didSelectRowAt/selectedtext: (selectedtext)")
        let watasi:AddViewController = (segue.destination as? AddViewController)!
        watasi.watasitext = selectedtext
       
    }

    //画面が開かれたときに行われるアクション
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        if  UserDefaults.standard.object (forKey: "kagi") != nil{ nikkinaiyou = UserDefaults.standard.object (forKey: "kagi") as! [String]}
       print("didSelectRowAt/selectedtext: (selectedtext)")
    }
}

tretを選んだときに出力されたものです。

すみません、これでどうでしょうか。

segueの詳細です。

追記です

・unsegueを使って「戻る」仕様にしました
・条件分岐をつけて２画面に分けました

いろいろ試行錯誤してみましたが「作成」はできても「編集」というのは難しいように感じています。
アプローチを変えてrealmを使おうかと考えています。他にいい案ありましたら教えて下さい。

Answer 1

エラーが出てる部分の、watasi.watasitext = selectedtext!の最後の!を削除して実行したらどうなりますか？

---

追記

矢印が多いのと、両画面ともmodalなのは意図してやってることですか？
参考にされてるページも...ですが、参考にされてるページとだいぶ違っているように見えますよ。

３つのメソッド内で変数の値を調べて、コンソールに表示される文字を教えて下さい。
そのあと、"あああ"と打ったらうまくいくという方法で同じことを行って、結果を教えて下さい。

　　　//選んだセルの特定と画面遷移
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        selectedtext = nikkinaiyou[indexPath.row]
        print("didSelectRowAt/selectedtext: (selectedtext)"　 // <= 追加して
        performSegue(withIdentifier: "edit", sender: nil)
    }

    //画面遷移後に値渡しを行う
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        print("prepare/selectedtext: (selectedtext)" // <= 追加して
        let watasi:AddViewController = (segue.destination as? AddViewController)!
        watasi.watasitext = selectedtext!
    }

class AddViewController: UIViewController {

    //画面を開いたときに起こるアクション
    override func viewDidLoad() {
        super.viewDidLoad()
　　　　 print("AddViewController/watasitext: (watasitext)"　// <= 追加して
        nikkiText.text = watasitext

    }
}

---

追記

矢印１本でもできますが、どうしても２本でやりたいなら↓のようにしたら？
セグエの矢印には別々のidentifierを設定してください。
セルからVCに矢印を貼るとdidSelect内のコードが動く前に遷移します。

//選んだセルの特定と画面遷移
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    let str: = nikkinaiyou[indexPath.row]
    // identifierが"edit"のセグエの矢印を実行する
    performSegue(withIdentifier: "edit", sender: str)
}

//画面遷移後に値渡しを行う
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
    if segue.identifier == "edit" {
　　　　　// identifierが"edit"のセグエの矢印を実行する場合のみ値を遷移先にわたす。
        let str: String? = sender as? String
        let vc = segue.destination as? AddViewController
        vc?. watasitext = str
    }
}

戻ってくる処理はいまのままだと無限ぐるぐるになってるので、unwindSegueで設定し直してください。
storyBoard上の戻ってくる矢印は不要です。

古いけどなんとかなるでしょ

また、遷移先で一つのボタンで編集と新規作成行う(戻る処理)ようですが、このままだとプログラムがどちらの処理なのかわからないので、そのへんを切り分ける処理も必要になります。

もう用意してあればいいですが。

---

追記

面倒なので、適当に作ったの置いときます。参考にでもしてみてください。

gitHub

これができないのに新しいものに手を出してなにかできるとは思えませんが…。

Comments

[Daisuke0315]

お返事ありがとうございます。

なにも表示されません。
仮に
watasi.watasitext = "ああ"

などであれば正常に動作します。

[退会済みユーザー]

didSelectRowAtの中にprint(nikkinaiyou[indexPath.row])ってタイプして遷移させると、コンソールには何が表示されますか？

[Daisuke0315]

画像を追加しましたが、選んだセルの内容がコンソールに出力されます

[退会済みユーザー]

遷移してないように見えるけど、なんで？

[Daisuke0315]

誤解させてしまう画像ですみません。
この画像は遷移して戻ってきたところをスクショしたものです。

[Daisuke0315]

ご質問に対して編集して回答しました。

[退会済みユーザー]

print(ホニャララ)を３ついれたので、該当箇所をコピペして、コンソールに出力された文字列を教えて下さい

[Daisuke0315]

編集して回答しました。

[退会済みユーザー]

ラベルつけといたのに、全部同じのコピペしたらわかりませ〜ん

[Daisuke0315]

すみません、理解できてなかったです。これでどうでしょうか。

[退会済みユーザー]

文字列を画像で貼るのはやめてください。

２本矢印が左から右につながってるでしょ、それを消してきちんとつなげ直してください。
各printを間違えなく貼ってくれているとしたらですが、
一本はセルから右のVCにつないであって、もう一本にはVCからVCにつないであるように感じます。
きちんとというのは、参考にした記事をよく読んでそのとおりにつなげてくださいという意味です。

それと戻ってくる矢印もそれじゃどうしようもないので、unwindSegueあたりでつなげてあげてください。
メソッドがちょっと変わったみたいだけど、あとで調べてリンクでも貼っときます

[Daisuke0315]

左から右に出ている二本のsegueはセルを選んだときのものと新規作成するときのものです。
伝わりづらいかもしれませんので画像を貼っておきます。

[退会済みユーザー]

あー上の矢印は新規で使うのね、じゃあ、下を貼り直して、identifierをつけてあげて、
現状セルをタップすると、２つとも動いてるから、片方だけうごくようにしてください

[Daisuke0315]

編集して回答しました。

[Daisuke0315]

ありがとうございます、意図したものです。この方法では不可能だと思っていました。upして頂いたものを読み解いて改めてまとめなおしたいと思います。

Answer 2

◇実現したいこと
tableviewを用いた日記アプリの作成

TableViewのセルをタップした時に、別画面に遷移させたい。（←できました）
遷移させる際にセルの情報を取得したい。（←できました）
編集した情報を上書きする（←できました）

教えていただいたことを参考にして試行錯誤して実現することができました。
感謝の報告と備忘録を兼ねてまとめていきたいと思います。

動きはしますが動き方もおかしいところがありますので、指摘いただけると嬉しいです。

◇難しかったところ

・テーブル作成方法について
１．何行のテーブルか決める
２．セルに何が書かれるか決める

・ストーリーボードを利用しない画面遷移の方法について
１．ストーリーボードにidをつける
２．どの画面に遷移するか紐付ける
３．どのように遷移するか決める

・テーブルセルを用いた画面遷移について
１．どのセルを押されたらアクションをするか決める

一人で考えていたら全然できませんでした。質問に答えていただき感謝しています。

ViewController

import UIKit

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {
    var 日記を入れる箱:[String] = ["テスト","aaa"]
    
    var インデックスパスを返してもらう箱 = 0
    var どこから来たかを受け取る箱 = ""
    @IBAction func unwindToTop(segue: UIStoryboardSegue) {
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 日記を入れる箱.count
    }
    @IBOutlet weak var リストテーブル: UITableView!
    
    func tableView(_ リストテーブル: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let セル = リストテーブル.dequeueReusableCell(withIdentifier: "セル", for: indexPath)
        
        セル.textLabel?.text = 日記を入れる箱[indexPath.row]
        return セル
    }
    func tableView(_ リストテーブル: UITableView, didSelectRowAt indexPath: IndexPath) {
        let リストから編集へ = self.storyboard?.instantiateViewController(identifier: "HenshuuViewController") as! HenshuuViewController
        リストから編集へ.編集したい内容を受け取る箱 = 日記を入れる箱[indexPath.row]
        リストから編集へ.インデックスパスを受け取る箱 = indexPath.row
        self.present(リストから編集へ, animated: true, completion: nil)
    }
           
    @IBAction func 新規移動ボタン(_ sender: Any) {
        let リストから新規作成へ = self.storyboard?.instantiateViewController(identifier: "SinkiViewController") as! SinkiViewController
        self.present(リストから新規作成へ, animated: true, completion: nil)
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        日記を入れる箱 = UserDefaults.standard.array(forKey: "鍵") as! [String]
            
        
    }
    override func viewWillAppear(_ animated: Bool) {
           super.viewWillAppear(animated)
    
          
       }

}

HenshuuViewController

import UIKit

class HenshuuViewController: UIViewController {
    @IBOutlet weak var 編集する内容: UITextView!
    var 編集したい内容を受け取る箱:String = ""
    var 日記を入れる箱 = UserDefaults.standard.array(forKey: "鍵") as! [String]

    var インデックスパスを受け取る箱:Int = 0
    override func viewDidLoad() {
        
        super.viewDidLoad()
        編集する内容.text = 編集したい内容を受け取る箱

        // Do any additional setup after loading the view.
    }
    
    @IBAction func 編集ボタン(_ sender: Any) {
        let 編集からリストへ = self.storyboard?.instantiateViewController(identifier: "ViewController") as! ViewController
        日記を入れる箱[インデックスパスを受け取る箱] = 編集する内容.text
        UserDefaults.standard.set(日記を入れる箱, forKey: "鍵")
        self.present(編集からリストへ, animated: true, completion: nil)
    }
    
    /*
    // MARK: - Navigation

    // In a storyboard-based application, you will often want to do a little preparation before navigation
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        // Get the new view controller using segue.destination.
        // Pass the selected object to the new view controller.
    }
    */

}

SinkiViewController

import UIKit

class SinkiViewController: UIViewController {

    
    @IBOutlet weak var 日記の内容: UITextView!
    
    @IBOutlet weak var 日付: UILabel!

    let date = Date()

    let df = DateFormatter()
    var 日記を入れる箱:[String] = []
    
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
       df.dateFormat = "yyyy-MM-dd HH:mm:ss"
        日付.text = df.string(from: date)
        日記を入れる箱 = UserDefaults.standard.array(forKey: "鍵") as! [String]
    
        
    }
    
    @IBAction func 保存(_ sender: Any) {
        let 新規からリストへ = self.storyboard?.instantiateViewController(identifier: "ViewController") as! ViewController
        日記を入れる箱.insert(日記の内容.text, at: 0)
        UserDefaults.standard.set(日記を入れる箱, forKey: "鍵")
        print("追加画面(日記を入れる箱)")
        self.present(新規からリストへ, animated: true, completion: nil)
        
    }
    
    /*
    // MARK: - Navigation

    // In a storyboard-based application, you will often want to do a little preparation before navigation
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        // Get the new view controller using segue.destination.
        // Pass the selected object to the new view controller.
    }
    */

}

Comments

[退会済みユーザー]

presentで戻らないでね。それ戻ってないからね。
https://qiita.com/akatsuki174/items/45d4bd7cb150defbf116
それと、皆さんがどうだか知りませんが、私は、コメント部分以外に日本語が書いてあるコードは読めないようです。

[Daisuke0315]

すみません、英語苦手で。。また質問することあると思いますが今後ともよろしくおねがいします。