FlutterとDartのコレクション型を完全解説！リスト・マップ・セットの使い方まとめ【初心者向け】

1. Dartのコレクション型とは？

1. Dartのコレクション型とは？

Dartのコレクション型とは、複数のデータをまとめて扱うための仕組みです。Flutterアプリ開発では、ユーザー一覧、商品リスト、APIレスポンスの管理などで必須の知識になります。

代表的なコレクション型は次の三つです。

• List リスト
• Map マップ
• Set セット

これらを理解することで、Flutterの画面表示や状態管理がスムーズになります。

2. Listの基本的な使い方

2. Listの基本的な使い方

Listは、複数のデータを順番に管理するためのコレクション型です。インデックス番号を使って要素にアクセスします。Flutterで最もよく使う型です。

void main() {
  List<String> fruits = ['apple', 'banana', 'orange'];

  print(fruits[0]);
  print(fruits.length);
}

apple
3

Listは順番が重要です。ListViewで一覧表示する場合にも、このListが使われます。

3. Listの追加・削除・繰り返し処理

3. Listの追加・削除・繰り返し処理

DartのListは、要素の追加や削除も簡単に行えます。Flutterの状態管理でもよく使います。

void main() {
  List<int> numbers = [1, 2, 3];

  numbers.add(4);
  numbers.remove(2);

  for (var num in numbers) {
    print(num);
  }
}

1
3
4

addで追加、removeで削除できます。for文やfor in構文で繰り返し処理も可能です。FlutterのWidget生成でもこの書き方を使います。

4. Mapの基本と使い方

4. Mapの基本と使い方

Mapはキーと値をセットで管理するコレクション型です。API通信やJSONデータの処理で頻繁に使います。

void main() {
  Map<String, String> user = {
    'name': 'Taro',
    'email': 'taro@example.com'
  };

  print(user['name']);
}

Taro

キーを指定して値を取得します。Flutterのフォームデータ管理にも便利です。

5. Mapの更新と繰り返し処理

5. Mapの更新と繰り返し処理

Mapは値の更新や全要素の取得も可能です。FlutterでAPIレスポンスを画面に表示する際に重要です。

void main() {
  Map<String, int> scores = {
    'math': 80,
    'english': 90
  };

  scores['math'] = 85;

  scores.forEach((key, value) {
    print('$key : $value');
  });
}

math : 85
english : 90

forEachを使うとキーと値を同時に取得できます。Flutterアプリ開発ではデータ表示処理で多用します。

6. Setとは？重複を許さないコレクション

6. Setとは？重複を許さないコレクション

Setは、重複を許さないコレクション型です。同じ値を二回入れても一つしか保存されません。

void main() {
  Set<int> numbers = {1, 2, 2, 3};

  print(numbers);
}

{1, 2, 3}

ユニークなデータ管理が必要な場合に便利です。タグ管理や重複チェックで活用できます。

7. Flutterでのコレクション活用例

7. Flutterでのコレクション活用例

Flutterでは、Listを使ってWidgetを複数生成するケースが多いです。例えば商品一覧表示などです。

List<String> items = ['Apple', 'Banana', 'Orange'];

Column(
  children: items.map((item) {
    return Text(item);
  }).toList(),
);

mapメソッドを使うことで、ListからWidgetのListへ変換できます。FlutterとDartのコレクション型を理解することで、実践的なアプリ開発が可能になります。

DartのList、Map、SetはFlutter開発の基礎です。初心者の方は、まずは簡単なサンプルコードを何度も実行して動きを確認しましょう。コレクション型をマスターすれば、API連携、状態管理、画面描画がより理解しやすくなります。

まとめ

まとめ

今回はFlutterとDartにおけるコレクション型であるListマップセットの基本から応用までを詳しく解説しました。Flutterアプリ開発ではデータ管理が非常に重要でありユーザー一覧商品一覧APIレスポンス状態管理などあらゆる場面でコレクション型が登場します。特にListは順番を持つデータ管理に最適でありListViewやColumnと組み合わせることで動的な画面表示を実現できます。Mapはキーと値を組み合わせて管理するためJSONデータ解析やAPI通信フォーム入力データ管理で活躍します。Setは重複を許さない特性を持つためタグ管理やユニークデータ抽出に適しています。

Dartのコレクション型を正しく理解することでFlutterの状態管理や非同期処理API連携パフォーマンス最適化にも応用できます。Listのaddやremoveによる追加削除処理for文やforEachによる繰り返し処理mapメソッドによるWidget変換など実務で必須の知識を整理しました。Mapではキー指定取得更新処理forEachを使った展開処理を確認しました。Setでは重複排除の仕組みを理解しました。

Flutter初心者の方はまずList操作を確実に身につけその後Mapによるデータ構造理解さらにSetによる重複管理へと学習を進めると効率的です。コレクション型は単なる配列ではなくアプリ設計そのものに関わる重要な概念です。画面描画ロジック状態管理データフロー設計を意識しながらコードを書くことでより実践的なFlutter開発力が身につきます。

サンプルプログラム総復習

最後にListマップセットを組み合わせた総合サンプルを確認します。複数のユーザー情報をListで管理し各ユーザーをMapで表現し重複しないタグをSetで管理する例です。

void main() {
  List<Map<String, String>> users = [
    {'name': 'Taro', 'role': 'admin'},
    {'name': 'Hanako', 'role': 'user'}
  ];

  Set<String> roles = {};

  for (var user in users) {
    print(user['name']);
    roles.add(user['role']!);
  }

  print(roles);
}

Taro
Hanako
{admin, user}

このようにListとMapとSetを組み合わせることで実践的なデータ構造を構築できます。Flutterアプリ開発ではこのようなデータ設計が画面表示や状態管理の土台になります。Dartコレクション型を理解することは効率的なプログラミング設計につながります。