flutter Archive

สรุป Stack ในการพัฒนาระบบด้วย Flutter + Dart + Cloud run และ Firebase Realtime Database

จาก Google I/O มี session ที่น่าสนใจเกี่ยวกับ การพัฒนาระบบด้วย Flutter คือ frontend สนับสนุนทั้ง mobile, web และ desktop application Dart และ Cloud Run คือ backend หรืออาจจะใช้ Serverless ก็ได้ Firebase Realtime Database คือ database ที่ใช้เก็บข้อมูล หรืออาจจะใช้งาน Firestore ก็ได้ เป็น stack ที่น่าสนใจมาก ๆ

Read More…

[Dart] สรุปจาก session เรื่อง Why null safety ?

ใน Flutter 2.2 นั้น Null Safety จากภาษา Dart จะเป็นค่า default ให้เลยเนื่องจากก่อนหน้านี้จะต้องทำการ migrate project ตามความต้องการดังนั้นเรามาทำความเข้าใจกันว่า ทำไมต้อง Null Safty ด้วยมาจาก VDO ในงาน Google I/O 2021 เรื่อง Why null safety ?เป็นอีก session ที่ชอบมาก ๆจึงสรุปไว้นิดหน่อย

Read More…

[Flutter] จัดการ version ด้วย FVM (Flutter Version Management)

ว่าง ๆ ของไปดูตัวจัดการ version ของ Flutter หน่อยซึ่งปกติก็จะติดตั้งและ set PATH ไปเพราะว่า ไม่ต้องจัดการ version อะไรมากมายนักแต่ก็อยากรู้ว่ามีเครื่องมืออะไรมาจัดการหรือไม่ก็ไปเจอเครื่องมือเรียกว่า FVM (Flutter Version Management)

Read More…

[Flutter] บันทึกแนวทางการจัดการเรื่อง SEO (Search Engine Optimization)

จาก Flutter 2 ที่ออกมา โดยรองรับการพัฒนา web application ด้วยจึงมีปัญหาหนึ่งเรื่องที่ใน community ของกันเยอะนั่นก็คือเรื่องของ SEO Friendly หรือใน Flutter User Experience Research (UXR) ก็มีเช่นกันรวมทั้ง feature อื่น ๆ เช่น Hot Reload (ไม่ต้องมากดได้ไหม) เป็นต้น

Read More…

สวัสดี Flutter 2.2

จากงาน Google I/O ได้ประกาศปล่อย Flutter 2.2 ออกมาให้ใช้งานโดยมีเป้าหมายเพื่อปรับปรุงประสิทธิภาพการทำงานรวมทั้งช่วยส่งมอบระบบงานที่น่าเชื่อถือมากยิ่งขึ้น ดังนี้

Read More…

ว่าด้วยเรื่องของ Widget testing ใน Flutter

สำหรับระบบงานที่พัฒนาด้วย Flutter นั้นเมื่อทำการสร้าง project ใหม่ขึ้นมาจะพบว่าจะมี folder test มาให้ด้วยเสมอพร้อม test case เริ่มต้นมาให้ แต่จากที่เห็นหลาย ๆ project ก็จะไม่มี test case อะไรเพิ่มขึ้นเลยหนักกว่านั้นทำการลบทิ้งไปอีก !! ทำไมนะ ?ทดสอบระบบงานกันแบบไหนนะ

Read More…

Stateless และ Stateful widget ของ Flutter

ในการพัฒนาระบบงานด้วย Flutter ไม่ว่าจะเป็น web app, mobile app และ native app ก็ตามพื้นฐานที่เหมือนกันก็คือ เรื่องของ Widgetหรือถ้าเทียบในฝั่ง web ก็คือ web componentตามที่คนเขียน ReactJS, Angular และ VueJS ใช้งานกันปกติ

Read More…

[Dart] เปลี่ยนมาใช้งาน Dio package สำหรับเรียกใช้งาน API

สำหรับการพัฒนาระบบด้วยภาษา Dart และ Flutterต้องมีการทำงานร่วมกับ REST APIซึ่งก็มี package ต่าง ๆ ให้ใช้งาน รวมทั้ง http package ที่ Dart official เตรียมไว้ให้แต่พอใช้ไปสักพักอาจจะเบื่อกับการเขียนซ้ำ ๆ ดังนั้น ทำให้ต้องหา package อื่น ๆ มาใช้งานบ้างหนึ่งใน package ที่ใช้อยู่ในปัจจุบันคือ Dio

Read More…

จดบันทึกปัญหาที่เจอจากการพัฒนาระบบ Web ด้วย Flutter 2.0

เนื่องจากมีโอกาสนำ Flutter 2.0 มาพัฒนาระบบ web applicationซึ่งก่อนหน้านี้ใช้พัฒนาแต่ Mobile app เท่านั้นใน Flutter 2.0 นั้นเพิ่ม web application เข้ามาด้วยแต่เมื่อนำมาใช้พัฒนาระบบงานจริง ๆก็เจอปัญหาหรือ issue ต่าง ๆ ขึ้นมาจึงจดบันทึกไว้นิดหน่อย

Read More…

ตอนนี้ CodePen สนับสนุน Flutter แล้วนะ

CodePen น่าจะเป็นอีก website ที่นักออกแบบและนักพัฒนาฝั่ง Frontend ใช้งานกันซึ่งตอนนี้สามารถ run Flutter ได้แล้วน่าจะช่วยอำนวยความสะดวกต่อการทดลอง โชว์ codeและแลกเปลี่ยนแนวทางในการพัฒนาได้อีกเยอะเลยไปลองใช้งานกันดู

Read More…