Expo (React Native) vs Flutter 比較

// Expo — EAS Updateでストア審査を待たずにOTAでJSを更新する(TypeScript)

// app.config.ts — updateチャンネルの定義
import { ExpoConfig, ConfigContext } from "expo/config";

export default ({ config }: ConfigContext): ExpoConfig => ({
  ...config,
  name: "MyApp",
  slug: "my-app",
  version: "1.0.0",
  runtimeVersion: { policy: "appVersion" },
  updates: { url: "https://u.expo.dev/your-project-id" },
});

// ターミナル: productionビルドを作成してストアに提出する
// eas build --platform all --profile production
// eas submit --platform all

// バグを発見——ネイティブビルドに触れずにJS/アセットの修正を公開する
// eas update --branch production --message "Fix: login crash on cold start"

// EAS Observeで本番環境のパフォーマンスを監視する(GA: 2026年8月20日)
// -> https://docs.expo.dev/eas/observe/introduction/
// 別途ネイティブライブラリが必要。Expo Goでは動作せず、developmentまたは
// productionビルドが必須:
// npx expo install expo-observe
// ルートレイアウトを<ObserveRoot>でラップし、アプリの準備ができたらmarkInteractive()を呼び出す。
// 計測項目: コールド/ホーム起動、初回レンダリング、インタラクティブになるまでの時間、bundle
// 読み込みとEAS Updateのダウンロード時間。JSエラーロギングはプレビュー段階。

// Flutter 3.47 — material_ui独立パッケージへの移行 (Dart)

// pubspec.yaml — 新しい独立パッケージを追加
// dependencies:
//   material_ui: ^1.0.0
//   cupertino_ui: ^1.0.0

// ターミナル: SDK内蔵の旧ウィジェットから新パッケージへ自動移行
// $ dart fix --apply --code=migrate_design_widgets

// main.dart — 新パッケージからインポート (旧: package:flutter/material.dart)
import 'package:material_ui/material_ui.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Profil Kartı',
      home: Scaffold(
        appBar: AppBar(title: const Text('Profil')),
        body: const Center(child: Text('Merhaba, Flutter 3.47')),
      ),
    );
  }
}

// 注: Flutterには公式の「eas update」相当の仕組みがない ——
// この変更をユーザーに届けるには新しいビルドを作成し、
// ストア審査を通す必要がある。