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

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

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
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
240
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
1
170
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
2
180
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.6k
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
93k
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
160
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
3
220
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
190
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.8k
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
Avatar for abemii_ abemii
0
150
コミュニティが変えるキャリアの地平線：コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
Avatar for Kento Suzuki kentosuzuki
0
130
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
610

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
140
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
190
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
93
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
760
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.1k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
330
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
67
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k

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