Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Avatar for MinatoIshiwata MinatoIshiwata
December 27, 2023
Technology
0
99

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

Avatar for MinatoIshiwata

MinatoIshiwata

December 27, 2023
Tweet

More Decks by MinatoIshiwata

See All by MinatoIshiwata
FlutterでFigmaのデザインに合わせて かっちりした実装する方法について
Avatar for MinatoIshiwata minatoishiwata
1
730

Other Decks in Technology

See All in Technology
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
2
450
月間数億レコードのアクセスログ基盤を無停止・低コストでAWS移行せよ！アプリケーションエンジニアのSREチャレンジ💪
Avatar for miyamu miyamu
0
410
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
5
990
漸進的過負荷の原則
Avatar for SansanTech sansantech
PRO
3
430
Databricks Free Edition講座 データサイエンス編
Avatar for Takaaki Yayoi taka_aki
0
250
しろおびセキュリティへ ようこそ
Avatar for ogiogi log0417
0
210
Meshy Proプラン課金した
Avatar for henjin0 henjin0
0
130
SREの仕事を自動化する際にやっておきたい5つのポイント
Avatar for Kazuto Kusama jacopen
6
1.2k
re:Inventで出たインフラエンジニアが嬉しかったアップデート
Avatar for nagisa_53 nagisa53
4
230
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
2
480
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
1
230
KubeCon + CloudNativeCon NA ‘25 Recap, Extensibility: Gateway API / NRI
Avatar for Aya (Igarashi) Ozawa ladicle
0
160

Featured

See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
120
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
100
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
370
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
82
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
31k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
69
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
150
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
2.9k

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

  4. 02

  5. FlutterFlowとは - Flutterアプリをノーコードで作成できるツール - UIとロジックを画面上で、ある程度指定可能 - Firebaseやsupabaseなどと連携ができる - 作成後、コードの出力が可能 03

  6. 実際の操作 動かしたほうが早いのでこちらをご覧ください デザインファイルも一緒に見てみましょう 04

  7. 実際の実装とは何が違うのか？ - TextThemeの種類が違う（Display**系） - SizedBoxが無いのでListView内でもPaddingで調整が必要 - ComponentをUI上で作成するとき結構大変だが、引数設定は楽 - 丸角設定は四隅を簡単に設定できる -

    obscureTextの設定をすると勝手にアイコンが付く - ボタンを押したときに画面遷移の設定は簡単で、ダイアログを出すのも簡単 - カラーの設定が意外と面倒 05

  8. コードの観点で見てみると コードダウンロードしたかったけど有料じゃないと出来なかった… - コードは無駄が多そうだけど読みやすい - 書くべきこと（disposeするなどのお作法）は整ってそう 06

  9. まとめ 簡単な画面をコードで1から書くより早そう デザイナさんとコラボして作ったらよさそう 一部は実装めんどくさそう