📱 SwiftUI入門

SwiftUIApple が提供する 宣言的なUIフレームワーク です。Swiftコードで簡潔に画面を構築し、リアルタイムプレビューやマルチデバイス対応が可能です。


🚀 SwiftUI の特徴

📌 基本構文

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("こんにちは、SwiftUI!")
                .font(.title)
                .padding()
            Button("押してね") {
                print("ボタンが押されました")
            }
        }
    }
}

🔧 Viewの構成

📦 状態管理(State)

struct CounterView: View {
    @State private var count = 0

    var body: some View {
        VStack {
            Text("カウント: \(count)")
            Button("増やす") {
                count += 1
            }
        }
    }
}

🧠 UIKitとの違い

SwiftUIUIKit
宣言的に記述命令的に記述
コード量が少ないコードが多くなりがち
リアルタイムプレビューありビルド必要
iOS13以降iOS2以降

📈 SwiftUIを使うための設定

  1. Xcodeで新規プロジェクト作成 - 詳細
  2. テンプレート選択時「SwiftUI」&「App」を選ぶ - 詳細
  3. ContentView.swift を編集してUIを作成

🔗 関連リンク