งาน Google I/O 2014 ที่ผ่านมา Google ได้เปิดตัวเครื่องมือหลายอย่างเกี่ยวข้องกับการพัฒนาเว็บไซต์และเครื่องมือต่างๆ เกี่ยวกับ Google Chrome เครื่องมือที่น่าสนใจคงหนีไม่พ้น Chrome Dev Editor ซึ่งเป็น Edit และ Generator ในตัวเเดียวกัน คือ ไม่ต้องกังวลเรื่อง Bower หรือ Yeoman หรือการใช้ Command Line อีกต่อไป เพราะ CDE สามารถสร้าง Boilerplate ของ Web Application ให้ได้ง่ายๆ อีกทั้งยังเชื่อมต่อกับ Polymer Designer ด้วยทำให้คุณมีเครื่องมือ Drag & Drop ในการใช้งาน Polymer ได้ง่ายขึ้นไปอีก สำหรับการ Depoly เป็น Chrome Application ก็ทำได้เลยง่ายๆ นอกจากนี้ยังสามารถ Deploy ไปเป็น Mobile Application ได้อีกด้วย

สำหรับการติดตั้ง CDE สามารถติดตั้งได้จาก Chrome Web Store ดังนี้

เมื่อติดตั้งแล้วลองเปิด App ขึ้นมาจะได้หน้าตาแบบนี้

เลือก Menu ซ้ายบนแล้วเลือก New Project

เลือกเป็น Java Script Chrome App (using Polymer paper element) จากนั้น CDE จะสั่ง bower ให้ติดตั้ง component ให้เราอัตโนมัติและพร้อมใช้งานได้เลย

ทดสอบ run ดูเราจะได้หน้า Boilperplate ของ Polymer ดังนี้

Comments are closed.