Flutterエンジニアが FlutterFlowを使ってみた

Transcript

1. Flutterエンジニアが FlutterFlowを使ってみた 株式会社Pentagon 石渡港
2. • 自己紹介 • FlutterFlowとは • FlutterFlowをつかってみての所感 • まとめ
3. 自己紹介 01 株式会社Pentagon　石渡港 2011年 iOSアプリ開発開始 2012年 株式会社PYSE 2023年 株式会社Pentagon スキルセット Objective-C, Swift, Java, Kotlin, Flutter, Firebase, supabase
5. FlutterFlowとは - Flutterアプリをノーコードで作成できるツール - UIとロジックを画面上で、ある程度指定可能 - Firebaseやsupabaseなどと連携ができる - 作成後、コードの出力が可能 03
6. 実際の操作 動かしたほうが早いのでこちらをご覧ください デザインファイルも一緒に見てみましょう 04
7. 実際の実装とは何が違うのか？ - TextThemeの種類が違う（Display**系） - SizedBoxが無いのでListView内でもPaddingで調整が必要 - ComponentをUI上で作成するとき結構大変だが、引数設定は楽 - 丸角設定は四隅を簡単に設定できる - obscureTextの設定をすると勝手にアイコンが付く - ボタンを押したときに画面遷移の設定は簡単で、ダイアログを出すのも簡単 - カラーの設定が意外と面倒 05
8. コードの観点で見てみると コードダウンロードしたかったけど有料じゃないと出来なかった… - コードは無駄が多そうだけど読みやすい - 書くべきこと（disposeするなどのお作法）は整ってそう 06
9. まとめ 簡単な画面をコードで1から書くより早そう デザイナさんとコラボして作ったらよさそう 一部は実装めんどくさそう