こんにちは。ノーコード（ローコード）のFlutterFlowでTODOアプリの作り方の解説動画を作成しましたので共有します。

初学者・ビギナー向けになってますので、これからFlutterFlowを勉強しようと思っている方に合うのでは無いかなと思ってます。

今回はFlutterFlow公式動画を見ながら自分でほぼ同じようにやって試してみた動画になります。
興味のある方は本家の動画の方がいいと思うので、ぜひ本件の方をご覧ください。

・FlutterFlow公式動画：https://youtu.be/doiMvfMfpjc?si=M1U6jcBUs69K2c33

ただ、英語が苦手...という方は、私の動画は日本語版なのでこちらの方が良いかもしれません。
では紹介していきます。

FlutterFlowでのTODOアプリの作り方：Youtube解説動画

ではTodoアプリの作り方の動画を解説していきます。
動画構成は以下になります。

  • 第1回 firebaseとデータベースの設定

  • 第2回 データベースのコレクション、フィールド追加

  • 第3回 サインアップ・ログインページのUI作成

  • 第4回 サインアップ・ログインページのロジック作成

  • 第5回 onbordingページ（プロフィール登録ページ）のUI作成

  • 第6回 onbordingページ（プロフィール登録ページ）のロジック作成

  • 第7回 タスク一覧画面のUI作成

  • 第8回 タスク一覧画面のロジック作成

  • 第9回 タスク登録画面の作成

  • 第10回 完了タスク一覧ページのUIとナビゲーションバー

  • 第11回 タスク詳細ページ

第1回 firebaseとデータベースの設定

第2回 データベースのコレクション、フィールド追加

第3回 サインアップ・ログインページのUI作成

第4回 サインアップ・ログインページのロジック作成

第5回 onbordingページ（プロフィール登録ページ）のUI作成

第6回 onbordingページ（プロフィール登録ページ）のロジック作成

第7回 タスク一覧画面のUI作成

第8回 タスク一覧画面のロジック作成

第9回 タスク登録画面の作成

第10回 完了タスク一覧ページのUIとナビゲーションバー

第11回 タスク詳細ページの作成

アプリ・Webサービスの開発の無料相談はこちら

FlutterFlow、Adalo、bubble、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。

弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。

また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。

アプリ、Webサービス、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。