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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for MinatoIshiwata MinatoIshiwata
December 27, 2023
Technology
0
100

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
不確実性と戦いながら見積もりを作成するプロセス/mitsumori-process
Avatar for hiro@miraito hirodragon112
1
130
Oracle Cloud Infrastructure(OCI)：Onboarding Session(はじめてのOCI/Oracle Supportご利⽤ガイド)
Avatar for oracle4engineer oracle4engineer
PRO
2
17k
脳が溶けた話 / Melted Brain
Avatar for Keisuke69 keisuke69
1
1.1k
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
Avatar for giginet giginet
PRO
2
230
BFCacheを活用して無限スクロールのUX を改善した話
Avatar for Ryuya Yanagi apple_yagi
0
130
タスク管理も1on1も、もう「管理」じゃない - KiroとBedrock AgentCoreで変わった“判断の仕事”
Avatar for Yusuke Shimizu yusukeshimizu
0
150
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
Avatar for terry-u16 terryu16
0
630
トイルを超えたCREは何屋になるのか
Avatar for 弁護士ドットコム bengo4com
0
100
「お金で解決」が全てではない！大規模WebアプリのCI高速化 #phperkaigi
Avatar for すてにゃん stefafafan
5
2.4k
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
Avatar for Shuntaro Azuma a2ush
0
180
【AWS】CloudTrail LakeとCloudWatch Logs Insightsの使い分け方針
Avatar for Yuma Tsurugasaki tsurunosd
0
130
SaaSの操作主体は人間からAIへ - 経理AIエージェントが目指す深い自動化
Avatar for Motoshi Nishihira nishihira
0
120

Featured

See All Featured
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
500
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.1k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.5k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.8k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.9k
Design in an AI World
Avatar for tapps tapps
0
180
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.2k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k

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から書くより早そう デザイナさんとコラボして作ったらよさそう 一部は実装めんどくさそう