SwiftUI初心者向け：ファイル分割のベストプラクティス

SwiftUIでアプリを作っていると、最初は1つのファイルに全部書いてしまいがちです。でもアプリが大きくなると、コードがごちゃごちゃして管理が大変になります。

そんなときに大切なのが「ファイルの分割」です！

ここでは、SwiftUI初心者でもすぐに使える、わかりやすくて実践しやすいファイル分割の方法を紹介します。

1ファイルは「役割ごと」に分けよう

まず大事なのは、「ファイルに何を書くかをはっきり決めること」です。

2ファイル名は「分かりやすく」

「何のファイルか」がすぐ分かるように、具体的な名前をつけましょう。

• ✅ 良い例：SettingsView.swift, UserManager.swift
• ❌ 悪い例：File1.swift, Test.swift, Untitled.swift

将来見返したときに迷わないようにしましょう！

3フォルダで分類しておこう（Xcodeのグループ）

Xcodeでは、ファイルをグループ（フォルダ）に整理できます。

Xcodeの使い方：右クリック > New Group でフォルダを作れます。

4Viewとロジックは分けよう

画面の見た目（View）と中身の処理（Logic）を分けるとスッキリします。

例：CloudKitの処理を分ける

import CloudKit

class CloudKitManager {
    static func checkiCloudStatus() {
        // iCloudの状態チェック処理
    }
}

import SwiftUI

struct ContentView: View {
    var body: some View {
        Button("Check iCloud") {
            CloudKitManager.checkiCloudStatus()
        }
    }
}

5Viewは小さく、再利用できる形に！

SwiftUIでは画面を「パーツ」に分けて作ることができます。

大きなViewファイルにすべてのレイアウトを書いてしまうと、コードが長くなりすぎて読みづらくなります。そこで、画面の一部ごとに小さなViewに分けて再利用できる形にするのがベストです。

var body: some View {
    VStack {
        HeaderView()
        NotesListView()
    }
}

このように、画面の上の部分（ヘッダー）と下のリスト部分をそれぞれHeaderViewとNotesListViewという別のViewに分けて使っています。

こうするメリット：

• コードが短く・読みやすくなる
• 複数の画面で同じ部品（View）を再利用できる
• テストや修正がしやすい

分け方のポイント：

1. HeaderView.swift という新しいファイルを作る
2. 中に struct HeaderView: View を定義
3. 必要なレイアウトだけをその中に書く

// HeaderView.swift
import SwiftUI

struct HeaderView: View {
    var body: some View {
        Text("家計簿アプリ")
            .font(.largeTitle)
            .padding()
    }
}

これで他の画面でも HeaderView() を呼ぶだけで同じヘッダーを使い回せます！

まとめ：ファイル分割のベストプラクティス

ファイルを分けるだけで、コードがぐっと見やすくなり、プロっぽいプロジェクトになります！

「どう分けていいか分からない…」というときは、まずは「画面・データ・処理」で分けるだけでも十分です！