【ふらったー】

Flutter とは?

最終更新:
💡 画面の部品と処理を共有して、いろいろな端末のアプリへ

DartでUIや処理を書き、iOS・Android・Web・デスクトップでコードを共有できる、Googleが支援するオープンソースのUIフレームワーク。対象環境ごとの設定や調整は必要。

📌 このページのポイント
Flutter:コードを複数環境で共有 Dartコード 画面・処理 iOS Android Web PC 設定・調整・動作確認は環境ごとに
共通コードを活かして各環境のアプリを開発。対象ごとのビルド環境や対応機能の確認は必要です。
ひよこ ひよこ
Flutterは、何が便利なの?
ペンギン先生 ペンギン先生
Dartで画面や処理を書き、iOS・Android・Web・PC向けにコードを共有できるよ。それぞれを最初から別々に作る作業を減らせるんだ
ひよこ ひよこ
画面はどうやって作るの?
ペンギン先生 ペンギン先生
文字やボタン、レイアウトなどのウィジェットを組み合わせるよ。アプリの状態に応じて、どんな画面を表示するかをコードで表すんだ
ひよこ ひよこ
同じコードなら、どの端末でも同じ速さになる?
ペンギン先生 ペンギン先生
速度は端末や処理、画面の作り方にも左右されるよ。Flutterは独自の描画の仕組みを持つけれど、全環境で同じ速度になる保証ではないんだ
ひよこ ひよこ
カメラなど、OSの機能も使える?
ペンギン先生 ペンギン先生
プラグインを使ったり、DartからSwiftやKotlinなどのコードを呼び出したりできるよ。使いたい機能が各環境に対応しているかも確認するんだ
ひよこ ひよこ
Flutterさえあれば、環境ごとの準備は不要?
ペンギン先生 ペンギン先生
対象ごとの準備は必要だよ。たとえば手元でiOSアプリをビルド・実行するにはMacとXcodeの環境を用意する。コードを共有できても、各環境での設定や動作確認は残るんだ
もっと詳しく知りたい人へ

ホットリロードで変更が反映されないのはなぜ?

ホットリロードはデバッグ中にコードを更新し、状態を保って画面を再構築する機能。mainやinitStateは再実行しないため、初期化処理などの変更にはホットリスタートが必要になることがある。KotlinやSwiftなどのネイティブコードを変更した場合は、アプリを停止して再ビルド・起動する。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Flutter」って出てきたら「画面や処理を共有して複数環境のアプリを作るUIフレームワーク」と思えばだいたいOK!

参考資料

← 用語集にもどる