Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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

Avatar for MinatoIshiwata MinatoIshiwata
December 27, 2023
Technology
0
97

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
720

Other Decks in Technology

See All in Technology
Lookerで実現するセキュアな外部データ提供
Avatar for ZOZO Developers zozotech
PRO
0
190
Snowflake導入から1年、LayerXのデータ活用の現在 / One Year into Snowflake: How LayerX Uses Data Today
Avatar for Civitaspo civitaspo
0
1.6k
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
Avatar for yayoi_dd yayoi_dd
0
560
高度サイバー人材育成専科資料（前半）
Avatar for Nomizo Nomizo nomizone
0
400
まだ間に合う！ Agentic AI on AWSの現在地をやさしく一挙おさらい
Avatar for みのるん minorun365
17
2.1k
意外と知らない状態遷移テストの世界
Avatar for nihonbuson nihonbuson
PRO
1
140
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
Avatar for emi emiki
0
250
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
Avatar for hoshi7_n hoshi7_n
2
1.5k
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
Avatar for Takanori Suzuki takanorig
4
1.7k
プロンプトやエージェントを自動的に作る方法
Avatar for shibuiwilliam shibuiwilliam
15
16k
フィッシュボウルのやり方 / How to do a fishbowl
Avatar for Pauli pauli
2
350
Agent Skillsがハーネスの垣根を超える日
Avatar for Gota gotalab555
5
2.9k

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
0
240
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
115
91k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
88
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
0
90
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
62
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
130
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

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