セットアップ手順

# Flutter SDKのインストール（公式サイトからダウンロード後）
flutter doctor       # 環境チェック（全項目グリーンを目指す）
flutter --version

# 新規プロジェクト作成
flutter create myapp
cd myapp
flutter run          # デバイスまたはエミュレータで起動

よく使うflutterコマンド

flutter run              # 実行（デバイス選択あり）
flutter run -d chrome    # Webブラウザで実行
flutter build apk        # Android APKビルド
flutter build ios        # iOSビルド（macOS必要）
flutter pub add パッケージ名  # パッケージ追加
flutter pub get          # 依存パッケージ取得
flutter test             # テスト実行

はじめてのコード（カウンターアプリ）

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: const CounterPage(),
    );
  }
}

class CounterPage extends StatefulWidget {
  const CounterPage({super.key});
  @override
  State<CounterPage> createState() => _CounterPageState();
}

class _CounterPageState extends State<CounterPage> {
  int _count = 0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(child: Text('$_count', style: const TextStyle(fontSize: 48))),
      floatingActionButton: FloatingActionButton(
        onPressed: () => setState(() => _count++),
        child: const Icon(Icons.add),
      ),
    );
  }
}

よくある詰まりポイント

Q: flutter doctor でエラーが出る → 各項目のエラーメッセージに従って解決してください。Android Studio / Xcodeのライセンス同意が必要なケースが多いです。flutter doctor --android-licenses でAndroidのライセンスを一括承認できます。

Q: エミュレータが遅い → BIOS/UEFIでVirtualizationを有効にすると速くなります。macOSはApple Siliconなら高速です。Webブラウザでの実行（flutter run -d chrome）は手軽に始められます。

Q: setState を呼び忘れて画面が更新されない → StatefulWidget では状態変更を setState(() { ... }) で囲まないと画面が再描画されません。