
「Flutterって何?」そんな方に、今回Flutterの概要や魅力について、ご紹介します。
どのようなことができて、何が便利で、何が他と違うのでしょうか?
Flutterの概略、特徴
Flutter(フラッター)は、UIソフトウェア開発キットです。
分かりやすく言うと、アプリに使う画面やボタン等を簡単に実装するためのツールです。
言語はDart(ダートorダーツ)です。
FlutterもDartもGoogleが開発したものになります。
モバイルアプリやWebアプリの開発に使用されます。
魅力として、以下の3つが挙げられます。
1.クロスプラットフォーム
Flutterの最大の特徴として、
一つのコードベースでiOSアプリとAndroidアプリを同時に作成できます。
通常、iOSとAndroidのアプリで使用される言語は異なります。
iOS :Swift、Objective-C 等
Android :Kotlin、Java 等
※これらはOSに合わせたアプリを開発できるため、
ネイティブアプリやネイティブ言語と言われます。
しかし、Flutterなら1つの言語(Dart言語)で異なるOS向けにアプリを開発できます。
このようなキットをネイティブに対し、クロスプラットフォームと言います。
2.高性能
通常、クロスプラットフォームアプリはネイティブアプリよりも性能が落ちます。
ネイティブアプリ
特定のOSに最適化され作られているためパフォーマンスが高いです。
クロスプラットフォームアプリ
特定のOSに最適化されていないため、パフォーマンスが低くなると言われています。
Flutterは独自の方法でネイティブ言語に近い高いパフォーマンスを実現しています。
その理由はImpellerエンジン、Aotコンパイルが関係しますが、興味のある方は調べてみてください。
3.使いやすいWidget
FlutterはWidgetを使用してデザインやレイアウトを実現します。
アプリ開発を効率的に進めるための様々なWidgetが用意されています。
普段使っているアプリで見た事ある機能に準ずるものは、大体ライブラリが存在します。
まとめると…
- Googleが作っているツールで信頼性がある!
- クロスプラットフォームなのにパフォーマンスが高い!
- 使い易い!
ということです。
基本的なコードの紹介
実際にFlutterでできたアプリをご紹介します!
FlutterはWidget(ウィジェット)を組み合わせてアプリを構成します。
ボタンやテキスト等、アプリで表現されるものは全てWidgetで作成します。
以下は、画面中央に「Hello, Flutter!」というテキストを表示する簡単なFlutterアプリです。
開発環境の構築
ローカル上で環境を構築する方法が一般的ですが、
Flutterすぐに試せる方法として、「Zapp!」をお勧めしています。
Zapp!:こちらをクリックするとすぐにFlutterの開発環境が使えます!
使い方!
以下がZapp!のエディターです。左側がコードエディター、右側がアプリ画面です。
初期状態では+ボタンをクリックするとカウンターがカウントアップするアプリが
表示されています。

Zapp!はエミュレータのダウンロードが必要なく、すぐにデバッグできます。
右側の▶ボタンを押すと、すぐにアプリを実行されます。
ローカルに開発環境を構築しようと思ったら、手順も多く結構な時間が掛ります。
これならサクッと始められて取り組みやすいですね!
まずはZapp!を使ってFlutterがどんなものなのか体験してみてください!
詳しいWidgetやDart等の説明は別の記事でどんどんご紹介していきますので、
良かったら他の記事も見てみてください!!