コレクションビューの中にテーブルビューを入れたい

Question

実現したいこと

コレクションビューを使ったアプリを作っています。
このコレクションビューの中に テーブルビュー を入れたいです。
（テーブルビューにはカスタムセルを使いたい）

前提

コレクションビュー初心者です。（初めてです）

発生している問題・エラーメッセージ

テーブルビューの接続ができません。

該当のソースコード

import UIKit

class TestCollectionViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout, UITableViewDelegate, UITableViewDataSource {
    
    // ================================================================================
    // モデル：
    // ================================================================================
    struct StudentInfo: Codable, Equatable, Comparable {
        var name: String
        var secondName: String
        var age: Int
        
        // ソートの為：型を統一する
        static func == (lhs: StudentInfo, rhs: StudentInfo) -> Bool {
            return lhs.name == rhs.name
        }
        
        // ソートの為：ソートの定義を決める
        // ここではアルファベット順とする
        static func < (lhs: StudentInfo, rhs: StudentInfo) -> Bool {
            return lhs.name < rhs.name
        }
    }
    
  
    // 変数  
    var student_display_array: [StudentInfo] = []
    
    
    // segue
    var receiveStudentName: String = ""
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // APIから情報取得
                    let StudentInfos = StudentInfo(name: name, secondName: secondName, age: age)
                    
                    // 表示用の配列に追加
                    self.student_display_array.append(StudentInfos)
                    
                    let searchStudentName = self.receiveStudentName
                    let resultStudentInfos = student_display_array.filter {
                        $0.name.contains(searchStudentName)
                    }
                    
                    // ここでテーブルビューに表示する用の構造体に追加する
                    self.student_display_array = resultStudentInfos
                    
                    print("----------------------------")
                    print("resultStudentInfosは")
                    print(resultStudentInfos)
                    print("----------------------------")
                    
                }
            } catch {
                print("-----------------------")
                print(error.localizedDescription)
                print("-----------------------")
            }
        }
        
        // =========================================
        // カスタムセル登録
        // =========================================
        tableView.register(UINib(nibName: "CustomTableViewCell", bundle: nil), forCellReuseIdentifier: "CustomTableViewCell")
        
    }
    
    
    // MARK: - CollectionView
    // 数
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 10
    }
    // 中身
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath)
        cell.backgroundColor = .blue
        return cell
    }
    
    // サイズ
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width:self.view.frame.width / 2, height:200)
    }
    
    // MARK: - UITableView
    // 数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return student_display_array.count
    }

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

       let cell = tableView.dequeueReusableCell(withIdentifier: "CustomTableViewCell", for: indexPath) as! CustomTableViewCell

       cell.id.text = "\(indexPath.row+1)"

       cell.studentName.text = student_display_array[indexPath.row].name
       cell.studentSecondName.text = student_display_array[indexPath.row].secondeName
       
       return cell
   }
}

試したこと

・テーブルビューのカスタムセル登録をすると Reference to member 'register' cannot be resolved without a contextual type

・テーブルビューを接続すると error: Illegal Configuration: The tableView outlet from the TestCollectionViewController to the UITableView is invalid. Outlets cannot be connected to repeating content.

2つめのエラー内容をググると https://easyramble.com/outlet-error-in-repeating-content.html のブログがヒットしますが少し内容が違ってあまり参考になりませんでした。

聞きたいこと

・コレクションビューの中にテーブルビューが設置できるかどうか
・設置できる場合はなぜ上記のエラーが出るのか知りたいです。

補足情報（FW/ツールのバージョンなど

コレクションビューが初めてなのでお手柔らかにお願いいたします。

Comments

[hoshi-takanori]

コレクションビューの中にテーブルビューを設置、できなくはないと思いますが、
・コレクションビューは横スクロールですけ？ 両方とも縦スクロールだと混乱する気が…
・コレクションビューのセルの数だけテーブルビューが存在することになりますが、どんなデータを表示するのでしょうか？
・コレクションビューとテーブルビューそれぞれのセルはどんな構造ですか？ カスタムクラスとか作るなら、その中身は？

[退会済みユーザー]

【返信①】
> ・コレクションビューは横スクロールですけ？ 両方とも縦スクロールだと混乱する気が…

縦×縦での実装を目指しています。
（コレクションビューを使わずにテーブルビューを並べた限りでは `体感`, `目視` では特に混乱しなかったです.. ）

[退会済みユーザー]

【返信②】
> ・コレクションビューのセルの数だけテーブルビューが存在することになりますが、どんなデータを表示するのでしょうか？

はい。
表示するデータは
・ID
・苗字
・名前
のラベルだけになります。

[退会済みユーザー]

【返信③】

> ・コレクションビューとテーブルビューそれぞれのセルはどんな構造ですか？ カスタムクラスとか作るなら、その中身は？

コレクションビューのセルは普通 or カスタムセルで中にテーブルビューを入れた作りになります。
テーブルビューのセルはカスタムセルになります。
表示内容は上記に記載した通りになります。

[hoshi-takanori]

うーん、よく分かりません。コレクションビューの各セルにテーブルビューが入るってことは、例えばコレクションビューのセルが10個あって、それぞれのテーブルビューにさらにセルが10個ずつあると、トータル10*10=100人分のデータを表示することになりますよね。
これを縦に並べたらコレクションビューとテーブルビューのどっちをスクロールしたいか分からなくなると思いますが…。
あと、この10*10のデータはどう分類されてて、どうやって持つつもりですか？

[退会済みユーザー]

> あと、この10*10のデータはどう分類されてて、どうやって持つつもりですか？

イメージとしては学校のクラス名簿みたいな感じです

それぞれ構造体で保持する予定です。

// クラス情報
struct Room: Codable {
var grade: String
var class: String
}

// 生徒情報
struct StudentInfo: Codable {
var name: String
var secondName: String
var age: Int
}

[hoshi-takanori]

Room と StudentInfo の関係は？ (普通に考えると Room が StudentInfo の配列を持つのでは？)
また、テーブルビューだけで、Room をセクションにすれば充分な気が…。

[退会済みユーザー]

デザインの問題からこの様な形を採用しています。
section + TableViewだと縦1列でのデータ表示になるかと思いますが、横2列かける縦n列は可能なのでしょうか？？

[hoshi-takanori]

テーブルビューは縦1列ですね。で、コレクションビューの各セルにテーブルビューを持たせる場合、コレクションビューの各セルをテーブルビューの dataSource かつ delegate にするのが自然かと…。

Answer 1

別のデザインで解決することにしました。
コメントありがとうございます。

解決策が質問内容とは全く違う内容だったので回答の記載は差し控えます。