🌍

FlutterFlowに入門してみた

2024/10/28に公開

What is FlutterFlow?

ビジュアル開発プラットフォーム
FlutterFlow は、品質や機能を犠牲にすることなく、モバイル、Web、デスクトップ アプリを驚くほど高速に構築できるビジュアル開発プラットフォームです。
https://www.flutterflow.io/

公式のYouTubue動画もある。

https://www.youtube.com/@FlutterFlow/videos

ページごとGoogle翻訳してみた。

Quick Start Guideからまずは読むといいだろう。

Roadmapは読んでおいた方が良い。開発の専門用語が出てくる。勉強するなら公式を読みながらリンクをクリックしてツールの解説されているページを読むと良いだろう。

ロードマップ

このロードマップでは、アプリ開発の主要レイヤーであるUI レイヤー、ロジック レイヤー、データレイヤーについて説明します。これらのレイヤーを理解することは、見た目が魅力的で、機能が堅牢で、安全なアプリを作成するために不可欠です。

UI

UI レイヤーは、アプリ内の視覚的な要素とインタラクションに関するものです。ボタン、フォーム、ナビゲーション、レイアウトのウィジェットが含まれます。FlutterFlow では、このレイヤーはテーマやレスポンシブ デザインなどのカスタマイズ オプションもカバーし、アプリの見栄えと使いやすさを保証します。

ロジック

ロジック レイヤーは、アプリのビジネス ロジックと意思決定を処理します。これには、状態管理、条件付きアクション、ナビゲーション ロジックが含まれます。

データ

データ レイヤーは、データの保存、取得、API やデータベースなどの外部ソースとの統合を管理します。

使ってみたいと思ったらアカウントを作りましょう。
https://docs.flutterflow.io/before-you-begin/setup-flutterflow

アプリのプロジェクトを作成して開発をするダッシュボードの使い方についてはこちらのページを参照してください。
https://docs.flutterflow.io/flutterflow-ui/dashboard

最後に

今の所解説できることは多くはありません。まずは公式の解説を読んで、YouTubeとUdemyを見ながら学習すると良いでしょう。FigmaとStoryboardを組み合わせたようなものでした。新しいアプリ開発の選択肢になるのではないかと思います。NodeCodeにも可能性を感じる日々だなと最近思っております。

Discussion