Ionic Framework Extension for Adobe Dreamweaver CC

ช่วงหลังๆ มานี้ทาง Adobe ได้ยกเครื่อง Dreamweaver ไปมาก ทั้งเบาขึ้น เร็วขึ้น และทำให้รองรับระบบ framework ใหม่ๆ อย่าง Bootstrap ด้วย ซึ่งถ้าพูดถึง Mobile Web Framework หลายๆ คนคงคุ้นเคยดีกับ JQuery Mobile แต่ผมคิดว่า Ionic Framework ก็น่าสนใจไม่แพ้กัน

โครงการสร้าง Ionic Extension

สำหรับหลายๆ คนที่เคยใช้ Adobe Dreamweaver CC จะพบว่าในส่วนของ Insert Panel นั้นมีโค้ดชุดสำเร็จ (Code Snippet) ของ JQuery Mobile ให้ใช้งาน ซึ่งมันก็ทำได้ดีเสียด้วย

โดยผมใช้ในการสอนน้องๆ ชั้นมัธยมปลาย สำหรับการเรียนรู้ภาพรวมการพัฒนา Mobile Application ด้วยภาษาเว็บบ่อยๆ ซึ่งถ้าสถาบันการศึกษา หรือโรงเรียนไหนสนใจ ก็ติดต่อ 083-071-3373 ได้ครับ

และด้วยความง่ายในการเข้าถึงมันนี่เอง ทำให้ผมคิดว่า Ionic Framework ก็น่าจะทำได้ด้วยเช่นกัน โดยเป้าหมายที่คาดหวังไว้คือ

• Code snippet ของ Ionic Framework UI
• สร้างโปรเจค Ionic Framework ได้โดยตรงจาก Adobe Dreamweaver
• เพิ่ม Mobile Platform อย่าง iOS และ Android ได้โดยตรง
• สั่งทดสอบแอพพลิเคชั่นบนเครื่องได้โดยตรง

ซึ่งตอนที่เขียนบทความนี้ โปรเจคกำลังอยู่ในช่วง alpha ครับ ถ้ามีความคืบหน้า จะมาแจ้งให้ทราบทาง blog และ Fan Page อีกครั้ง

การสร้าง Extension สำหรับเครื่องมือค่าย Adobe

ในการสร้างส่วนเสริม ที่หลายๆ คนจะคุ้นชื่อว่า Plug in (ของ Adobe เรียกว่า Extension) นั้น จริงๆ มันมีเครื่องมือช่วยสร้างตัวไฟล์ติดตั้งอยู่ ชื่อว่า Adobe Extension Builder ซึ่งสามารถดูข้อมูล และดาวน์โหลดได้จาก link ด้านล่าง

• Adobe Extension Builder ใน Adobe Labs
• ดาวน์โหลด Adobe Extension Builder