ซึ่งวันก่อนผมได้เขียนอธิบาย feature ที่สำคัญๆ ไว้แล้ว (คลิกที่นี่เพื่อเข้าไปอ่านเพิ่มเติม)

วันนี้มาดูเฉพาะเจาะจงกับ iOS Simulator Support ที่ทำให้คุณสามารถทดลอง test ตัว Adobe AIR Application กับ iOS Simulator บน Mac OS ได้ (Windows หมดสิทธิ์ครับงานนี้)

ซึ่งถ้าจะพูดถึงเรื่องการทดสอบ Application ที่เราสร้างให้กับ iOS ก่อนหน้านี้นั้น เราต้องทำการทดสอบบนตัว Device

ไม่งั้นก็ต้อง test กับ Adobe AIR Simulator ซึ่งอาจมีความสามารถไม่ทัดเทียมเหมือนกับ iOS Simulator ที่ติดมากับ XCode

และด้วย feature ใหม่นี้ ทำให้เราสามารถทดสอบ Adobe AIR Application ได้โดยไม่ต้องอาศัย certificate file ซึ่งเป็นไฟล์ที่จำเป็นในการนำ Application ไปทดสอบบนเครื่องจริงๆ

น่าจะถูกใจคนที่ยังไม่อยากตัดสินใจซื้อเครื่องจริงๆ มาทดสอบนะครับ

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

โดยเฉพาะ feature ใหม่ๆ ที่กำลังเพิ่มเข้ามาทำให้ Adobe AIR ดูจะมีอนาคตที่สดใสมากขึ้นเรื่อยๆ ในฐานะ Cross platform runtime จริงๆ (อย่างที่ผมเคยชี้แจงไว้ในบทความการเปลี่ยนแปลงของ Adobe และ Flash)

feature ที่ผมชอบที่สุดดูเหมือนจะเป็นการปรับปรุงให้สามารถนำเข้าไปใน Mac App Store ได้ (ได้ผลิตอะไรเจ๋งๆ ออกมาขายใน Mac App Store ล่ะงานนี้)

ว่าแล้วก็ค่อยๆ ดูไปพร้อมกันเลยครับว่ามีอะไรบ้าง

3. Stylus support for Android 4.0

น่าจะเคยผ่านตากันสำหรับ มือถือ Galaxy Note ที่แถม Stylus ที่มีชื่อเก๋ไก๋ว่า S-pen มาให้

นั่นเป็นสัญญาณแรกว่า Mobile Device ที่สามารถรับ input แบบปากกากลับมาอีกครั้ง แม้จะไม่โดดเด่นเท่ายุคก่อน แต่มันก็เพิ่มมิติใหม่ๆ ในการสร้างสรรค์ประเภทของ Application จริงๆ

โดยเฉพาะใน Android 4.0 ที่ Google บอกว่าจะมี API สำหรับ Stylus มาเป็นมาตรฐาน ใครจะเอาไปสร้างอะไรก็ตามสบาย

Adobe เลยไม่รอช้า สร้างส่วนที่รองรับ Stylus API มาให้พร้อมใช้งานครับ

เอ้า ใครคิดอยากสร้าง App วาดรูปดีๆ เจ๋งๆ หรืออย่างอื่นที่ใช้ Stylus ควบคุม ก็ยิ้มออกกันได้แล้วนะครับ

4. Simulator Support (Mac)

ตัวนี้เขาจัดให้สำหรับคนที่เคยอยากทดสอบ Adobe AIR บน iOS Simulator (จริงๆ) ไม่ใช่ Adobe AIR simulator

เวอร์ชั่นนี้เขาทำให้คุณสามารถยิงคำสั่งผ่าน ADT เพื่อนำ Adobe AIR  Application ของคุณไปวิ่งอยู่บน iOS Simulator ได้แล้วครับ

สำหรับส่วนนี้ Windows ไม่เกี่ยว – -

5. Aspect Ratio Enhancements

ปัญหาของ Adobe AIR เวอร์ชั่นก่อนๆ ที่ Application จะมีปัญหากับ Ratio การแสดงผลก็จะถูกปรับปรุงให้ดีขึ้นกว่าเดิมมาก

6. Improved Mac App Store Support 

ส่วนนี้ผมชอบที่สุด และรอมนานแล้ว โดยมีการเพิ่มการสนับสนุน ให้สามารถ Submit Adobe AIR Application ไปที่ Mac App Store ได้

ลองกันเลย!

หลังจากอ่าน feature ใหม่ๆ ใน Adobe AIR 3.3 แล้ว อยากลองของใหม่หรือยังครับ?

ถ้าอยากลองก็ไป download Adobe AIR 3.3 Beta ได้จาก Adobe Labs ได้เลย ถ้าสงสัยอะไรก็สามารถคลิกเข้าไปถามได้ใน Adobe Forum และสุดท้ายถ้าเจอ Bug ก็สามารถคลิกเพื่อ report ไปที่ Adobe เพื่อช่วยกันทำให้ Adobe AIR สมบูรณ์มากขึ้นกว่าเดิมครับ

มีปัญหาหรือคิดว่า Adobe AIR ควรมีอะไรเพ่ิมเติม แลกเปลี่ยนความคิดเห็นกันใน comment ด้านล่างได้นะครับ

ที่มา – Adobe Labs

อย่าปฏิเสธเทคโนโลยี คุณแค่ต้องเลือกใช้ให้เหมาะสมกับงาน คุณอาจมีความคิดจะใช้ช้อนไปตอกตะปูก็ได้

ต้องขอบคุณทุกท่านที่มาร่วมงาน  คุณวัชรพลและสมาชิกชมรม IEEE Computer Society Student Branch Chapter แห่งจุฬาลงกรณ์มหาวิทยาลัย ที่ทำให้งาน Freedom to Build App เต็มไปด้วยความรู้และความอบอุ่นจริงๆ

แน่นอนว่าในงาน นอกจากเราจะกล่าว และ demo เทคโนโลยีทั้งสองด้านนั่นคือ Adobe AIR และ PhoneGap แล้ว ที่จะขาดไม่ได้เลยคือ “แนวทาง” ให้คุณที่รับฟังในงานแล้วคันไม้คันมือ อยากลองทำ และได้เริ่มเล่นกันซะที ขอแบ่งไว้เป็น 2 ส่วนนะครับ

WEB STANDARD: HTML5, CSS3, Javascript Framework

Framework

• JQuery Mobile Framework
• Sencha Touch (check มาล่าสุด ตัว framework ให้ download ฟรีแล้วครับ)
• PhoneGap
• PhoneGap Build

Tool

• Adobe Dreamweaver Trial

Adobe Flash Platform: Adobe AIR & Stage 3D

SDK & Framework

• Adobe AIR
• Adobe AIR SDK 3.2 RC (จะลองใช้ Stage 3D ต้องเลือกตัวนี้ครับ ตอนนี้อยู่ในสถานะ Release Candidate ถ้าออกเป็นตัวเต็มแล้ว กดเลือกได้จากลิ้งค์ตัวบนครับ)
• Starling Framework
• Alternativa3D
• Away3D
• Flare 3D (Commercial)

Tool

• Adobe Flash Builder Trial
• Adobe Flash Professional Trial

มีคนขอ demo การนำ Adobe Edge project ไปใช้งานใน PhoneGap รอ video สุดสัปดาห์นี้

ขอให้มีความสุขกับโลกของ Cross-platform Mobile Application Development ครับ

——–

บทความนี้โพสต์ขึ้นครั้งแรกที่ http://flexblog.teerasej.com/activity/speaker/resource-sdk-tool-framework-form-freedom-to-build-app-chulalonkorn-thaiadc/

1. NotePad++

หนึ่งเดียวในดวงใจของหลายๆ คน เพราะมันได้รับฉายาเป็นสุดยอด NotePad สำหรับนักพัฒนา มีทั้ง code coloring, การจัดการไฟล์แบบ tab, และใช้เขียนภาษาอะไรก็ได้เท่าที่นึกออก

เท่าที่ระบุได้ก็มี C, C++, C#, Visual Basic, PHP, Delphi, Python, Ruby, Javascript, HTML, และ CSS

และเนื่องจากมันรักษาหลักการของ Text Edtior แบบ simple ธรรมดาๆ ไว้อย่างเหนียวแน่น ประยุกต์ใช้ก็หลากหลายเท่าที่จะนึกออก แถมยังฟรีอีกต่างหาก

2. EditPlus

เรียกได้ว่ามาสูสีกับ NotePad++ เลยก็ว่าได้ กับ EditPlus ที่มีอายุและชื่อเสียงเก่าแก่ระดับตำนาน นอกจากสิ่งที่ Code Editor ที่ดีควรจะมีแล้ว ก็สามารถ Preview Web และ Publish ขึ้น FTP ได้อีกต่างหาก (ต่างกับ NotePad++ ตรงที่เสียตังค์ด้วยนะคร้าบ)

3. Microsoft Visual Studio

ป๋าใหญ่อีกคนที่จัดหนัก มาพร้อมระบบการจัดการ Web Project อันครบครัน, Wizard ในการเชื่อมต่อ Database อันยอดเยี่ยม, และ Code completion ก็มีแบบทุ่มเทถวายชีวิต รวมถึงการจัดการ code และ File ที่คุ้นเคยสำหรับขา .NET Framework (C#, Visual Basic) น่าจะเฟ้นหามาครองไว้คู่ใจ ขาใหม่ๆ ก็น่าจะตกหลุมรักได้ไม่ยาก เพราะพี่เขาจัดหนักซะขนาดนั้น

4. Microsoft Visual Web Developer Express

หาก MS Visual Studio เป็นมวยรุ่นเฮฟวี่เวท เจ้านี่ก็จะเป็นรุ่นฟลายเวท พลิ้วไหวแบบเบาๆ เนื่องจากเน้นการพัฒนาด้าน Web โดยเฉพาะ สามารถโหลดมาใช้งานได้ฟรีๆ ไม่มีหมดอายุ แต่ก็ลดทอนความสามารถจากรุ่นใหญ่ไปเยอะ ถ้าไม่ต้องการอะไรมาก ใช้พัฒนา Web เท่านั้นก็สบายๆ

5. Coffee Cup HTML Editor

ตกทอดกันมานานหลายยุคสมัย หน้าตาที่เรียบง่าย แต่ function การทำงานสำคัญๆ ครบ อย่างเช่นการจัดการ Web project, Code completion,​หรือการ Publish ขึ้น FTP ก็มีอยู่ครบ ใครไม่ชอบ UI หนักๆ แต่ยังต้องการเครื่องมือการทำงานที่จำเป็น ก็น่าจะลองใช้ตัวนี้

6. Adobe Dreamweaver

แน่นอนว่าถ้าคุณเป็นคนไทย ต้องเห็นชื่อนี้ผ่านตามาไม่มากก็น้อย ด้วย feature การใช้งานครบครันตั้งแต่ Code Inspection, Project Management, WYSIWYG Editor, CSS Management และการ Publish ขึ้น Web server รวมถึงการทำงานกับ HTML5 และ CSS3 ที่เพิ่มเข้าไปตั้งแต่เวอร์ชั่น CS5.5 เป็นหนึ่งในรุ่นใหญ่ที่หลายๆ คนบอกว่ามีตัวนี้ทีเดียว จบ!

เป็นไงบ้าง พอเป็นช่องทางที่ดีๆ ให้กับคุณที่กำลังสนใจจะทำงานกับ HTML5 และ CSS3 บน Windows แต่กำลังมองหาเครื่องมือดีๆ อยู่นะครับ

จริงๆ ผมเชื่อว่าคุณมี Editor ที่ไม่อยู่ในรายชื่อนี้ด้วย แชร์กันด้านล่าง ให้คนอื่นได้มาศึกษา และได้ประโยชน์ร่วมกันได้นะ

สำหรับวันนี้ สวัสดีครับ

———

บทความนี้โพสครั้งแรกที่ http://flexblog.teerasej.com/adobe-cs-th/html5/6-best-html5-css-editor-for-windows-user/

ใช่ครับ อ่านไม่ผิดหรอก Unreal ที่คุณคุ้นเคยและโด่งดังด้วย graphic และ engine ที่งามระยิบระยับกำลังมาโลดแล่นบน Web Browser ผ่าน Adobe Flash Player เหมือนกับคุณเปิดเล่น FarmVille ยังไงยังงั้นเลย

สืบเนื่องจากงาน Adobe MAX รอบที่แล้วที่ทาง Adobe นำ demo เกมส์ Unreal มาโชว์บนเวทีด้วยการเล่นผ่าน Web browser สดๆ จนทำให้ผู้ชมงานฮือฮากันมาแล้ว มาวันนี้คุณสามารถลองสัมผัสมันได้ด้วยตัวเองแล้วครับ

โดยเข้าไปที่ Website ของ Unreal กันเลย โดยมีข้อแม้ว่าคุณต้องลง Flash Player 11.2 เวอร์ชั่น RC ก่อนนะครับ (ไม่งั้นเข้าไป เขาก็จะเตือนคุณอยู่ดี)

ทั้งหมดนี้เป็นผลพวงมาจากการที่ Adobe ได้เพิ่ม feature Stage 3D เข้าไปใน Adobe Flash Player ตั้งแต่เวอร์ชั่น 11 ขึ้นไป และความสามารถนี้ยังถูกใส่ลงไปใน Adobe AIR เวอร์ชั่น 3.2 ด้วย สามารถดู Video ตัวอย่างได้ที่นี่ครับ

แล้วถ้าใครสนใจเสวนาเรื่องนี้ มาเจอกันในงานสัมมนา Freedom to Build App: Introduction to Adobe AIR & PhoneGap ได้ครับ

———–

อ้างอิงจาก ByteArray.org

บทความนี้ถูกโพสครั้งแรกที่ http://flexblog.teerasej.com/adobe-flash-platform/play-unreal-via-browser-with-flash-and-stage-3d/

โดยในงานนี้จะเป็นการให้ความรู้ความเข้าใจของการนำไอเดียที่ไม่ว่าจะเป็นคนทั่วไป, Developer, หรือ Designer ก็สามารถเข้าใจ และสร้าง Mobile Application ที่สามารถนำไปทำงานได้บน platform หลายๆ ตัวในเวลาเดียวกัน

ซึ่ง Mobile Platform ที่เด่นที่สุดเห็นจะไม่เกิน iOS และ Android ซึ่งในงานนี้จะมีการพูดถึงเรื่อง Flash 3D, Adobe AIR, HTML5 และ PhoneGap ด้วย

หนึ่งในเรื่องที่จะพูดในงานคือการนำ Content 3 มิติมาใช้ใน Mobile Application ซึ่งมันสามารถ cross-platform ได้ ทำลง iOS หรือ Android ก็ได้ เรามาดู video ตัวอย่างกันดีกว่าครับ

แล้วเจอกันในงานครับ

บทความนี้ถูกโพสขึ้นครั้งแรกที่ http://flexblog.teerasej.com/adobe-flash-platform/demo-video-adobe-air-stage-3d-nexus-s-ipod-touch/

เมื่อก๊กต่างๆ ตั้งตนเป็นใหญ่ รบพุ่งกันเอง ครานั้นจะมีวีรบุรุษรวมก๊กต่างๆ ให้เป็นหนึ่ง

เป็นใจความที่สามารถเห็นได้ทั่วไปจากเรื่อง 3 ก๊ก เพราะโลกนี้ย่อมมีความคิดที่แตกต่าง เราก็เลยได้ Mobile Device จากผู้ผลิต (ก๊ก) แต่ละเจ้าอย่าง iOS, Android, BlackBerry, Windows Phone, Kindle, Bada ต่างก็เฮโลกันออกมาบนพื้นพิภพให้ชาวบ้านอย่างพวกเราได้เลือกข้างกันเต็มที่

แต่สำหรับเหล่า Developer และ Designer เปรียบไปก็เหมือนทหารรับจ้าง ได้ประโยชน์จากการรบพุ่งกันนี้ ติดอยู่เพียงว่าเวลาที่เลือกเข้าก๊กแล้ว ก็ยากที่จะถอนตัวออกมาไปก๊กอื่นได้ เหมือนทำ Mobile Application ให้กับ Apple iOS ก็ยากที่จะเปลี่ยนมาทำให้กับ Android เพราะพื้นฐานการสร้างมันคนละแบบกัน

ด้วยเหตุนี้ Cross-platform Mobile Application Development จึงฉายแสงขึ้นมากลางสนามรบพุ่งที่คุกกรุ่น เฉกเช่นนี้เอง เอง เอง (เสียงเอคโค่)

ความเป็นมาของงานสัมมนา Freedom to Build App: Introduction to Adobe AIR and PhoneGap

ด้วยความร่วมมือระหว่าง ชมรม IEEE Computer Society Student Branch Chapter at Chulalongkorn University(ICoS@CU) จุฬาลงกรณ์มหาวิทยาลัย และ Thai Adobe Developer Community จึงได้เกิดการจัดงานสัมมนาเพื่อให้คนทั่วไป และผู้ที่สนใจได้ทำความรู้จักกับการสร้าง Mobile Application ด้วยเทคโนโลยีของ Adobe ที่ไม่ว่าจะใช้ Flash หรือ HTML5 ก็สามารถสร้าง cross-platform mobile application ได้เหมือนกัน

ชื่องานสัมมนาครั้งนี้คือ “Freedom to Build App: Introduction to Adobe AIR and PhoneGap”

มีอะไรบ้างจากในงาน Freedom to Build App?

งานนี้จะเน้นให้ความรู้ และทำความเข้าใจกับ

• ข้อดีและข้อด้อยของการพัฒนา Mobile Application แบบ Cross Platform
• การสร้าง Mobile Application แบบ Cross-platform ที่สร้างขึ้นครั้งเดียว แต่นำออกไปใช้ หรือแจก (และขาย ยะฮู้ว์!) บน App Store ต่างๆ ได้
• HOT TOPIC: Flash ตายแล้วจริงหรือ?
• แนะนำเทคโนโลยี Adobe AIR ใช้ Flash และ Actionscript 3 สร้าง Mobile Application
• แนะนำเทคโนโลยี PhoneGap ใช้ Web Standard อย่าง HTML5, CSS, และ Javascript ก็สร้าง Mobile Application ได้

งานนี้เหมาะกับคุณไหม?

เหมาะแน่ ถ้าคุณอยู่ในกลุ่มต่อไปนี้

• ผู้ที่สนใจการสร้าง Mobile Application แบบ Cross platform
• ผู้ต้องการทราบรายละเอียดของเทคโนโลยี Adobe AIR หรือ PhoneGap
• ผู้ที่สนใจเทคโนโลยี Cross platform Mobile development ต้องการรู้ขีดความสามารถ ข้อดีและข้อเสีย ในการใช้ตัดสินใจ
• ผู้ที่ทำงานกับ Flash และเจอหมัดฮุกเสยคางเข้าไปจากข่าวปีที่แล้ว ควรปรับตัวอย่างไร และจะเดินไปทางไหนต่อ
• *** ไม่จำเป็นต้องเป็น programmer หรือ designer ก็มาร่วมเสวนากันได้

จัดที่ไหน เมื่อไหร่?

งานมีขึ้นวันอังคารที่ 13 มีนาคม 2555 เวลา 16:00 – 19:00 น. ณ ห้องประชุม ชั้น 2 อาคารเจริญวิศวกรรม (ENG 13) คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย จ.กรุงเทพมหานคร ดูแผนที่ได้ที่นี่

จะเข้าร่วมงานได้อย่างไร?

หากใครสนใจก็สามารถมาร่วมฟัง ร่วมเสวนาในช่วงเวลาดังกล่าวได้ ไม่มีค่าใช้จ่ายครับ แต่มาก่อนเวลาจะดีมาก เพราะห้องประชุมจุคนได้เพีียง 200 ที่นั่ง

แล้วเจอกันในงานครับ ^_^

ปกติเวลาเราพัฒนา website หรือ web application ในยุคนี้เราต้องคำนึง (เรียกว่ากังวลก็คงไม่ผิดนัก) ถึงตอนที่งานของเราถูกเปิดดูบน PC, Tablet, และ Smartphone ว่ามันแสดงผลได้ดีไหม?​ ทำงานได้ถูกต้องไหม? มี bug ไหม? และอีกหลายๆ อย่างที่สามารถเกิดขึ้นได้ เมื่อ web ของคุณเปิดโดย Web Browser ต่างชนิด ต่าง OS และต่างอุปกรณ์กัน

ซึ่งภาระจะมาอยู่ตรง Designer และ Developer ที่ต้องคอยมานั่งเปิด นั่งกด refresh พิมพ์ url บน Mobile Device กัน ยิ่งหลายเครื่อง ยิ่งมันส์ (ฮ่าๆๆ เอิ๊กๆ หัวเราะกับตัวเอง)

ปัญหานี้กำลังจะหมดไปครับ

เมื่อเครื่องมือที่มีชื่อว่า Adobe Shadow ได้ถือกำเนิดขึ้นมาแล้วบนโลกใบนี้

Adobe Shadow คืออะไร?

หากจะให้สรุปในบรรทัดเดียว มันคือ

เครื่องมือที่ทำให้การขั้นตอนพัฒนาและแก้ไข web ที่ต้องคำนึงถึง Mobile Device ต่างๆ นั้นทำได้ง่ายขึ้น และเร็วขึ้นสะดวกขึ้น

ตรงนี้อยากให้ผ่อนคลาย หลับตาลง แล้วนึกถึงการทำงานสร้าง web ปัจจุบันกันดู…

ตอนคุณสร้าง web คุณสร้างด้วย PC (ไม่ว่าจะเป็น Windows หรือ OS X) การที่จะ test ว่าหน้า web สวยงามไหม ทำงานได้จริงไหม ก็แค่เปิด Web Browser บนเครื่องมาทดสอบใช่ไหม?

แล้วถ้าจะทดสอบบน Tablet ล่ะ? สมมุติว่าเอาแค่ iPad พอ

1. ก็ต้องเปิด Web Browser ขึ้นมา
2. จากนั้นก็พิมพ์ URL…​
3. โอ้ ต้องตั้ง web server บนเคร่ืองก่อน
4. จากนั้นก็เอา web page ที่สร้างไปไว้ใน web server
5. แล้วก็ run web server
6. จากนั้น ก็บรรจงอ่านและพิมพ์ URL ให้ถูก โป๊ะเสร็จไปหนึ่ง

แล้วถ้าต้องการทดสอบบน iPhone และ Android ด้วยล่ะ? แล้วถ้าแก้ bug ทีหนึงล่ะ?

…

(เริ่มเห็นเปลวเพลิงนรกรำไรแล้วใช่ไหมครับ)

นี่คือปัญหาที่คุณและ web designer และ web developer ต้องประสบกันทั่วโลก

Adobe Shadow จะมาแก้ไขปัญหานี้อย่างไร?

Adobe Shadow จะมาแก้ไขการทำงานที่ซ้ำซ้อนดังที่กล่าวไปด้านบน การทำงานของมันจะเป็นการ synchronize web ที่เปิดอยู่ใน Google Chrome Browser บน PC กับตัว Adobe Shadow application บน Mobile Device ต่างๆ เสมือนเป็น Web Browser อีกตัว

แล้วถ้าเรามีการแก้ไขด้วยเครื่องมืออย่าง Developer Tool (ของ Google Chrome) สิ่งที่เราแก้ไขจะไป update ใน Mobile Device ให้เห็นกันจะ จะ!!

10 ปากว่า ไม่เท่าตาเห็น ดูจาก video กันได้เลย

จะ Download มาลองได้จากที่ไหน?

ณ เวลาที่ผมเขียนอยู่นี้ Adobe Shadow ได้ปล่อยออกมาที่ Adobe Labs แล้ว ให้ได้ลอง download ไปใช้งาน ซึ่งต้องลงดังต่อไปนี้ให้ครบ

• Adobe Shadow Desktop client (Apple OS X, Microsoft Windows)
• Adobe Shadow Extension บน Google Chrome (แน่นอนว่าต้อง install Chrome ไว้อยู่แล้ว)
• Adobe Shadow mobile application (iOS App Store/Android Market) ส่วนนี้ใครมีอะไรก็ download ตามที่ตัวเองต้องการนะครับ ไม่บังคับ

ถ้าพบปัญหาอะไรก็สามารถไปบอกเขาได้ที่ forum นะครับ ทีมของ Adobe จะได้นำไปปรับปรุงต่อไป

สรุป

อย่างที่ผมได้บอกไว้ในบทความก่อนหน้านี้ (ตามไปอ่านได้ที่นี่, และที่นี่) ว่า Adobe กำลังเพิ่มศักยภาพของเครื่องมือตัวเองให้รองรับการพัฒนาด้าน Web มากขึ้น

หลังจากที่เรามีเครื่องมือสร้าง Web Motion อย่าง Adobe Edge, เครื่องมือที่ใช้สร้าง web สำหรับ designer โดยเฉพาะอย่าง Adobe MUSE (Codename), และ Mobile App ที่ไว้ออกแบบ Interactive wireframe บน Tablet อย่าง Adobe Proto

จนมาถึง Adobe Shadow ผมก็อดตื่นเต้นไม่ได้ว่า Adobe จะรังสรรค์เครื่องมืออะไรดีๆ มาช่วยอำนวยความสะดวกให้ชีวิตการพัฒนา Web ที่สามารถเน้นไปที่ความคิดสร้างสรรค์อะไรอีกบ้าง

จริงไหมครับ? ​คุณคิดว่า Adobe จะทำเครื่องมืออะไรออกมาอีก แชร์กันข้างล่างได้นะ

สำหรับวันนี้ สวัสดีครับ

เอ้อ ถ้าสนใจบริการฝึกอบรมด้าน Web, HTML5, JQuery Mobile, PhoneGap และการใช้ Adobe Technology ต่างๆ กดเข้าไปดูได้ที่นี่นะครับ

บทความนี้ถูกโพสขึ้นครั้งแรกที่

HTML5 เป็นแค่ Brand  - Michael Mahemoff

แม้ว่าคำพูดนี้จะจริงแท้แค่ไหน ต้องให้คุณและโลกเป็นคนตัดสินเอง แต่ว่าในยุคที่ HTML5, CSS3 และ Javascript ต่างๆ กำลังเรืองอำนาจขึ้นมานั้น การที่คุณจะทำงานกับมันได้อย่างมีประสิทธิภาพ ก็ต้องหา Editor คู่ใจในการทำงาน เหมือนจอมยุทธ์ต้องมีกระบี่คู่ใจ จอมเวทต้องมีไม้วิเศษคู่กาย จึงจะสามารถสัมฤทธิ์ผลที่ต้องการได้ไว และไม่เหนื่อยมากมาย

ว่าแล้ว วันนี้ผมเลยรวบรวม Web Editor ฝั่ง Mac OS X มาให้พิจารณาก่อน ส่วน Windows นั้นจะตามมาครับ มาดูกันดีกว่าว่าเครื่องมือดีๆ ฝั่ง OS X นั้น มีอะไรบ้าง ถ้าสนใจตัวไหนคลิกที่รูป หรือชื่อของ Application ตัวนั้นๆ ได้เลยนะครับ

1. TextMate

เรียบง่าย และเรียบหรู หน้าจอทึมๆ มาพร้อมกับ code สีที่เหมือนจะเรืองแสงท่ามกลางห้องอันมืดมิด ยังไม่นับ short key ที่เป็นประโยชน์ต่อเหล่า developer และ designer hardcore ทั้งหลาย และชุด bundle คำสั่งในการช่วย code ภาษาอื่นๆ อีก ทำให้ TextMate เข้าไปอยู่ในหัวใจของหลายๆ คนด้วยกัน

2. Sublime Text

สูสีมาพอๆ กับ TextMate เจ้า editor ตัวนี้มี user interface ที่เรียบง่าย แต่ทรงพลังด้วยประสิทธิภาพเหมือนกัน

3. Espresso

ถ้าคุณไม่โดนอำนาจของ Adobe Dreamweaver ครอบงำไปหมดก่อนล่ะก็ Espresso จะเป็น Editor ที่คุ้นหูอย่างแน่นอน ด้วยรูปแบบ user interface ที่เรียบง่ายไม่เหมือนกับ 2 ตัวด้านบน ทำให้หลายๆ คนตกหลุมรักมันมานักต่อนักแล้ว นี่ยังไม่รวม X-ray mode และ CSSEdit 3 ที่รวมมาในตัวโปรแกรมแล้วด้วยนะ

4. HyperEdit

น้องตัวเล็กสุดในบรรดา 5 ตัวที่ผมหยิบมาแนะนำแล้ว แต่ความสามารถที่ฉลาดเป็นกรด ช่วยคุณให้ code ไม่พลาดในส่วนของ HTML, CSS, Javascript, และ PHP ทำให้น้องเล็กนี้เป็นที่น่าพิจารณาอีกตัวหนึงเช่นกัน

5. Coda

ฝรั่งเขาขนานนาม Coda ว่า ชุดมีดพก swiss แห่งการพัฒนา web เพราะนอกจากคุณสมบัติต่างๆ ที่คุณต้องการในการสร้าง web ด้วย HTML5 และ CSS3 แล้ว ยังมี feature ในการทำงานกับ SVN และ FTP อีกด้วย

Plus! Adobe Dreamweaver CS5.5

หนึ่งในสุดยอด Web Editor ที่ทรงพลังและมีอายุมายาวนานนับตั้งแต่ยุคเริ่มต้นของการสร้าง Web ด้วยวิธีแบ WYSIWYG (What you see is what you get)

อัดแน่นด้วยเครื่องมืออำนวยความสะดวก ที่แทบจะรองรับทุกงานที่ต้องทำให้การสร้าง Web project ตั้งแต่ code completion, code validation, project management, color picker, CSS Editor, FTP, SVN

รวมถึง Feature ใหม่ๆ ที่รองรับการพัฒนา Web 2.0 และ Mobile Application Developer อย่าง Javascript Code Completion, PhoneGap Build, Multi-screen development และการทำงานกับ CMS อย่าง WordPress, Joomla, และ Drupal ก็ทำให้พลังของ Dreamweaver CS นั้นเป็นที่น่าจับตามองและหามาใช้งานจริงๆ

ส่วนตัวผมชอบ Code completion ครับ มันดีมั่กๆ เลย (พูดถึงแล้วก็น้ำตาไหลพราก)

Conclusion

ทั้ง 6 ตัวนั้นเป็นที่นิยมในการใช้ทำงานกับไฟล์ HTML5 และ CSS3 รวมถึง Javascript อีกด้วย ลองเลือกไปใช้งานกันดูนะครับ

แต่ถ้าคุณกำลังใช้ Editor ที่ไม่มีใน list ด้านบนนี้ comment ฝากบอกผมกับคนอื่นๆ ด้านล่างด้วยนะครับ จะได้นำมาแชร์กันต่อไป คุณอาจจะกำลังใช้งาน Editor เทพๆ ที่หลายๆ คนกำลังมองหาอยู่ก็ได้ใครจะรู้

บทความนี้โพสครั้งแรกที่ http://flexblog.teerasej.com/adobe-cs-th/html5/5-web-editor-html-5-css-3-on-mac-os-x/

เมื่อเทคโนโลยีถึงจุดหนึ่ง จินตนาการของมนุษย์จะกลายเป็นความจริง

หนึ่งในจินตนาการของ Flash Designer และ Developer เมื่อเห็น Mobile Device อย่าง iPad หรือ iPhone ครั้งแรกนั้นคือ “มันน่าจะใช้ Flash สร้างอะไรเจ๋งๆ ลงไปในนั้นได้นะ”

แน่นอนว่าความฝันดังกล่าวถูกฉีกทึ้งด้วยสถานะของเทคโนโลยีในขณะนั้นว่า “เป็นไปไม่ได้”

แต่มาวันนี้ Adobe ได้ฤกษ์ปล่อย Adobe AIR 3.2 RC 1 ออกมาให้หลายๆ คนได้ลองเอาไปใช้กันแล้ว และหนึ่งในความสามารถที่เพิ่มขึ้นมานั้นคือ Stage 3D for mobile ที่เรียกได้ว่าเป็น “จุดเปลี่ยน” ของ Flash บน Mobile device เลยทีเดียว

บางคนสงสัยว่า Stage 3D คืออะไร? ผมขอสรุปให้คุณเข้าใจง่ายๆ ว่ามันเป็นเทคโนโลยีใหม่ที่เพิ่มเข้าไปใน Adobe Flash Player 11 และ Adobe AIR 3.2  ซึ่งทำให้ทั้งสองตัวสามารถใช้การประมวลผลแบบ 3 มิติ แทนที่จะใช้การประมวลผลแบบ CPU อย่างเดียวในรุ่นก่อนๆ ผลที่ได้นั้น น่าประทับใจมาก Frame Rate ที่ได้ในการแสดงผล 3 มิติทั้ง Web browser และ Mobile Device นั้นลื่นไหลเป็นที่สุด (ผมแอบน้ำตาซึมด้วยนะ ตอนเห็นประสิทธิภาพมันครั้งแรกเนี่ย)

สิบปากว่าไม่เท่าตาเห็น ไปดู video demo ที่ผู้พัฒนาเริ่มปล่อยออกมาอวดโฉมกันบ้างแล้วดีกว่าครับ ดูแล้วขอความคิดเห็นด้านล่างว่า คุณเห็นแล้วคิดอย่างไรกับ Adobe Flash Platform

Delta Strike on iPad

เกมส์นี้ผมเคยเอามาลงให้ดูกันตอนที่ Adobe Flash Player 11 ออกมาใหม่ ซึ่งตอนแรกทำออกมาเป็น Facebook Game แต่ตอนนี้ด้วยเทคโนโลยี Flash Platform ทำให้ผู้ผลิตสามารถใช้ code-based เดียวกันมาทำเป็น iOS Game ได้อย่างไม่ยากเย็น

Flare3D on iPad

Grass3D Mobile testing on Samsung Galaxy S

ตัวนี้ก็น่าสนใจมาก เป็นการทดสอบ Adobe AIR 3.2 RC บน Samsung Galaxy S (I9000)

ที่มา – FlashStreamworks

บทความนี้โพสครั้งแรกที่ http://flexblog.teerasej.com/adobe-flash-platform/adobe-air/3-videos-show-adobe-air-stage-3d-on-ios/