[DevFestTokyo]Accelerating Flutter App Development Using Generative AI

This is the slide, "Accelerating Flutter App Development Using Generative AI" at DevFest Tokyo 2024.
#gdgtokyo #DevFest2024 #DevFest #DevFestTokyo #flutter #flutterjp

Transcript

1. Accelerating Flutter App Development Using Generative AI Tokyo Kenichi Kambara Principal Evangelist@NTT TechnoCross November 30, 2024
2. •Mobile App Development •Speeches (e.g. 19 Int’l/100+ Domestic) •Writings (e.g. 10 Dev/Edu Books) •[Official] Evangelist at NTT TechnoCross •[Private] iplatform.org About me Kenichi Kambara (X:@korodroid)
3. Generative AI@AI Heroes 2024 Recent Activities (Overseas) Generative AI@Method Conference 2024 Flutter&AR@DevFest Atlanta 2024 Flutter&Globalize@DevFest Milano 2024
4. Using Generative AI for App Development Code Generation Refactoring & Modernization Test Case Generation Code Review Debugging Performance Improvement
5. 1st Try: Code Generation with Generative AI Code Generation Refactoring & Modernization Test Case Generation Code Review Debugging Performance Improvement
6. Generative AI (for Accelerating Development) Automate / Assist in code generation. Gemini ChatGPT Claude
7. The First Recipe with Flutter & Generative AI
8. Workflow of Flutter App Dev Using Generative AI Step1. Generating the base code Step2. Modifying the app Step3. Continue step by step with similar procedures Just an example
10. Step 1: Generating the Base Code
11. Step 1: Generating the Base Code
12. ChatGPT Gemini Claude Step 1: Generating the Base Code
13. Step 2: Modifying Your App Some Issues… •Changing the clock's color •Clock appears too small •Adding a clock face •More customizations…
14. e.g. Changing the clock's background color
15. e.g. Clock appears too small
16. e.g. Clock appears too small
17. Step3. Continue Modifications Step by Step Additional features: •Changing the color of the second hand •Adding numbers (1-12) •Adding a mark at 12 o’clock
18. 2nd Try: Debugging with Generative AI Code Generation Refactoring & Modernization Test Case Generation Code Review Debugging Performance Improvement
19. Debug: Facing a Build Error
20. Asking Generative AI: Prompt Example
21. Context-Aware Responses: Simplified Prompts
22. Solution by Generative AI
23. Debug: Build Error Resolved
24. 3rd Try: Code Review with Generative AI Code Generation Refactoring & Modernization Test Case Generation Code Review Debugging Performance Improvement
25. Bad Code Example
26. Asking Generative AI: Prompt Example
27. Solution by Generative AI
28. Utilizing generative AI as a tool🙌 Speeds up App development!🚀 Conclusion
29. Feel free to reach out if you have any requests, whether for technical speeches, writing, or anything else. Facebook: http://fb.com/kanbara.kenichi X: @korodroid LinkedIn: http://www.linkedin.com/in/korodroid Thank you so much