ตอบคำถาม: Ionic framework ต่างจาก PhoneGap/Cordova อย่างไร?

หนึ่งในคำถามยอดฮิตสำหรับการทำ Mobile App แบบ Cross platform หรือที่เรียกกันว่า Hybrid Mobile App ที่ถามกันมาทางแฟนเพจ และงานอบรมที่สอนก็คือ…

Ionic framework ต่างจาก PhoneGap/Cordova อย่างไร?

เรามาหาคำตอบกัน เริ่มจาก

Ionic Framework เชื่อมโยงกับ PhoneGap/Cordova ยังไง?

เอาเป็นว่าขอยกคำนิยามของ PhoneGap/Cordova ที่อธิบายไว้ในคอร์สออนไลน์มาในที่นี้สั้นๆ ว่า

PhoneGap/Cordova เป็นแค่ระบบแพ็คข้าวกล่องมาตรฐาน นักพัฒนาคือเชฟ ปรุงแอพขึ้นมาโดยใช้ HTML,CSS, JavaScript

และใช้ระบบนี้และ แพ็คแอพที่ปรุงเสร็จ ส่งขายเหมือนข้าวกล่องอื่นๆ ที่ใช้ภาษา Native ใน App Store และ Play Store

จะเห็นว่า PhoneGap/Cordova มีหน้าที่เดียว คือการ “หุ้ม” แอพพลิเคชั่นที่เขียนด้วยภาษาเว็บของเราด้วย Native Application จริงๆ นั่นเอง

PhoneGap/Cordova จึงจัดได้ว่าอยู่ในสถานะ “Platform” ในอีกทางหนึ่ง

และ PhoneGap/Cordova ไม่ได้มายุ่งในส่วนของ User Interface หรือตัวแอพพลิเคชั่นด้านใน

เปิดโอกาสให้นักพัฒนาอย่างพวกเรา เขียน HTML, CSS, JavaScript กันเอง เหมือนหาเครื่องปรุง ใช้ฝีมือกันเอาเอง

ใครทำเก่งก็ได้อาหารน่ากิน ใครไม่เก่งก็ได้อาหารไปวัดไปวา หรือไม่ก็กินไม่ได้เลย

เหมือนถ้าเราเริ่มต้นมามีแค่เตาถ่าน ทำอาหารได้ แต่มันต้องใช้ทักษะ และความชำนาญสูงหน่อย

จนมีคนกลุ่มหนึ่งคิดได้ว่า ด้วยการคลำทางไปเรื่อยๆ นี่เอง ทำให้ PhoneGap/Cordova มีชื่อเสีย เพราะคนที่ทำเว็บไม่เป็นจริงๆ หรือรู้แค่ผิวเผิน ก็สร้างแอพที่ไม่มีคุณภาพออกมา

คนกลุ่มนี้ก็เลยสร้าง “ชุดเครื่องครัวแฮปปี้พร้อมใช้” ชื่อ Ionic Framework ออกมาครับ ซึ่งเป้าหมายคือทำให้การทำ Mobile App แบบ Hybrid มันง่ายขึ้น และมีประสิทธิภาพดีขึ้นนั่นเอง

Ionic Framework แตกต่างจาก PhoneGap/Cordova อย่างไร?

ดังนั้น Ionic Framework แตกต่างจาก PhoneGap/Cordova เพราะตัวมันเองเป็น framework ที่รวมเทคโนโลยีต่างๆ รวมถึง PhoneGap/Cordova เข้ามาด้วย

ไม่ได้เป็นเทคโนโลยีที่จะมาล้มล้าง PhoneGap/Cordova

Ionic สร้างขึ้นเพื่อเติมเต็มช่องโหว่ของวิธีทำ Mobile App แบบ Hybrid ต่างหาก หาก หาก! 

1. Ionic framework สร้างระบบ User Interface ที่เน้นทำงานได้อย่างรวดเร็ว ลื่นไหลบน Mobile Device โดยเฉพาะ ไม่ต้องไปหา UI อื่น
2. Ionic มีการผสานกับระบบ Native เพื่อเพิ่ม Performance ให้สูงขึ้นไปอีกด้วย เช่น collection-repeat หรือ Android Native Scrolling
3. Ionic เลือก Angular JS มาใช้ในส่วนของการเขียน JavaScript เพื่อให้นักพัฒนาสร้างแอพได้อย่างรวดเร็ว
4. Ionic จะใช้ Cordova เป็นตัวแพ็คแอพประสิทธิภาพสูงของตัวเอง เป็นไฟล์ Native (ipa, apk) เพื่อนำไปใช้ใน Mobile device ได้

Ionic จึงเหมือนเป็นชุดเครื่องครัวพร้อมใช้ ที่รวมเอาระบบของ PhoneGap/Cordova ไว้ในตัว เพื่อให้ได้ Framework ที่สร้าง Hybrid Mobile App ประสิทธิภาพสูงโดยเหนื่อยน้อยกว่าเมื่อก่อนนั่นเอง

เรียนรู้ Ionic คือเรียนรู้การทำ Mobile App แบบ Cross platform ที่ดีกว่าเดิม

คำตอบที่โค้ชพลอธิบายให้หลายๆ คนก่อนที่จะตัดสินใจใช้งาน Ionic เป็นเครื่องมือในการทำแอพแบบ cross platform ก็คือ:

Ionic เป็นระบบที่ใช้งานง่ายกว่าการใช้ PhoneGap/Cordova เพียวๆ ทำให้ได้แอพที่ดีกว่าทั้งประสิทธิภาพ และความเร็วในการพัฒนา

ข้อดีอื่นๆ ของการใช้งาน Ionic framework (เผื่อเอาไปอธิบายให้บอส หรือเพื่อนๆ ฟังได้อย่างถูกต้อง)

• ได้เรียน Angular JS ไปในตัว ซึ่งเป็น JavaScript framework ที่นิยมใช้ในปัจจุบันสำหรับทำเว็บแอพ
• ได้เรียนรู้โลกของการทำ Mobile App และการใช้งาน PhoneGap/Cordova โดยเฉพาะถ้าเราทำเว็บมาตลอด โค้ชพลแนะนำเลย
• เปิดโอกาสใหม่ๆ ให้กับนักพัฒนาเว็บ เพราะเราสามารถตอบโจทย์ลูกค้าด้วยความสามารถเดิมของเราได้

น่าจะตอบคำถามหลายๆ คนได้ว่า Ionic Framework แตกต่างจาก PhoneGap/Cordova ยังไงได้นะ