Rorkで本格的なiOSアプリを構築する実践ガイド

// Unit Tests
@MainActor
class ProductListViewModelTests: XCTestCase {
    var viewModel: ProductListViewModel!
    var mockService: MockProductService!
    
    override func setUp() {
        super.setUp()
        mockService = MockProductService()
        viewModel = ProductListViewModel(service: mockService)
    }
    
    func testLoadProducts() async {
        mockService.products = [
            Product(id: 1, name: "Product 1"),
            Product(id: 2, name: "Product 2")
        ]
        
        await viewModel.loadProducts()
        
        XCTAssertEqual(viewModel.products.count, 2)
        XCTAssertFalse(viewModel.isLoading)
    }
    
    func testLoadProductsError() async {
        mockService.shouldFail = true
        
        await viewModel.loadProducts()
        
        XCTAssertNotNil(viewModel.error)
        XCTAssertTrue(viewModel.products.isEmpty)
    }
}

class ProductService {
    func fetchProducts() async throws -> [Product] {
        var request = URLRequest(url: URL(string: "https://api.example.com/products")!)
        request.timeoutInterval = 10
        
        let (data, response) = try await URLSession.shared.data(for: request)
        
        guard let httpResponse = response as? HTTPURLResponse else {
            throw NetworkError.invalidResponse
        }
        
        switch httpResponse.statusCode {
        case 200:
            return try JSONDecoder().decode([Product].self, from: data)
        case 404:
            throw NetworkError.notFound
        case 500:
            throw NetworkError.serverError
        default:
            throw NetworkError.unknown
        }
    }
}

class DataPersistence {
    static let shared = DataPersistence()
    
    func save<T: Codable>(_ object: T, for key: String) {
        let encoder = JSONEncoder()
        if let encoded = try? encoder.encode(object) {
            UserDefaults.standard.set(encoded, forKey: key)
        }
    }
    
    func load<T: Codable>(_ type: T.Type, for key: String) -> T? {
        guard let data = UserDefaults.standard.data(forKey: key) else {
            return nil
        }
        let decoder = JSONDecoder()
        return try? decoder.decode(T.self, from: data)
    }
}

{
  "expo": {
    "plugins": [
      [
        "@sentry/react-native/expo",
        {
          "organization": "your-org",
          "project": "your-app"
        }
      ]
    ]
  }
}

// App.tsx / app/_layout.tsx
import * as Sentry from "@sentry/react-native";
 
Sentry.init({
  dsn: process.env.EXPO_PUBLIC_SENTRY_DSN,
  // 本番は 0.1〜0.2 程度に。開発中だけ 1.0 にして挙動を確認する
  tracesSampleRate: __DEV__ ? 1.0 : 0.2,
  // OTA の更新 ID を載せておくと「どのバージョンで落ちたか」が一発で分かる
  enableNativeCrashHandling: true,
});
 
export default Sentry.wrap(App);

import React from "react";
import { View, Text, Pressable } from "react-native";
import * as Sentry from "@sentry/react-native";
 
class AppErrorBoundary extends React.Component<
  { children: React.ReactNode },
  { hasError: boolean }
> {
  state = { hasError: false };
 
  static getDerivedStateFromError() {
    return { hasError: true };
  }
 
  componentDidCatch(error: Error, info: React.ErrorInfo) {
    // 白画面のまま放置せず、必ず本番に飛ばす
    Sentry.captureException(error, { extra: { componentStack: info.componentStack } });
  }
 
  render() {
    if (this.state.hasError) {
      return (
        <View style={{ flex: 1, alignItems: "center", justifyContent: "center", padding: 24 }}>
          <Text style={{ fontSize: 16, marginBottom: 16 }}>
            一時的に表示できませんでした
          </Text>
          <Pressable onPress={() => this.setState({ hasError: false })}>
            <Text style={{ color: "#2563eb" }}>もう一度試す</Text>
          </Pressable>
        </View>
      );
    }
    return this.props.children;
  }
}
 
export default AppErrorBoundary;

import { FlatList } from "react-native";
import { Image } from "expo-image";
import { memo, useCallback } from "react";
 
// 行コンポーネントは memo 化して、無関係な更新で再描画させない
const ProductRow = memo(function ProductRow({ item }: { item: Product }) {
  return (
    <Image
      source={item.imageUrl}
      // expo-image はディスクキャッシュを内蔵。再表示が速く、メモリも安定する
      cachePolicy="memory-disk"
      style={{ width: "100%", height: 200 }}
      contentFit="cover"
      transition={150}
    />
  );
});
 
export function ProductList({ products }: { products: Product[] }) {
  const renderItem = useCallback(
    ({ item }: { item: Product }) => <ProductRow item={item} />,
    []
  );
 
  return (
    <FlatList
      data={products}
      keyExtractor={(item) => String(item.id)}
      renderItem={renderItem}
      // 画面外の行を間引いてメモリを抑える
      removeClippedSubviews
      initialNumToRender={8}
      maxToRenderPerBatch={8}
      windowSize={7}
    />
  );
}

{
  "submit": {
    "production": {
      "ios": {
        "appleId": "you@example.com",
        "ascAppId": "1234567890",
        "appleTeamId": "ABCDE12345"
      }
    }
  }
}

# ビルドして、そのまま提出まで流す
eas build --platform ios --profile production
eas submit --platform ios --profile production --latest

{
  "expo": {
    "ios": {
      "config": {
        "usesNonExemptEncryption": false
      }
    }
  }
}

{
  "expo": {
    "ios": {
      "infoPlist": {
        "NSUserTrackingUsageDescription": "広告の最適化のために、許可をいただいた場合のみ利用状況を計測します。"
      }
    }
  }
}

{
  "build": {
    "production": {
      "ios": { "autoIncrement": true },
      "channel": "production"
    }
  }
}