Flutter + SQLiteでAccess代替アプリを作る方法

こんにちは、なかぜんです。
今回は「Accessでは限界を感じてきた…」「スマホやタブレットでも使える業務アプリを作りたい」という方に向けて、FlutterとSQLiteを使ってAccessの代わりになるアプリを作る方法をご紹介します。

業務で使っているAccessアプリをモダンなUIで再構築したい、マルチデバイスで使いたい、そんな願いをFlutterなら叶えてくれますよ。

FlutterとSQLiteを選ぶ理由
1. Accessではできなかったクロスプラットフォーム開発
2. SQLiteでローカルデータ管理もバッチリ
開発準備：必要なパッケージと初期設定
実装例：商品マスターの一覧アプリ
1. テーブル作成と初期データ登録
2. データの取得と表示（ListView）
注意点・よくあるミス
応用ポイント：更新・削除・検索の追加
まとめ：Access脱却の一歩としてのFlutter

FlutterとSQLiteを選ぶ理由

Accessではできなかったクロスプラットフォーム開発

Flutterを使えば、Windows・Mac・Android・iOSで同じコードベースからアプリを作れます。AccessではPCオンリーでしたが、Flutterならスマホでも動くのが魅力です。

SQLiteでローカルデータ管理もバッチリ

Accessで言う「.accdb」のように、SQLiteはローカルにデータベースを保持できます。業務データの閲覧や編集もオフラインでOKです。

開発準備：必要なパッケージと初期設定

dependencies:
  flutter:
    sdk: flutter
  sqflite: ^2.3.0
  path_provider: ^2.1.2
  path: ^1.8.3

pubspec.yamlにこれらの依存関係を追加しましょう。
sqfliteはSQLite操作、path_providerはデータファイル保存場所の取得、pathはファイルパスの結合に使います。

実装例：商品マスターの一覧アプリ

テーブル作成と初期データ登録

Future<Database> openDb() async {
  final dbPath = await getDatabasesPath();
  final path = join(dbPath, 'mydb.db');

  return openDatabase(
    path,
    version: 1,
    onCreate: (db, version) async {
      await db.execute('''
        CREATE TABLE items(
          id INTEGER PRIMARY KEY AUTOINCREMENT,
          name TEXT NOT NULL,
          price INTEGER NOT NULL
        );
      ''');

      await db.insert('items', {'name': 'りんご', 'price': 120});
      await db.insert('items', {'name': 'バナナ', 'price': 100});
    },
  );
}

Accessで言えば「商品マスター」テーブルをVBAで作るイメージですね。openDb()関数がアプリ起動時にデータベースを作成・初期化します。

データの取得と表示（ListView）

Future<List<Map<String, dynamic>>> fetchItems() async {
  final db = await openDb();
  return await db.query('items');
}

Widget buildItemList() {
  return FutureBuilder(
    future: fetchItems(),
    builder: (context, snapshot) {
      if (!snapshot.hasData) return CircularProgressIndicator();

      final items = snapshot.data!;
      return ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, index) {
          final item = items[index];
          return ListTile(
            title: Text(item['name']),
            subtitle: Text('価格: ${item['price']}円'),
          );
        },
      );
    },
  );
}

Accessでの「連続フォーム」に相当するリスト表示です。FutureBuilderで非同期にデータを取得し、リスト表示する仕組みになっています。