วันนี้ลองเพิ่มเมนูให้ Flash ตอนคลิกเมาส์ขวาดูแล้วค้นพบอะไรบางอย่างเลยจดวิธีทำไว้ซักหน่อย ใน Flex มีเมนูให้เลือกใช้เยอะมากประมาณ 4 – 5 แบบแต่ที่สนใจคือ Context Menu เป็นเมนูที่เกิดตอนทำอะไรกับวัตถุในนั้น เช่น คลิกขวา หรือ กดค้าง วิธีใช้ก็ง่ายมาก ลองดูจาก code ด้านล่างเลย

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               minWidth="200" minHeight="50"
               initialize="init(event)">
  <fx:Script>
    <![CDATA[
      import flash.net.navigateToURL;
 
      import mx.core.FlexGlobals;
 
      private function init(event:Event):void {
        // สร้างเมนูขึ้นมาใหม่ด้วยชื่อ "Open llun site"
        var siteMenu:ContextMenuItem = new ContextMenuItem("Open llun site");
        // ใส่ event เข้าไปเวลามีคนมาเลือกให้ทำอะไร
        siteMenu.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, function(event:Event):void {
          var request:URLRequest = new URLRequest("http://llun.in.th");
          navigateToURL(request);
        })
 
        // เอา context menu จาก root application จากนั้นใส่เมนูที่เราสร้างเข้าไป
        var contextMenu:ContextMenu = FlexGlobals.topLevelApplication.contextMenu;
        contextMenu.hideBuiltInItems();
        contextMenu.customItems.push(siteMenu);
 
      }
 
    ]]>
  </fx:Script>
 
  <s:VGroup verticalAlign="middle" horizontalAlign="center" width="100%" height="100%">
    <mx:Label text="Right click on me" />  
  </s:VGroup>
</s:Application>

วิธีทำง่ายมาก แต่มีข้อพึงระวังอย่างหนึ่งคือ ชื่อของเมนูต้องไม่เป็นคำทั่วไปเช่น Save, Copy, Replace, … เพราะปุ่มจะไม่แสดงออกมา ตอนทำก็งงตั้งนานว่าทำไม ลองเปลี่ยนชื่อแล้วหายทันทีถ้าอยากลองเล่นก็ที่ Flash ด้านล่างเลย

ตอนกลางวันเล่น Yahoo! calendar เพราะ search caldav แล้วเจอเข้าเลยพบว่ามันสุดยอดมาก เพราะทำ caldav ได้สมบูรณ์ใช้ได้กับทั้ง iPhone และ iCal บน OSX แต่พอใช้ mail app แล้วหงุดหงิดมาก เพราะมันตรงข้ามกับ Calendar โดยสิ้นเชิง เลยเอามาเปรียบเทียบซะเลย (สำหรับ Hotmail ไม่ต้องพูดถึง ครึ่ง ๆ กลาง ๆ ระหว่าง Gmail กับ Yahoo ยังไงก็ไม่รู้)

จากตารางด้านบน ตอนนี้ก็เลยใช้แบบกึ่ง ๆ คือ Mail ก็ฝากไว้กับ Google ส่วน Calendar ฝากไว้กับ Yahoo ส่วน Contact ฝากไว้กับทั้งสองที่

ช่วงวันแม่ได้อุปกรณ์มาอัพเกรดเซิร์ฟเวอร์จากแต่เดิมที่ต้องใช้สอยอย่างประหยัดมาเป็นที่เหลือเฟือ ก็เลยได้ลองของเล่นใหม่ด้วย คือ OpenVZ ครั้งแรกที่รู้จัก คิดว่ามันไม่ต่างอะไรจาก Xen หรือ VMWare เลยเป็นเพียงแค่ VM อีกยี่ห้อนึงเท่านั้น (จะว่าไปก็แทบจะไม่รู้ว่าความแตกต่างของ VM แต่ละค่ายอยู่แล้ว ว่ามันพิศดารต่างกันอย่างไร) แต่พอได้เล่นแล้วรู้สึกว่ามันเจ๋งมาก เพราะมันมีสิ่งที่ต้องการหลัก ๆ ครบเลยคือ

• สามารถจำกัด CPU และ Memory ของเครื่องลูกได้
• มี overhead ไม่เยอะ เพราะ VM ทุกตัวใช้ kernel เดียวกันหมด
• มี web control panel ให้เลือกมากมาย ไม่ต้องลงโปรแกรมเพิ่มเพื่อเข้ามาจัดการ

แน่นอนมันย่อมมีข้อเสียคือ มันไม่สามารถลง OS อื่นนอกจาก Linux ได้ เพราะมันใช้ Kernel เดียวกันหมดทำให้นึกถึงญาติห่าง ๆ ของมันยิ่งนัก FreeBSD jail แต่ด้วยข้อดีเรื่องจำกัดทรัพยากรกับ web control panel ที่ jail ไม่มีเลยไม่ได้เลือกใช้ (และแน่นอน ถ้าใช้ jail OS ที่ลงได้ก็มีแต่ BSD เท่านั้นกว่าจะลงได้แต่ละตัว compile กันสนุกแน่นอน) ด้านล่างเป็นตารางเปรียบเทียบข้อดีข้อเสียคร่าว ๆ ที่ใช้สำหรับการตัดสินใจ แน่นอนว่าไม่มีศัพท์เทคนิคต่าง ๆ เพราะไม่รู้รายละเอียดเหมือนกัน ฮะ ๆ และอาจลำเอียงนิดหน่อยเพราะเห่อ OpenVZ อยู่

จากตารางด้านบน ถ้าคิดคะแนน สีแดง 0 สีน้ำเงิน 1 สีเขียว 2 OpenVZ ชนะขาด สำหรับเจ้าอื่น ๆ อย่าง Xen, KVM, ESXi ถ้ามีแรงเหลือเฟือ ก็จะลองอีกที แต่ตอนนี้ขอเห่อ OpenVZ ไปอีกซักพักก่อนจนกว่าจะเบื่อ

มาเพิ่มเติมจากคราวที่แล้ว เพราะเขียนตกไป + ลงเพิ่ม!

• AppCleaner – สำหรับลบโปรแกรมที่ไม่ได้ใช้งานแล้ว
• DiffMerge* – โปรแกรมที่ใช้สำหรับ Merge code ฟรี + ใช้ง่าย
• Geotagalog – หลังจากค้นพบว่า App GPSX ใน iPhone มัน export เส้นทางออกมาได้เพื่อใช้ใส่ตำแหน่งให้รูปภาพที่ถ่ายด้วยกล้องทั่วไป ก็เลยหาโปรแกรมมาใช้ร่วมกันซะเลย จริง ๆ มีอีกตัวชื่อ Geotagr แต่มันไม่สามารถใช้กับไฟล์ gpx ที่ออกมาจาก iPhone เลยไม่ได้ใช้
• iStat Menus – ไม่รู้ลืมไปได้ไงรอบที่แล้ว ใช้สำหรับดู ความเร็ว network, พื้นที่ฮาร์ดดิสก์ว่าใช้ไปเท่าไหร่แล้ว ความร้อน … สารพัดที่อยากรู้เกี่ยวกับเครื่องตัวเอง
• Kaleidoscope – ใช้สำหรับ diff change เวลารวมโค้ดแล้วเจอ conflict
• Sequel Pro – แต่ก่อนใช้ MySQL Workbench แต่ crash บ่อยแถม Sequel Pro หน้าตาดูดีแล้วด้วย เลยย้ายมาใช้ ความสามารถแทบจะเท่าเทียมกัน แต่หน้าตาดูดี แต่ไม่ดื้องอนปิดโปรแกรมไปดื้อๆ
• Speed download – อันนี้คือสิ่งที่เขียนตกไปจากคราวที่แล้ว เป็นโปรแกรมช่วยดาวโหลด ได้มากับ Bundle ซักอันนึง

เขียนมาสองรอบเริ่มอยากเขียนต่อแต่เป็นของ iPhone บ้างแต่พอเปิด iTune แล้วคิดว่า ไว้คราวหน้าดีกว่า เพราะมันเยอะเหลือเกิน (แอบตกใจว่า เสียตังให้ Apple เยอะขนาดนี้แล้วหรอนี่!) คงคัดมาเฉพาะบางส่วนที่ใช้ถึงปัจจุบัน (เอ หรือเขียนรีวิวมันทุกตัวเลยดี)

* : เพิ่มเติมภายหลัง

เนื่องจากต้องทำ Load Test แล้วหา JMeter Sampler ที่ใช้กับ AMF ง่าย ๆ ไม่ได้ (ส่วนใหญ่ต้องตั้ง HTTP Server มาดัก request แล้วเอาไป replay ซ้ำ) เลยเขียนเองซะเลย เสียเวลาในการทำงานต่าง ๆ ไปอาทิตย์เต็ม ๆ แต่ก็คงคุ้มกับการทำมั้ง

ใช้งาน

1. ดาวโหลด amf.jar ไปวางไว้ที่ directory /lib/ext ของ JMeter แล้วก็ขยายเอา jar ออกมา
2. ดาวโหลด flex-messaging ไปวางไว้ที่ directory /lib ของ JMeter แล้วขยายเอา jar ออกมา ไฟล์นี้สามารถดาวโหลดจากเว็บ Adobe ได้ตรง ๆ ที่ project BlazeDS เพียงแต่ จะไม่สามารถใช้กับ GraniteDS ได้เพราะมีบาง attribute ที่ไม่เหมือนกัน
3. เปิด JMeter ขึ้นมา แล้วเพิ่ม Sampler ต่าง ๆ จะได้เหมือนภาพด้านล่าง
   1. Address คือที่อยู่ของ AMF Servlet
   2. Service คือชื่อของ class ที่ประกาศใน services-config.xml
   3. Method คือชื่อ method ในคลาส
   4. Arguments คือ Arguments ใน method เรียงตามลำดับจากบนลงล่าง
4. รันแล้วดูผลลัพธ์ใน View Results Tree

สิ่งที่ยังไม่ได้ทำ

1. ใส่ Argument เป็น Object เพื่อส่งไปยัง Server
2. Arguments จริง ๆ ไม่จำเป็นต้องใส่ชื่อ เพราะขึ้นอยู่กับลำดับชั้น คิดว่าจะเอาออกในภายหลัง
3. ทดลองกับ GraniteDS เท่านั้น ยังไม่ได้ลองกับ Adobe BlazeDS และ Adobe Live Cycle

สำหรับคนที่จะเอาไปทำต่อก็ clone source ได้จาก AMF Project อยากได้คนช่วยทำเยอะ ๆ เพราะคิดว่ามีบั๊กอยู่พอสมควร ส่วน source ที่แก้ใน Flex Messaging จะเอามาแปะในภายหลัง ว่าแก้อะไรไปบ้าง

เพิ่มเติม : ได้รับเสียงบ่นพอสมควรว่าเอาไปใช้ไม่ได้ เลยเอาไฟล์ที่ทำแล้วได้มาเพิ่มไว้หน่อย เผื่อเอาไปดูแล้วแก้ไขกันต่อไป

Server โดยปกติมักจะมีบริการมาตรฐานอยู่สองสามอย่างที่หลุดพ้น Firewall ออกมา เช่น 80, 443, 22 เมื่อต้องการเข้าไปใช้บริการอื่นที่เปิด port พิเศษก็ต้องใช้วิธีพิเศษกันหน่อย โดยการขุดอุโมงผ่าน port มาตรฐานเข้าไป เครื่องมือที่ต้องใช้ก็มีอยู่แค่อย่างเดียว ssh

• ให้ sshd ยอมให้ต่ออุโมงโดยกำหนดในไฟล์ sshd_config ถ้าเป็น FreeBSD, Linux หาได้ที่ /etc/ssh/sshd_config แต่ OSX ดันวางไว้ต่างจากที่อื่นหน่อย /etc/sshd_config เลย

PermitTunnel yes

• จากนั้นก็ขุดอุโมงด้วยคำสั่ง

#ssh [user]@[target_host] -p [port] -g -L [local_port]:[target_host]:[target_port]

Option ต่างๆ ที่ใช้ด้านบนคือ * -p [port] สำหรับบอกว่าจะต่อไปที่เครื่องเป้าหมายที่ port ไหน ไม่จำเป็นต้องใส่ default คือ 22 * -g สำหรับให้เครื่องอื่นต่อผ่านเข้าไปได้ด้วย ถ้าไม่ใส่ ssh จะ bind เข้า ip 127.0.0.1 ทำให้เข้าจากเครื่องอื่นไม่ได้ * -L [local_port]:[target_host]:[target_port] สำหรับ bind target_port จากเครื่องเป้าหมาย target_host มาที่เครื่องตัวเองที่ local_port

ตัวอย่าง

ssh user@localhost -g -L 10000:localhost:80

จากนั้นเมื่อเข้าเว็บผ่าน http://localhost:10000 ก็เหมือนเข้าเว็บ http://localhost

ลง OS ใหม่แต่ละครั้งก็ต้องมานั่่งนึกทีนึงว่าต้องลงอะไรบ้าง จริง ๆ ก็จะมีชุดสำเร็จรูปที่ใช้บ่อยอยู่แล้วที่ต้องลง เพราะงั้นจดไว้เลยดีกว่า จะได้ไม่ต้องนึกบ่อย ๆ (ปกติลงไรเยอะ ๆ แล้วที่ไม่เหลือก็จะล้างบางทีนึง)

• Adium – IM สุดรักที่เข้าไปแก้โค้ดเองบ้างบางครั้งเมื่อมันไม่มีบางอย่างที่ต้องการ เป็นโปรแกรมสามัญประจำเครื่องที่ทุกคนลงเลย(มั้ง)
• Flash player debug version
• Flex SDK
• Caffeine – แต่ก่อนใช้วิธีปรับที่ System Preference เอา แต่ได้เครื่องใหม่มาเริ่มขี้เกียจแก้ ติดโปรแกรมนี้เอาง่ายกว่า
• Delibar – โปรแกรมสำหรับจำเว็บข้าม Browser (หลงซื้อด้วยหน้าตาและความอยากส่วนตัว)
• Dropbox – สำหรับเก็บไฟล์สำคัญ ๆ ที่ห้ามลบเด็ดขาด
• Firefox
• Google Chrome
• HTTP Client – สำหรับทดสอบเว็บ
• OmniGraffle Profressional – สำหรับวาด Diagram ต่างๆ เพื่อเอาสิ่งที่คิดไว้ในหัวออกมาให้คนอื่นเห็น หรือ จากกระดาษให้มาอยู่ในคอมเป็นต้นแบบที่สวยงาม
• Parallels Desktop – เพื่อเปิด Windows และจัดการ VMWare อีกต่อ!!! (อื่มนี่คือที่ใช้ปัจจุบันจริง ๆ นะ)
• Perian – เพื่อให้ Quicktime ดูหนังได้หลากไฟล์มากขึ้น
• Play! Framework
• Textmate – Text editor อเนกประสงค์ที่ใช้เขียนโค้ดภาษาต่าง ๆ
• The Unarchiver – โปรแกรมขยายไฟล์ที่โดนบีบอัดไว้
• Things – โปรแกรม Todo ไว้จดงานต่าง ๆ แต่ก่อนใช้ The Hit List จนมันเงียบหายไปไร้การพัฒนา จึงต้องย้ายมาใช้ Things
• Transmission – โปรแกรมโหลดบิต
• Transmit – สำหรับส่งไฟล์/แก้ไขไฟล์บน Server
• VLC – ไฟล์หนังบางอย่างดูผ่าน Quicktime ไม่ได้ก็ต้องมาพึ่ง VLC นี่แหละ
• XCode – Developer tools ที่โคตรจำเป็นเพราะไม่ลงแล้ว แทบทำอะไรแปลก ๆ ไม่ได้เลย
• Xee – จริง ๆ เป็นโปรแกรมดูภาพนะ แต่โหลดมาเพื่อใช้อ่านการ์ตูน

เสริมอีกสามอย่างเป็น plugins ของ Safari ได้มาวันนี้จาก appstorm เลยจดเก็บไว้ก่อนด้วยเลย

• Instapaper Beyond – ตัวเสริมที่ทำให้อ่าน บทความใน Instapaper ได้สบายขึ้น
• No more iTune – เวลากด link iTune ในเว็บแล้วมักรำคาญที่มันเปิดทั้งเว็บ เปิดทั้ง iTune ใช้ตัวเสริมอันนี้ตัวเดียวจบ
• Flickr plus – เพื่อให้เว็บ Flickr มีตัวช่วยเพิ่มขึ้น

น่าจะหมดแล้ว จะมีเข้ามาบ้างชั่วครั้งคราวก็​ Skype กับ Pixelmator แต่สองตัวนี้จะลงแล้วดองมากกว่าไม่ค่อยเปิด

ตอนเย็น @teerapapc คุยเรื่องปัญหาแล้วก็สิ่งที่อยากจะทำมาเพื่อแก้ปัญหาที่เจออยู่ ทำให้รู้สึกเหมือนตัวเองในช่วงปีที่ผ่านมา ต่างกันที่ปกติจะไม่คุยในกลุ่มแบบนี้ แต่จะใส่ลงไปใน Twitter เลยขณะคิด ได้คำแนะนำบ้างไม่ได้บ้าง แต่ก็ได้เขียนมันออกมาไม่ให้อึดอัด แล้วถ้าอยากทำจริง ๆ ก็จะลงมือเลยและมักจำสำเร็จเป็นรูปร่างทุกครั้งที่ทำด้วย โดยที่ไม่รอว่าจะได้ผลตอบรับเป็นยังไง รู้สึกดีแม้คนอื่นจะไม่รู้สึกด้วยก็ตาม เพราะว่ามันเป็นสิ่งที่อยากได้

ช่วงนี้ก็เลยมีความคิดอยู่ในหัวว่า สิ่งที่เหมาะกับตัวเองจริง ๆ แล้วคือการแก้ปัญหาต่าง ๆ ที่เจอในการทำงาน หรือแก้ความอยากของตัวเอง และมันต้องเป็นสิ่งที่เริ่มจากเล็ก ๆ ง่าย ๆ พอคิดแล้วต้องวาดมันลงกระดาษด้วย จะทันที หรือภายหลังก็ได้ แต่ต้องวาดออกมา หลังจากนั้น ทุกอย่างมันจะเดินไปช้า ๆ

แต่จะให้สำเร็จ แค่วาดออกมากับคุยให้คนอื่นฟังยังไม่พอ ต้องทำ และสร้างแรงกระตุ้นให้ตัวเองโดยการหาแรงจูงใจและความอยากคอยเติมทีเล็กละน้อย หรือไม่ก็หาปัญหาใหม่ที่กวนใจ เพื่อไม่ให้สิ่งที่อยากได้มันหยุดนิ่งแค่ในกระดาษ หรือคำพูดที่ลอยออกมา

ตอนนี้ @teerapapc มีความอยาก มีเป้าหมายคร่าว ๆ แล้วซึ่งก็คล้าย ๆ กับความคิดส่วนตัว ก็เหลือแค่ว่าจะเติมไฟต่อไปยังไงดี ให้ @teerapapc ทำออกมาจนเป็นรูปร่างได้ … ช่างน่าสนใจและอยากเห็นผลลัพธ์เหลือเกินว่าจะเป็นยังไง

ช่วงหลังใช้ Facebook บ่อยขึ้นเนื่องจากทำงานกับเพื่อนที่สนิท แล้วส่วนใหญ่จะตามอยู่ในนั้น เลยคิด ๆ ขึ้นว่าเมื่อไหร่ที่จะพิมพ์ลง Facebook เมื่อไหร่ถึงจะพิมพ์ลง Twitter

จริงแล้วเวลาจะพิมพ์อะไร ถ้าแทบไม่ได้คิดเลยส่วนใหญ่จะเป็น Twitter เพราะปัจจุบันใช้ Twitter เหมือนถังเก็บความคิดในช่วงนั้น คือมีอะไรโผล่มาในหัวจะปล่อยมันออกมาใน 140 ตัวอักษรก่อน ให้มันออกมาเร็ว ๆ ยังไม่ต้องกรองต้องจัด เพราะฉะนั้นใครติดตามทาง Twitter คงรู้ดีว่าบางครั้งจะมี tweet ขยะออกมาติดต่อกันเยอะมาก จนบางคนก็เลิกตามไป โดยเฉพาะตอนที่ต้องคอมไพล์อะไรนาน ๆ จะเรียกว่าบ่นผ่านทาง Twitter เลยก็ได้ เรียกว่าถ้าฟุ้งซ่านเมื่อไหร่ Twitter นั่นแหละคือที่ระบายมันออกมาก่อนเป็นที่แรก

ตรงข้ามกับ Facebook ที่กว่าจะพิมพ์อะไรออกมาจะคิดแล้วคิดอีกพอสมควร ด้วยเหตุที่ใช้ Facebook เพื่อติดต่อกับเพื่อนสนิทมากกว่าด้วย คือเป็นช่องทางสำหรับติดต่อกับเพื่อนจริง ๆ ไม่ใช่ที่บ่นระบายเหมือน Twitter เพราะฉะนั้นนาน ๆ ทีถึงจะเห็นเข้าไปพิมพ์อะไรเล็กน้อย อย่างช่วงวันเกิด หรือเจออะไรดี ๆ และเกี่ยวกับงานถึงจะแปะให้เพื่อนอ่านซักหน่อย (Twitter ก็มีนะ เยอะกว่าด้วย แต่กรองน้อยกว่า Facebook) เวลา update ก็แทบจะตั้งไว้เลยว่า จะส่งถึงเพื่อนที่อยู่ในกลุ่มไหนเท่านั้น และโดยส่วนมากก็จะเป็นที่เรียน กับที่ทำงานด้วยกัน ที่เจอผ่านออนไลน์อาจจะรับไว้ แต่จะแยกกลุ่มพิเศษที่ไม่ค่อยได้พิมพ์อะไรไปถึง

เพราะงั้นใครที่คิดจะตามผม และไม่รู้จักเป็นการส่วนตัว และคิดว่ารับได้กับการส่งข้อความขยะในปริมาณมากช่วงดึก ๆ เช่น “คอมไพล์ถึง xxx แล้ว T_T”, “กรรมต้อง activate ต้องรอมันออกตัวเต็มสิเนี๊ยะ” ก็กดตามที่ @llun ได้เลยแล้วจะไม่ผิดหวัง ในสาระที่น้อยนิดใน timeline