Ionic Framework

สรุปทุกสิ่งที่ควรรู้ใน Ionic Framework รุ่นเต็ม 1.0.0

เรื่องที่เกี่ยวข้อง - Ionic Framework, PhoneGap/Cordova, PhoneGap/Cordova 5

Ionic หนึ่งใน Framework ยอดฮิตสำหรับพัฒนาแอพ iOS และ Android ด้วย HTML, CSS, และ Angular JS ได้ฤกษ์ปล่อยเวอร์ชั่น 1.0.0 กลางเดือนที่ผ่านมาครับ

หลังจากเกาะติดตั้งแต่เวอร์ชั่น Alpha, ทดสอบนำไปใช้งานในโปรเจคต่างๆ, รวมถึงถ่ายทอดวิธีการนำไปสร้างแอพอย่างถูกต้องให้กับองค์กร และบริษัทที่สนใจ โค้ชพลขอบอกว่าเจ้า Ionic Framework นี้เป็นหนึ่งใน Open source ที่น่าตื่นเต้นที่สุดตัวหนึ่ง ตั้งแต่โค้ชพลรู้จักมาเลย

มาดูสรุปความคืบหน้าในด้านต่างๆ ของ Ionic Framework รวมถึงทิศทางที่ทีมพัฒนา Ionic Framework กำลังเดินหน้าไปกัน

สรุปสถิติน่าสนใจของ Ionic Framework

  • ชื่อรหัสของเวอร์ชั่น 1.0.0 คือ “uranium-unicorn”
  • ออกเวอร์ชั่น Beta 14 รุ่น เวอร์ชั่น RC (Release Candidate) 5 รุ่น
  • โครงการใน GitHub มีคนให้ดาว 16,000 ดวง (การใช้ดาวใน GitHub คล้ายกับการกด Like ใน Facebook)
  • มีนักพัฒนาใช้ Ionic Framework สร้างแอพ iOS และ Android กว่า 600,000 แอพแล้ว
  • Contributor ใน GitHub 169 คน

แอพ iOS และ Android เด่นๆ ที่สร้างด้วย Ionic Framework

  • Sworkit แอพดูแลการออกกำลังกาย (ได้รับเลือกเป็น Featured แอพในหมวด Health & Wellness บน App Store)
  • Pacifica แอพสำหรับควบคุมความเครียด และอารมณ์ (ได้รับการแนะนำในเว็บ Buzzfeed และ Gizmodo UK)
  • Mallzee แอพ E-commerce ในเรื่องของแฟชั่นวัยรุ่น (ได้รับเลือกเป็น Best New Apps ตอนเปิดตัวใน App Store)
  • Ramente
  • EskomSePush แอพ (ติด 1 ใน 10 อันดับของ App Store ใน South Africa)
  • และอื่นๆ ที่มีคนส่งแอพเข้ามาที่ Showcase

ความสามารถใหม่ๆ ใน Ionic 1.0.0

  • Native Scrolling สำหรับ Android ใช้ความสามารถ Scroll ดูข้อมูลด้วยกลไกของ Android Native
  • Swipe to go back “ปัดเพื่อย้อนกลับ” บน iOS ที่ฝังมาให้เป็นค่าเริ่มต้นสำหรับแอพที่ทำงานบน iOS โค้ชพลทำวิดีโอแนะนำไว้ทีนี่
  • Collection-repeat เพิ่มประสิทธิภาพการแสดงผล List เร็วขึ้น โค้ชพลเคยแนะนำการใช้งานไว้ที่นี่
  • SVG Spinner ตัว Loading Icon แบบ SVG หยืดหยุ่น รองรับทุกความละเอียดหน้าจอ (อ่านวิธีใช้งานที่นี่)
  • Platform Continuity การแปลงร่างของแอพตาม platform ที่มันทำงาน โค้ชพลอธิบายแนวคิด และกลไกการทำงานใน Workshop ทุกครั้ง (เตรียมพร้อมใช้) ศึกษาเบื้องต้นได้ที่นี่
  • ปรับปรุงการทำงานกับ Keyboard ใน Modal Component และเวลาเปลี่ยนเครื่องจับหน้าจอ
  • รองรับการพัฒนาแอพ Windows Phone แล้ว! อ่านต่อได้ด้านล่างครับ 🙂

Ionic Framework กับการรองรับ Windows Phone

cordova-for-windows-visual-studio

Microsoft เปลี่ยนท่าทีอย่างเห็นได้ชัด ในด้านของการสนับสนุนนักพัฒนา (อ่านรายละเอียดได้จาก Blognone) ซึ่งทีมพัฒนา Ionic Framework ก็มีการเข้าร่วมโครงการเป็น Partner กับ Microsoft ด้วย

  • Ionic 1.0.0 เริ่มสนับสนุนการทำแอพ Windows Phone (แน่นอนว่ายังมี bug ในหลายๆ ส่วน) ตอนนี้ทีมงานทำงานใกล้ชิดร่วมกับทีมจาก Microsoft
  • Ionic ใส่ template ของโปรเจคตัวเอง (Tab Project) ลงไปใน Visual Studio Templates เพื่อให้เรียกใช้งานได้ง่าย (อ่านการใช้งาน Visual Studio 2015+ กับ PhoneGap/Cordova ที่นี่ครับ)
  • Native Scrolling จะถูกใส่ลงไปในระบบ Windows Phone เพื่อรีดประสิทธิภาพเหมือนกับแอพ Android

Ionic Platform: บริการออนไลน์ของ Ionic

นอกจากการปรับปรุงระบบของ Ionic Framework ทางทีมงานยังได้เผยถึงบริการออนไลน์ที่ชื่อ Ionic Platform โดยจะครอบคลุมการใช้บริการดังนี้

  1. Ionic Push บริการ Push notification ออนไลน์ สำหรับคนที่ขี้เกียจตั้ง server เอง
  2. Ionic Deploy ระบบอัพเดตตัวแอพโดยไม่ต้องทำผ่าน Store
  3. Ionic Analytics ระบบติดตามการใช้งานบนแอพของเรา เพื่อวิเคราะห์และปรับปรุง workflow ของแอพ (ทีมงานบอกว่ามี Heat maps ด้วย)
  4. Ionic Package ระบบ package โปรเจคเป็นไฟล์แอพพลิเคชั่น
  5. Ionic View App แอพ iOS และ Android สำหรับพรีวิวโปรเจคบนอุปกรณ์พกพา
  6. Playground Editor ออนไลน์ง่ายๆ สำหรับการทดลองสร้าง UI ด้วย Ionic Framework
  7. Ionic Creator IDE สร้าง UI หรือ Prototype ของ Ionic Framework แบบ Drag-and-Drop

โดยแต่ละตัวอยู่ในขั้นตอนการพัฒนาแบบคู่ขนาน คือบางส่วนใช้ได้ก่อน ก็จะเปิดให้ใช้ และแน่นอนว่าบริการออนไลน์อย่างนี้ ถ้าใช้จริงจัง ก็จะมีค่าใช้จ่าย

อย่างน้อยก็ค่า Server เขาล่ะนะ แต่ถ้าเราใช้สร้างแอพทำเงินกันจริงๆ จังๆ ค่าบริการก็ถือว่าคุ้มกับการแลกความเหนื่อยในหลายๆ จุดล่ะครับ

ซึ่งโค้ชพลจะมีอัพเดตวิธีการใช้งานในบริการต่างๆ ของ Ionic Platform เร็วๆ นี้

 

ติดตามเทคนิค และเรื่องราวอัพเดตได้จาก Category “Ionic Framework“, เรียนออนไลน์ที่ Udemy, หรือ YouTube ของโค้ชพลนะครับ

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

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

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

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

อ้างอิงจาก – Ionic Blog

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save