#FlutterFlow でサンプルアプリを動かして遊んでみる【ノーコード】

はじめに

こんにちは @mitsuoka0423 です
ノーコードで Flutter アプリを作れる FlutterFlow を触っていきます

FlutterFlow にサインインする

FlutterFlow

サンプルアプリを選ぶ

`Create New`を選択

プロジェクト名を入力 & `FF Trivia`の`Use Sample`を選択

他のサンプルアプリを選んでも問題ないですが、認証が必要なものは Firebase のセットアップが必須なので、数分時間がかかります

プロジェクトのセットアップを行う

`Next Step`を選択

`Next Step`を選択

`Start Building`を選択

この画面が表示されたらOK

エラーを解消する

右上に赤く数字が表示されている場合は、プロジェクトにエラーがあるため、実行できません
解消していきます

数字を選択

エラーメッセージを選択

少し待って、エラーが解消されればOK

テストモードで実行する

雷マークを選択

少し待つ
Webアプリとしてテストできるようです

アプリを試せるようになる

サンプルアプリで遊んでみる

こんな感じでパソコン上で動かすことができます