ปีนี้ แอปมือถือยังคงเป็นที่นิยมมากขึ้นเรื่อยๆ โชคดีที่มีเครื่องมือเขียนโปรแกรมมากมายสำหรับนักพัฒนาที่อยากสร้างแอป ในเครื่องมือเหล่านั้น Flutter ได้โดดเด่นขึ้นมา
Flutter คืออะไร?
Flutter เป็นกรอบงาน UI มือถือฟรีและโอเพนซอร์ส ที่ Google สร้างและปล่อยเมื่อพฤษภาคม 2017 อย่างสั้นๆ คือ สร้างแอปมือถือ native ได้ด้วย codebase เพียงเดียว หมายความว่าใช้ภาษาเขียนโปรแกรมเดียวและ codebase เดียว สร้างแอป 2 แอปได้ (สำหรับ iOS และ Android)
Flutter ประกอบด้วย 2 ส่วนสำคัญ:
- SDK (Software Development Kit): ชุดเครื่องมือช่วยพัฒนาแอป รวมถึงเครื่องมือ compile โค้ดเป็น native machine code (โค้ดสำหรับ iOS และ Android)
- Framework (UI Library based on widgets): ชุด UI elements ที่นำกลับมาใช้ซ้ำได้ (ปุ่ม, text inputs, sliders ฯลฯ) ที่ปรับแต่งได้ตามต้องการ
เพื่อพัฒนาด้วย Flutter คุณจะใช้ภาษาเขียนโปรแกรมชื่อ Dart ภาษานี้ Google สร้างเมื่อตุลาคม 2011 แต่นั่นมาได้รับการปรับปรุงมาก
Dart เน้น front-end development สร้าง mobile และ web apps ได้
ถ้ารู้พื้นฐานเขียนโปรแกรม Dart เป็น typed object-oriented language สามารถเปรียบเทียบ syntax กับ JavaScript ได้
“Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.” - Google, flutter.dev
ทำไมควรเรียน Flutter?
ผมเลือกเหตุผลบางส่วนที่ชอบ Flutter และอยากใช้ปีหน้า รายละเอียดและ feedback ด้านล่าง
เรียนรู้และใช้งานง่าย
Flutter เป็น modern framework รู้สึกได้เลย! สร้าง mobile apps ง่ายกว่ามาก หากเคยใช้ Java, Swift, หรือ React Native จะสังเกตว่า Flutter แตกต่าง
ส่วนตัวผมไม่เคยชอบ mobile app development ก่อนใช้ Flutter
สิ่งที่ชอบคือ สร้าง native app จริงได้โดยไม่ต้องเขียนโค้ดเยอะ
คอมไพล์เร็ว: ประสิทธิภาพสูงสุด
ขอบคุณ Flutter คุณเปลี่ยนโค้ดและเห็นผลทันที เรียกว่า Hot-Reload ใช้เวลาสั้นหลัง save ก็อัปเดตแอปแล้ว
การเปลี่ยนแปลงใหญ่ๆ ต้อง reload app แต่ถ้าทำงานด้าน design เช่นเปลี่ยนขนาด element มัน real-time เลย!
เหมาะสำหรับ Startup MVPs
อยากโชว์ผลิตภัณฑ์ให้นักลงทุนเร็วที่สุด Flutter เป็น選擇ที่ดี
เหตุผล 4 ข้อสำหรับ MVP:
- พัฒนาแอปถูกกว่า เพราะไม่ต้องสร้างและดูแล 2 แอป (iOS และ Android แยกกัน)
- ต้องการ developer เพียง 1 คน สร้าง MVP ได้
- ประสิทธิภาพดี - ไม่สังเกตความแตกต่างระหว่าง native app และ Flutter app
- สวยงาม - ใช้ widgets จาก Flutter ปรับแต่งได้ง่าย สร้าง UI มีคุณค่าให้ลูกค้า (ดูตัวอย่างแอป Flutter ด้านล่าง)
เอกสารประกอบดี
สำคัญสำหรับเทคโนโลยีใหม่ที่จะมี documentation ดี แต่ไม่ได้มีเสมอไป!
จาก Flutter documentation เรียนรู้ได้เยอะ รายละเอียดครบ ตัวอย่างง่ายสำหรับ basic use cases ทุกครั้งที่ผมมีปัญหา widget ในโค้ด ผมเช็ค documentation คำตอบอยู่ที่นั่น
ชุมชนที่เติบโต
Flutter มีชุมชนแข็งแกร่ง และเพิ่งเริ่มต้น!
คุณรู้ว่าผมชอบแชร์ความรู้และเนื้อหา programming บนเว็บไซต์ ผมต้องรู้ว่ากำลังทำงานบนเทคโนโลยีที่มีศักยภาพและมีผู้สนับสนุนมาก
ตอนเริ่มใช้ Flutter สิ่งแรกคือหาชุมชน และประหลาดใจที่… มีที่แลกเปลี่ยนข้อมูล Flutter เยอะมาก
นี่คือตัวอย่างที่ผมชอบเช็คทุกวัน ส่งข้อความ Twitter มาได้ถ้ามีข้อเสนอแนะ
- Flutter Awesome: รายการ awesome คัดสรร libraries และ tools Flutter ที่ดีที่สุด เว็บเผยแพร่เนื้อหารายวัน ตัวอย่าง templates คำแนะนำ ฯลฯ
- Awesome Flutter: GitHub repository (ลิงก์กับ Flutter Awesome) มีรายการ articles, videos, components, utilities ฯลฯ
- It’s all widgets!: รายการเปิดของแอปที่สร้างด้วย Flutter
- Flutter Community: Publication บน Medium มี articles, tutorials และอื่นๆ
รองรับโดย Android Studio และ VS Code
Flutter ใช้ได้บน IDE หลายตัว สองตัวหลักคือ Android Studio (IntelliJ) และ VS Code
Android Studio เป็นซอฟต์แวร์ครบวงจร มีทุกอย่าง integrated ต้องดาวน์โหลด Flutter และ Dart plugins เพื่อเริ่ม
VS Code เป็นเครื่องเบา ทุกอย่าง config ผ่าน plugins จาก marketplace
ผมใช้ Android Studio เพราะไม่ต้อง config มาก
คุณเลือก IDE ที่ชอบได้อิสระ!
โบนัส
ฟรีแลนซ์
อยากเริ่มทำฟรีแลนซ์ ควรคิดถึง Flutter
ในปี 2020 ผมเชื่อเทคโนโลยีนี้จะระเบิด หมายถึงคนเยอะจะหา developers ที่รู้ Flutter
Platform ฟรีแลนซ์ใหญ่สุดในฝรั่งเศสชื่อ Malt เผยแพร่ tech trends ปีนี้ Flutter โต +303% บน platform นี้ระหว่าง 2018-2019
สรุป
คุณคิดยังไงกับ Flutter? จะเริ่มเรียนปีหน้าหรือไม่?
หวังว่าบทนำนี้น่าสนใจและให้แรงจูงใจ แชร์บทความได้อย่างอิสระหากชอบ
อยากเนื้อหาแบบนี้ ติดตาม Twitter ผม ทีตเกี่ยว web development, self-improvement และการเดินทางเป็น full stack developer!
