先に訂正
以前の記事には「Flutter 4」「Impeller 2.0」など、公式リリースで確認できない名称と独自ベンチマークが含まれていました。これらを削除し、公式ドキュメントで確認できる内容に改めます。
Flutterとは
FlutterはDartを使い、モバイル、Web、デスクトップ向けUIを構築するフレームワークです。UIはWidgetの組み合わせで表現し、状態変更に応じてWidget treeを再構築します。
import 'package:flutter/material.dart';
class CounterButton extends StatefulWidget {
const CounterButton({super.key});
State<CounterButton> createState() => _CounterButtonState();
}
class _CounterButtonState extends State<CounterButton> {
int count = 0;
Widget build(BuildContext context) {
return FilledButton(
onPressed: () => setState(() => count++),
child: Text('Count: $count'),
);
}
}
ImpellerはFlutterのレンダリングエンジンです。利用状況はプラットフォームとFlutterバージョンで異なるため、固定のFPSや改善率ではなく公式ドキュメントと実機計測で判断します。
導入時の確認事項
flutter --versionと公式Release notesを確認する- 対象OSごとに実機テストを行う
- プラグインの対応OSとメンテナンス状況を確認する
- アプリサイズ、起動時間、描画性能を対象端末で測る