เคยคิดไหมว่า Code Editor ในปัจจุบันที่ดูเหมือนจะมีคุณสมบัติครอบจักรวาล ดูเหมือนจะเพียงพอกับการทำงานด้าน Web Design, หรือ Web Development มันจะมีอะไรที่ดีกว่านี้อีก?
เรามีทั้ง Code Inspector, Code hinting, Code completion, และอื่นๆ อีกมากมาย (จนทุกวันเราก็คิดว่าปัญหาของเราน่าจะอยู่ที่ Web browser แทน)
Team ของ Project Brackets ใน Adobe ก็สงสัยแบบนั้นเหมือนกัน และได้ทำการริเริ่มส่งผ่านไอเดียใหม่ๆ นี้มาสู่โครงการ Open-source ตัวใหม่ที่ชื่อว่า Brackets ครับ (จะสังเกตว่า ไม่มีคำว่า Adobe นำหน้า)
Brackets คืออะไร?
ใช่ ใช่ มันคือ Code Editor ถ้าคนที่ทำงาน Web มาพอสมควร มาเห็นหน้าตา UI ปุ๊บก็จะเดาได้ไม่ยาก
เอาไว้ทำงานกับไฟล์ HTML, CSS, Javascript นั่นแหละ (แต่โครงสร้างของมันสามารถพัฒนาต่อไปยังภาษาอื่นๆ ได้ไม่ยาก)
หากแต่ว่า Bracket ได้ถูกออกแบบเพื่อตอบโจทย์หลายๆ ด้านของ Code Editor ในปัจจุบันที่มันยัง “ไม่สะดวกพอ” โดยมีจุดเด่น ดังนี้
- Editor ที่ทำให้คุณ focus ไปที่การทำงานกับ Code อย่างเช่นการเปิด Inline เพื่อแก้ไข CSS ที่ใช้งานกับ HTML element ได้ทันที
- การแก้ไข CSS และ update การแสดงผลใน Web Browser แบบ realtime ได้ เสมือนกับการใช้ Code Inspecter อย่าง FireBug ใน Mozilla FireFox หรือ Development Tool ใน Google Chrome หรือ Internet Explorer 9+
- Brackets สร้างจาก Web technology โดยใช้ HTML, CSS, Javascript เพื่อการพัฒนา Web technology ที่ดีกว่า
- สนับสนุนการสร้าง Extension หรือ plug-in เพื่อมาเพิ่มประสิทธิภาพในการทำงาน (แน่นอน ว่านี่เป็นหนึ่งในการเปิดโครงการเป็น open-source)
เดี๋ยวๆ มันยังไม่ใช่เวอร์ชั่นเต็มหรือ?
ใช่ครับ Brackets ตอนที่ผมกำลังเขียนบทความนี้ ยังอยู่ในระหว่างการพัฒนา แต่โครงสร้างการทำงานหลักๆ ก็สามารถใช้งานได้แล้ว
อย่างเช่นการเขียนและแก้ไข CSS แบบ Inline ที่จะไป update ตัว web ใน Google Chrome แบบ Realtime แต่การทำงานแบบเดียวกันกับ HTML และ Javascript ก็ยังพัฒนาอย่างต่อเนื่อง
Brackets Team ยังเชื้อเชิญให้คุณเข้าร่วมเป็นส่วนหนึ่งในการขับเคลื่อน และออกความคิดใหม่ๆ ลงมาใน Brackets รุ่นที่กำลังจะออกมาในอนาคตด้วย (คลิกทีนี่เพื่อเข้าร่วม)
สรุป
Brackets นั้นได้ใจผมไปครั้งแรกตรงส่วนการออกแบบ User Interface ได้สะอาดและมีเสน่ห์มากๆ (จนคิดว่า มันน่าจะเอาไปปรุบปรุง UI ของ Adobe Dreamweaver CS รุ่นต่อไปก็จะดีไม่น้อย)
ส่วนด้านแนวคิดของการพัฒนาตัว Editor ให้ใช้งานง่ายต่อการทำงาน Web นั้นถือว่าโอเค ต้องรอดูว่า ทาง Brackets Team และเหล่าผู้เข้าร่วมจะใส่ของสนุกๆ เจ๋งๆ ลงไปใน Bracket อีก
เพราะแค่ feature ตอนเปิดตัวก็ถือว่าโอเคมากแล้ว
ใครสนใจก็ไปทดลองใช้ ก็สามารถดูวิธีการ download มาลองใช้งานที่นี่ หรือจะรอ video review จาก Nextflow เร็วๆ นี้ ก็ได้ครับ
ที่มา – Bracket.io