【Flutter開発】Dartの非同期処理をAIに相談しながら実装する

Dartの非同期処理（async/await・Future・Stream）で詰まったら、AIに具体的なコードを見せて相談すると、理解も実装も一気に加速します。

概要
基本的な使い方
実践的なTips
- エラーハンドリングのパターンを聞く
- 並列実行と直列実行の使い分け
こんな場面で役立つ
まとめ
今回紹介したツール・サービス

概要

Flutterでアプリを作っていると、API通信やファイル読み込みなど非同期処理の実装は避けて通れません。

Dartのasync/awaitは直感的ですが、Streamの扱いやエラーハンドリングで詰まることも多いです。そんなとき、ClaudeやChatGPTに相談すると、自分のコードに合った具体的なアドバイスがもらえます。

今回も早速AIを活用していきましょう。

基本的な使い方

1. エラーが出たコードをそのままAIに貼る

まずは詰まっているコードをそのままAIに渡してみましょう。

Dart

// 例: APIからデータを取得する処理
Future<List<User>> fetchUsers() async {
  final response = await http.get(Uri.parse('https://api.example.com/users'));
  // ここでエラーが出る...どう直せばいい?
  return jsonDecode(response.body);
}

// 例: APIからデータを取得する処理
Future<List<User>> fetchUsers() async {
  final response = await http.get(Uri.parse('https://api.example.com/users'));
  // ここでエラーが出る...どう直せばいい?
  return jsonDecode(response.body);
}

AIに「このコードでエラーが出る」と伝えると、型の不一致やnullチェックの漏れなど、具体的な原因と修正案を教えてくれます。

2. 「こうしたい」をセットで伝える

単にコードを貼るだけでなく、「ローディング中はスピナーを表示したい」「エラー時はリトライボタンを出したい」など、やりたいことを一緒に伝えてみてください。

Plaintext

# 質問例:
fetchUsers()を呼び出すとき、ローディング状態を管理して
UIに反映させたいです。FutureBuilderを使うべきですか?
それともRiverpodのAsyncValueを使うべきですか?

# 質問例:
fetchUsers()を呼び出すとき、ローディング状態を管理して
UIに反映させたいです。FutureBuilderを使うべきですか?
それともRiverpodのAsyncValueを使うべきですか?

3. Streamで困ったときの聞き方

リアルタイム更新やWebSocketを扱うときは Stream が登場します。

Dart

// Firestoreのリアルタイム監視の例
Stream<List<Message>> watchMessages(String roomId) {
  return firestore
      .collection('rooms')
      .doc(roomId)
      .collection('messages')
      .snapshots()
      .map((snapshot) => snapshot.docs.map((doc) => Message.fromJson(doc.data())).toList());
}

// Firestoreのリアルタイム監視の例
Stream<List<Message>> watchMessages(String roomId) {
  return firestore
      .collection('rooms')
      .doc(roomId)
      .collection('messages')
      .snapshots()
      .map((snapshot) => snapshot.docs.map((doc) => Message.fromJson(doc.data())).toList());
}

「このStreamをUIで購読するとき、画面を離れると解除されますか?」など、実際に想定されるメモリリークのリスクを懸念した質問をすることで、StreamBuilderの注意点やProviderでの管理方法を教えてもらえます。

実践的なTips

エラーハンドリングのパターンを聞く

Plaintext

try-catchで囲む以外に、Dartでエラーを扱う良い方法はありますか?
Result型やEither型のようなパターンをFlutterで使う例を教えてください

try-catchで囲む以外に、Dartでエラーを扱う良い方法はありますか?
Result型やEither型のようなパターンをFlutterで使う例を教えてください

たとえば、上記の質問をすると、freezed パッケージを使った Result 型の実装例など、実践的なパターンを提案してくれます。

freezed | Dart package

Code generation for immutable classes that has a simple syntax/API without compromising on the features.

並列実行と直列実行の使い分け

Dart

// 並列実行（同時に走らせる）
final results = await Future.wait([
  fetchUsers(),
  fetchSettings(),
  fetchNotifications(),
]);

// 直列実行（順番に走らせる）
final users = await fetchUsers();
final profile = await fetchProfile(users.first.id);

// 並列実行（同時に走らせる）
final results = await Future.wait([
  fetchUsers(),
  fetchSettings(),
  fetchNotifications(),
]);

// 直列実行（順番に走らせる）
final users = await fetchUsers();
final profile = await fetchProfile(users.first.id);