🔌 IBOutlet の使い方

IBOutlet Storyboard 上で配置した UI コンポーネント(ラベル、ボタン、テキストフィールドなど)と Swift コードを接続するための仕組みです。


…読み込み中…

🧩 IBOutlet とは?

「Interface Builder Outlet」の略で、Storyboard上の UI 要素を Swift コードに「出口(Outlet)」としてつなぐための記述です。

@IBOutlet weak var myLabel: UILabel!

これにより、コード側から myLabel.text などで UI を操作できるようになります。

🛠 接続手順(Xcode)

  1. Storyboard で Label や Button を設置
  2. そのまま Controlキーを押しながら ViewController.swift へドラッグ
  3. 表示されるポップアップで「IBOutlet」を選択し、名前をつけて完了

※ 接続が成功すると、Storyboard上でUI部品とコードが紐付けされます。

💡 使用例:ラベルのテキスト変更

class ViewController: UIViewController {

  @IBOutlet weak var myLabel: UILabel!

  override func viewDidLoad() {
    super.viewDidLoad()
    myLabel.text = "こんにちは、IBOutlet!"
  }
}

❗️ よくあるエラーと注意点

📘 IBOutlet の補足知識

🔗 関連リンク