เนื่องจากวันนี้อ่านข่าวเกี่ยวกับ Interaction Design แล้วเจอของดีเข้าครับซึ่งทำได้มากกว่าแค่เป็น Prototype แบบไวๆเจ้าเครื่องมือตัวนี้ชื่อ IxEdit ครับผมโดยผมจะข้ามกับความสัมพันธ์มันกับ Interaction Design ไปแต่มาพูดถึงแง่ Development กันดีกว่า โดยปกติการทำให้ Element ต่างๆของเว็บไซต์มี Interaction นั้นเราต้องเขียน Javascript เองแล้วข้อเสียคือเราเสียเวลา Search , Learn , Implement เป็นเวลาพอสมควร ถึงแม้คนที่เคยเขียนแล้วก็ยังจำไม่ได้อยู่ดี

เสร็จแล้ว jQuery UI ก็มาโปรดเราให้เราทำสิ่งเหล่านี้ได้ง่ายขึ้นไปอีก แต่แล้วเนื่องจากตัวมันใหญ่ + custom ได้มากทำให้ Developer เช่นผม งงกับมันอีกเช่นกัน แล้วยังไงก็ต้องอ่าน Doc แล้วก็พิมพ์ Code เองซึ่งเป็นสิ่งลำบากในการพัฒนาเป็นอย่างมาก “IxEdit” จะมาช่วยคุณแก้ปัญหาเหล่านั้นเพราะจากนี้ไปคุณแค่ “จิ้มๆๆๆ” แค่นี้ก็ได้ Interaction กับโครงสร้าง HTML แล้ว!! ไม่เชื่อหรอไปดูตัวอย่างที่เขาทำให้ดูกัน

ดูแล้วมัน OK เลยใช่ไหมละ แถมฟรีอีกตะหาก !! โดยถ้าดูจากรูปด้านบนผมเสียเวลาทำ Tab ด้วยเวลาเพียง 1 นาทีเท่านั้นครับ!! บอกได้คำเดียวว่าต้องลอง เอาละพูดข้อดีไปซะมากมาดูข้อดี ข้อเสียกัน

ข้อดี

• ใช้ง่ายติดตั้งง่าย
• เรียนวิธีใช้ได้ง่าย
• แค่คลิกๆๆ แล้ว Reload จะเห็นการเปลี่ยนแปลงทันที
• เมื่อ Refresh แล้วไม่หาย เราสามารถกลับมาทำงานทีหลังได้
• Code อ่านง่ายไม่พอง (Bloat)
• เปลี่ยน Theme ได้ง่ายเพราะมันใช้ jQuery UI เพียงแค่ไปหา Theme jQuery UI มาใช้แทน Sample ก็สามารถใช้ได้ทันที
• ทำเรื่อง Validate Field ได้ง่ายมากๆ

ข้อเสีย

• ต้องมีความรู้เรื่อง DOM/CSS อยู่บาง
• ต้องมีความรู้เรื่อง HTML Structure ของ jQuery UI ในตัวที่เลือกใช้เช่น Tab แต่ถ้า jQuery เฉยๆนี้แทบไม่ต้องรู้อะไรเลย คลิกๆๆแล้วก็เสร็จ
• ณ ตอนนี้มันเป็น Interaction อย่างเดียว มันไม่สามารถบอกว่ากดนี้แล้วไปดึง Ajax จาก URL นี้มา แล้วเอาข้อมูลมาลงใน Element นี้เป็นต้น
• ต้องมีเข้าใจเรื่อง Event-based ในระดับหนึ่ง

โดยรวมแล้วสำหรับผม ไอ้ข้อเสีย 4 ข้อเนี้ยผมคงเป็นที่ข้อสองอย่างเดียว เพราะผมจำไม่ได้หรอกว่าถ้าจะใช้อันนี้จะ HTML เป็นอย่างไร แต่โดยรวมแล้วผมให้คะแนน 8/10 เลยเพราะมันทำให้ผมทำ Interaction ได้ง่ายกว่าที่เคยเป็นมาก่อน แล้ว Code ไม่ gen แบบ Bloat ทำให้เมื่อผมต้องเอา code ที่ gen มาไปทำงานเพิ่มเติมส่วน Ajax หรืออื่นๆแล้ว ไม่มีปัญหาเลย ง่ายโคตรๆ ฝากไว้นิดหนึ่งคือถ้าจะได้ประสิทธิภาพสูงสุดควรออกแบบ HTML Structure ไว้ให้ดี + การเข้าใจเรื่องเขียน class / id แล้ว IxEdit จะสร้างผลลัพธ์ที่เป็น MasterPiece ได้เช่นกัน

เนื่องจากผมเริ่มเบื่อกับเจ้า Seesmic Desktop (AIR) เต็มทนแล้วเพราะมันกินพื้นที่มากครั่นดูแท็ปเดียวไปๆมาๆ UI ก็ดูแปลกๆผมเลยตัดสินใจหาตัวทางเลือกดูก็มาเจอเจ้า DestroyTwitter เวอร์ชั่น 2 ใหม่พอดีซึ่งก็เลยลองเล่นดูอีกที (เพราะเคยลองมาแล้วแต่ไม่ถูกใจ) สรุปว่าคราวนี้มาถูกใจครับ

• รองรับภาษาไทย แล้วโดยวิธีแก้ก็คือกด Preferences กดตรง Font เปลี่ยนเป็น System แทน Default
• รองรับ Hotkey ซึ่งผมจะเรียบเรียงไว้ด้านล่างครับว่ากดอะไรยังไงบ้าง
• มันโหลดเร็ว ไม่กินพื้นที่เหมือน Seesmic Desktop
• มีระบบ Filter ในตัวแถมใช้ง่ายมากๆ (แต่ผมไม่ใช้นะ ผมรักคนที่ผม Follow ทุกคน XD)

เอาละครับผมก็แค่มาแนะนำทางเลือกให้กับทุกท่านโดยข้อเสียที่ผมเห็นสองข้อก็คือ “เวลาค้นหาใน timeline นั้นหาภาษาไทยไม่ได้” ,“เปลี่ยน Theme ไม่ได้” เป็นต้น เอาละครับสุดท้ายนี้คือ

Hotkeys Cheat Sheet ของ DestroyTwitter

• R – ตอบกลับ Tweet ที่เราเลือกอยู่
• M – Direct Message ไปยังเจ้าของ Tweet ที่เลือกอยู่
• T – Retweet แบบเก่าหรือ Quote with Tweet นั้นเองโดยเราสามารถเลือกใน Setting ได้ว่าจะให้เป็นแบบไหน
• F – Favorite Tweet นั้นๆ
• Ctrl+Q – ออกจากโปรแกรม
• Ctrl+Tab – เลื่อนไป Tab ถัดไป
• Ctrl+Shift+Tab – เลือกกลับไป Tab ก่อนหน้า
• Ctrl+1 – ไป Home
• Ctrl+2 – ไป Mentions
• Ctrl+3 – ไป Search
• Ctrl+4 – ไป Messages
• Ctrl+R – Refresh Timeline
• Ctrl+T – Tweet นั้นเอง !! เย้
• Ctrl+F – คือการค้นหา คำผ่าน Timeline นั้น
• Ctrl+K – แอบขึ้นไปดู Timeline บนสุดแต่พอกดปุ่มลูกศรขึ้นหรือลงก็กลับมาที่เดิม
• Ctrl+C – Copy ทั้ง Tweet
• Ctrl+< – เปิด Preferences
• PageUp – เลื่อน Timeline ขึ้น (เร็วกว่ากดขึ้นลงเอง)
• PageDown – เลื่อน Timeline ลง
• Home – เลื่อน Timeline ไปอยู่บนสุด แล้วก็เปลี่ยน Focus Tweet ไปเป็น Tweet ใหม่สุด
• End – เลื่อน Timeline ไปล่างสุด แล้วก็เปลี่ยน Focus Tweet ไปเป็น Tweet เก่าสุด

เป็นยังไงกันบ้างครับ Hotkey ครบถ้วนไหมเอ๋ย สำหรับผมนั้นถ้าค้นหาภาษาไทยได้ แล้วเปลี่ยน Theme ได้ DestroyTwitter จะเป็นยอด Client อันหนึ่งเลยทีเดียวละครับ

อัพเดต  17/08/2553  : วันนี้ได้มีโอกาสอัพเกรดแล้วเห็นอะไรแว๊บใน Preferences ก็คือมี Theme ให้เลือกแล้วนะครับมี 8 Themes ให้เลือกใช้ผมใช้ Vimeo