Ionic FrameworkPhoneGap/Cordova

ประสบการณ์ลองใช้ Visual Studio 2015 ทำแอพ Cordova

เรื่องที่เกี่ยวข้อง - , , ,

Visual Studio 2015 RC ปล่อยออกมาแล้วคร้าบ

ไหนๆ Microsoft จะประกาศความเป็น Open source ในระบบหลายๆ ตัว และปรับให้เครื่องมือสุดยอดสามารถเข้าถึงได้ง่ายโดยออกเป็นรุ่น Community Edition อีก โค้ชพลไม่รอช้า ขอคว้า VS 2015 RC เอามาทดลองใช้งานทันที

อยากรู้ว่าจะช่วยให้เราพัฒนาแอพพลิเคชั่นแบบ Cross-platform ด้วย PhoneGap/Cordova หรือ Ionic Framework ง่ายขึ้นขนาดไหน หรือรู้สึกไม่ดียังไง

ต้องขอบอกก่อนว่าโค้ชพลผ่าน .NET C# มากับ Visual Studio 2010, 2013 แล้วก็สลับใช้เครื่องมือตามความเหมาะสม เช่น Sublime Text หรือ Bracket รวมไปถึง Adobe Dreamweaver CC ตอนนี้ก็ใช้เครื่อง Mac ลง Parallel Desktop อยู่ โดยการรีวิวจะเป็นตามมุมมองของโค้ชพล ตามที่ใช้งาน และไปอบรมหลายๆ องค์กรนะ

เริ่มต้นจากส่วนที่ผมคิดว่าเจ๋ง…

1. เหมาะสำหรับสาย .NET (+1)

อันนี้ตรงตัวที่สุดแล้ว เพราะตัวโปรแกรมมันคือ Visual Studio เวอร์ชั่นใหม่นั่นเอง

ระบบการจัดการ ก็สามารถปรับให้เหมาะสมกับโปรเจคได้เช่น Development Setting สำหรับ Javascript เป็นต้น

VS2015 Start up window

การสร้างและจัดการโปรเจคก็สามารถสร้างได้ในรูปแบบเดียวกับโปรเจค .NET อื่นๆ คนทำ C#.NET หรือ VB.NET มาก่อน จะเข้าใจได้ไม่ยาก

VS2015 - create cordova project like NET

รวมถึงการรันตัวแอพพลิเคชั่นของ PhoneGap/Cordova บน Simulator ก็เป็นแบบเดียวกับการพัฒนา .NET Application หรือ ASP.NET เช่นเดียวกัน

VS2015 testing cordova android project

Emulator ของ Ripple และ Visual Studio 2015 ที่ให้มาพร้อมใช้ในการทดสอบตัว Mobile แอพ ของ PhoneGap/Cordova

พวก Code Intellisense ก็สามารถช่วยเข้าถึง PhoneGap/Cordova Plugin แบบมาตรฐานได้เช่นกัน เช่นในภาพด้านล่างก็คือการเรียกใช้ Camera Plugin เอาไว้เปิดกล้องถ่ายรูปใน Smart phone

VS2015 Intellisense for Cordova project

โดยโค้ชพลจะนำ Visual Studio 2015 Community Edition มาใช้ในการจัดอบรมให้กับองค์กร, บริษัท, หรือสถาบันการศึกษาที่ผู้เข้าอบรมใช้ Visual Studio หรือ .NET เป็นอยู่แล้วด้วยครับ

ติดต่อสอบถาม จัดอบรม PhoneGap/Angular JS/Ionic Framework ให้ทีมของคุณ

2. การติดตั้งระบบแบบรวดเดียวจบ (+1)

ความยุ่งยาก (ที่สุด) แล้วของการใช้ระบบ Open source ต่างๆ คือการติดตั้งโปรแกรม และตั้งค่าระบบต่างๆ ให้พร้อมกับการใช้งาน

ซึ่งส่วนใหญ่แล้วต้องทำเอง ไม่มีโปรแกรมทำให้ การใช้ Cordova ก็เช่นกัน

การติดตั้ง PhoneGap CLI และ Cordova CLI นั้นง่ายมาก (ดูวิธีติดตั้งที่โค้ชพลทำไว้ที่นี่) แต่พอติดตั้ง Android SDK, Java, และ Ant ดูสิ ถึงขั้นอยากหยิบดาบขึ้นมาฟาดฟันทีเดียว

Visual Studio จะทำให้ขั้นตอนนี้เหลือแค่ 2-3 คลิกเท่านั้นเองครับ โดยเราเลือกได้ว่าจะทำ Cordova App ไหมตั้งแต่ตอนติดตั้งตัว Visual Studio 2015

VS 2015 - Download Cordova Android SDK

แน่นอนว่าระบบทั้งหมดจะตั้งค่าให้ถูกเรียกใช้งานจากตัว Visual Studio ซึ่งถ้าพวกเราเป็นนักพัฒนาที่ยังไม่มีความเข้าใจระบบต่างๆ เพียงพอ จะดัดแปลงไปใช้กับสภาพการทำงานแบบอื่นได้ยาก

เหล่าพี่น้องที่โปรๆ แล้วก็คงไม่ครนามือล่ะ หึๆ

แต่ถ้าเอาแค่การติดตั้ง Android SDK หรือระบบ PhoneGap CLI, Cordova CLI มาในครั้งเดียว ตรงนี้โอเคเลย

เอาล่ะมาดูฝั่งที่ผมคิดว่ามันยังไม่ค่อยโอเคกันบ้าง

1. สายอื่นมาเจอ Visual Studio ครั้งแรกจะอึ้ง

อย่างที่บอกไปในข้อดี สาวก .NET น่าจะมีความสุข แฮปปี้กับ Visual Studio

แต่ถ้าใครไม่เคยใช้มาก่อน แล้วอยากลองโดดไปทำ อาจจะต้องอ้าปากค้างกับส่วนติดต่อผู้ใช้ หรือ UI ที่มันอัดแน่นในอยู่ในโปรแกรม

ด้วยการที่ Visual Studio เป็นเครื่องมือสำหรับสาย Developer มานาน หน้าตามันจะอัดแน่นไปด้วยปุ่ม และเครื่องมือยังกับมีดพก Swizz เลยครับ

มือเซียนที่ใช้ Visual Studio ไม่มีปัญหาแน่ๆ

แต่สำหรับคนที่ไม่เคยใช้ Visual Studio เลย หรือห่างหายไปนานมากล่ะก็ อาจจะต้องใช้เวลาในการเรียนรู้พอสมควร

ข้อคิดเห็นนี้ มาจากที่โค้ชพลไปให้คำปรึกษาในหลายโปรเจค ซึ่งทีม (ที่ไม่ใช่ .NET) จะนิยมใช้ Editor แบบ Open-source อย่าง Atom, Bracket หรือเสียเงินเบาๆ อย่าง Sublime Text

ซึ่งมันต่างจาก Visual Studio ในหลายๆ จุด ยิ่งคนที่เคยชินกับระบบการทำงานแบบง่ายๆ เช่นใช้ Sublime Text ติด Package และสั่งผ่าน Command Prompt อาจจะสงสัยว่า มันจะคุ้มไหมถ้าต้องเสียเวลาเรียนรู้เครื่องมือใหม่ตัวนี้

2. การอัพเดตตามเทคโนโลยีต้นสังกัดจะช้าหรือไม่?

จากการที่โค้ชพลทดลองสร้างแอพง่ายๆ ขึ้นมาตัวหนึง โดยใช้ขั้นตอนการการทำงานแบบเดิม ทำให้สังเกตเห็นว่า หลายๆ ส่วนของเครื่องมือใน Visual Studio จะอาศัย template ของตัว Cordova ที่ตั้งมาให้กับ Visual Studio เป็นหลัก

ไม่ได้ถูกอัพเดตโดยตรงจาก Repository ของ Apache Foundation ที่ดูแลโครงการ Cordova โดยเฉพาะ ซึ่งโครงสร้างของตัวโปรเจคเริ่มต้นใน Visual Studio ก็ไม่เหมือนกับต้นฉบับของ Cordova

และโปรเจคต้นแบบที่สามารถหาโหลดได้จาก Internet เป็นแบบทำเอง (มี Ionic Framework ที่ทีมนักพัฒนาต้นสังกัดเอามาฝากไว้ แต่เป็น Tab template แบบเดียว

VS2015 Cordova and Ionic template online

รายการ Project Template สำหรับแอพ Cordova ที่ให้โหลดผ่าน Visual Studio เกิดจากนักพัฒนาทั่วไปทำกันขึ้นมาเอง

ซึ่งน่าจะเกิดจากที่ทางต้นสังกัดเป็น Open Source เลยเป็นลักษณะอยากได้ก็เอามาใส่เอง ไม่ได้เป็นพันธมิตรกันเต็มที่

ตรงจุดนี้ โค้ชพลก็ยังเชื่อว่า Microsoft คงไม่ใช้ Cordova มาโฆษณาเฉยๆ น่าจะพัฒนารองรับส่วนของการอัพเดตตัว Cordova CLI และเหล่า Template ของ Android และ iOS เพิ่มเติมได้ เดี๋ยวเจอวิธีแล้วจะมาอัพเดตให้อีกครั้ง ตรงนี้ใครทราบ วานบอกโค้ชด้วยนะครับ 🙂

สรุปการลอง Visual Studio 2015 CE สำหรับทำแอพ Cordova

Visual Studio นับว่าเป็นกระบี่ศักดิ์สิทธิ์เล่มหนึ่งที่นักพัฒนาทุกคนถวิลหา (โดยเฉพาะคนใช้ Windows)

แต่ด้วยท่าทีที่ตอนนี้เหมือน Microsoft ตั้งใจรวมทุกเทคโนโลยีในโลก Developer มาอยู่ในโปรแกรมตัวเดียว จะทำให้โปรแกรมซับซ้อนเกินการใช้งานหรือไม่? ส่วนนี้ต้องติดตามกันต่อไป

และความเจ๋งของ Visual Studio ที่ตอนนี้เริ่มเปิดให้ใช้งานฟรีในเวอร์ชั่น Community จะทำให้คนที่ใช้เครื่องมือเดิมพัฒนาอยู่แล้ว ย้ายมาใช้งานโปรแกรมนี้ได้หรือไม่ ตรงนี้ต้องขอลองใช้งานอีกสักพัก แล้วจะมาอัพเดตให้อีกครั้ง

ส่วนอื่นๆ มีดังนี้ครับ

  1. การติดตั้งระบบพื้นฐานในการพัฒนาแอพ Android นั้นสะดวกมาก
  2. Template Project น้อย และไม่ได้มาจากต้นสังกัดที่ดูแลเทคโนโลยีนี้
  3. ยังต้องดูท่าทีของการสนับสนุนจากเจ้าของเทคโนโลยี ซึ่งถ้าไม่เข้ามาร่วม ก็กังวลว่าส่วนนี้จะไม่ได้รับการดูแลและพัฒนาต่อ

สำหรับโค้ชพล ตอนนี้ของเปิด Sublime Text ขึ้นมาแก้ไขโปรเจค Ionic Framework ก่อนล่ะครับ

เปิดอบรมสร้าง Cross Platform Mobile Application ด้วย Ionic Framework

เหมาะสำหรับคนทำเว็บ, เริ่มต้น JavaScript ES6 และ Angular เข้าใจง่าย, ใช้ได้จริง

สอบถาม หรือติดต่อจัดอบรมโทร 083-071-3373

โปรหน้าฝน! เรียนรอบสด รับคอร์สออนไลน์มูลค่ากว่า 5800 บาทฟรี!

Loading Facebook Comments ...

1 Comment. Leave new

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Menu