ささお1UITableViewCellをxibファイルでカスタムする方法をメモしていきます。共有:UITableViewCellをxibでカスタムするメリットUITableViewCellをStoryboardで色々カスタムすることはできますが、xibで個別に管理することで同じセルを使い回すことができるので便利です!それではカスタムするまでの一連の流れをやっていきます!プロジェクトを立ち上げます。『TableViewCellApp』という名前にしました。StoryBoardを開いて、デフォルトで置いてあるUIViewControllerを消します。『UITableViewController』を置きます。UITableViewControllerのセルに『customCell』と入力しましょう。StoryBoardを弄るのはこれであらかた完了です!次に配置したUITableViewControllerに対応したファイルを作成しましょう。『File』そしたらこのような画面が出てくるかと思います。Class』を選択してください。その次はファイル名(クラス名)を決めます。Classを『TableViewController』SubClassを『UITableViewController』に設定して、作成してください。『TableViewController.swift』というファイルが増えて入れば成功です。今作成したTableViewController.swiftを対応させましょう。次は、今回の主役、UITableViewCellの登場です。『File』そしたらこのような画面が出てくるかと思います。Class』を選択してください。その次はClass名『CustomTableViewCell』SubClassは『UITableViewCell』にしましょう。file』にチャックを入れることです。ここにチェックを入れることでxibファイルを作成することができる。『CustomTableViewCell.xib』の二つが作成されているはずです。CustomTableViewCell.xibを開いてください。すると、このようなただのセルがあるはずです。このセルに、Identifierを設定します。『customCell』にしてください。UIImgeViewをwidthが40、heightが40に設定していい感じのところに配置してください。UIImageViewに画像設定してください。どんな画像でも問題ありませんよ!私は、この画像を設定しました。ついでにセルにBackgroundを指定します。色をつけた方がかっこいいですね!こんな感じになって入れば成功です。次はコードを編集していきます。『TableViewController.swift』を開いてください。“customCell”)xibファイルでカスタムし、それを使用できる状態(登録)するときに必須のメソッドです。nibNameにはファイル名(クラス名)を設定します。forCellReuseIdentifierにはCustomTableViewCell.xibで指定したIdentifierを設定します。CustomTableViewCellwithIdentifierのにはCustomTableViewCell.xibで指定したIdentifierを設定します。上記のregisterメソッドで指定したものを設定することが多いです。CustomTableViewCellは実は今回必要ありませんが、よく使います。CustomTableViewCell.swiftを色々編集している場合は使います。基礎ささお3年目iOSエンジニア。スタートアップで働いておりやす。プログラミングスクールとエンジニアのキャリアを考えたい。*メールアドレス(公開はされません。簡単な自己紹介ささお2年目のiOSアプリエンジニア。プログラミングスクールに通い、プログラミングスクールで講師を経験したのち、スタートアップに就職。プログラミングスクールとエンジニアのキャリアを考えたい。普段は渋谷あたりにいます。教育に興味があります。キャリアを考えないとなぁ。ささおのTwitter初めてのフリーランスにポテパンは登録がとにかく楽。ほんとに”魅力的なお仕事が多数”かは知らないけど、最初にごちゃごちゃ記入させない感じが好き。