• getJSON
• getScript
• $.ajax

เท่านั้นที่ทำได้ โดย $.ajax ก็คือการ setup ให้ datatype เป็น JSONP  หรือไม่ก็ Script เท่านั้นถึงทำได้ ดังนั้นเวลาเรียกให้ควร check เรื่องพวกนี้เป็นพิเศษ เพราะการทำภายใต้ domain เดียวกันนั้น คุณสามารถใช้พวก $.get , $.post ได้ตามสะดวก แต่พอจะทำ cross domain แล้วนั้นกลับทำไม่ได้ ดังนั้น ถ้าคิดจะทำ Web Service ที่ Javascript สามารถเรียกได้ ควรทดสอบด้วย getJSON หรือ getScript เท่านั้นครับ

ส่วนถ้าใช้กับพวก Server Side Script จะมีวิธีที่เรียกว่า Proxy ซึ่งทำให้สะดวกในการทำงาน ซึ่งเราสามารถใช้ได้ทุก Ajax เช่น $.get $.post ก็ใช้ได้หมด โดยมีตัวอย่างที่ทำเข้าใจอย่างมากของฝรั่งเขา ดูได้ที่นี้เลยครับ
http://jquery-howto.blogspot.com/2009/04/cross-domain-ajax-querying-with-jquery.html

ปล. สำหรับลิงค์ที่้ให้ไป อ่าน comment ด้วยจะได้เห็นทางเลือกที่เจ๋งๆอีกนิดหน่อย

• วิธีทำ Ajax Cross Domain แบบสมบูรณ์ด้วย CodeIgniter และ jQuery
• ปัญหางานทั่วไปที่เจอในงานพัฒนาเว็บ (1)
• Codeigniter , jQuery , Ext-Js และ Adobe AIR

1. Web Service กับ JSON หรือ AJAX Cross Domain

โดยปกติแล้วเราจะใช้ Javascript ดึงข้อมูลจากฝั่ง Server Side Script ภายใต้โดเมนเดียวกันแล้วมันได้ ผลแต่ถ้าเราจะทำ Ajax Cross Domain ด้วย JSON นั้นเราต้องรู้จักสิ่งที่เรียกว่า JSONP ซึ่งเคยเขียนในสองสามบทความที่แล้วกับวิธีทำ ซึ่งปัญหานี้ ถ้าเราไม่กะเปิด Service ให้คนอื่นใช้คงไม่เจอ แล้วเมื่อก่อนก็นึกว่ามันง่ายกว่านี้ แต่จริงๆมันต้องแก้ด้วย JSONP นี้เอง แต่ถ้าเป็นพวก XML แล้วนั้นจะไม่ต้องใช้ JSONP มาแก้ปัญหา

บทสรุปของวิธีแก้ปัญหา : ใช้ JSONP ในการส่งข้อมูลแบบ JSON ข้าม Domain หรือใช้ข้อมูลแบบ XML เพื่อไม่ต้องยุ่งกับ JSONP

2.  Asynchronous และ Synchronous

ในการเขียน Javascript หรือ jQuery และ AJAX คงเป็นเรื่องที่ขาดไม่ได้สำหรับเว็บ 2.0 ดังนั้นเราหลีกเลี้ยงที่จะไม่เจอปัญหานี้ในบางครั้งไม่ได้ ในกรณีของผมคือเจอกรณีที่เราต้องการให้ข้อมูลโหลดมาเสร็จก่อน แล้วค่อยที่จะทำคำสั่งต่อไปเรื่อยๆ ซึ่งผมก็เจอข้อจำกัดบางอย่างของ JSONP ของ jQuery นั้นก็คือมันไม่สามารถทำเป็น Synchronous ได้ ดังนั้นในกรณีที่เราต้องการให้มีการรอข้อมูลก่อน แล้วค่อยทำงานอย่างอื่นต่อจึงทำไม่ได้นั้นเอง

บทสรุปของวิธีแก้ปัญหา : ส่งข้อมูลด้วย XML หรือทำให้การท่อง DOM เป็นแบบ Static ที่สุด ไม่งั้นอาจจะเจอกรณีที่ข้อมูลส่งมาช้ากว่าคำสั่งที่สั่งให้เปลี่ยน DOM แบบ Dynamic

3. XML-RPC

เรื่องของ XML-RPC อาจเป็นเรื่องน่างง ว่าเป็นปัญหาได้อย่างไร ผมต้องใช้เจ้า function ที่ชื่อว่า xmlrpc_encode_request เป็น function ที่เอาไว้ส่ง xml rpc แต่มันดันต้องใช้ extension ของ php อย่าง xmlrpc ซึ่งต้องเปิดใช้งานก่อน ซึ่งใน Windows หรือเครื่องเราก็ไม่มีปัญหาอะไรต้องตกใจ แต่พอขึ้นโฮสที่เป็น Linux XMLRPC ตัวนี้ไม่สามารถเปิดใช้งานได้ง่ายๆ เพราะโฮสส่วนใหญ่ไม่ได้ compile เจ้า xmlrpc ตัวนี้ไว้ เลยดังนั้นการเปิดใช้งานมันจึงเป็นเรื่องที่น่าปวดหัว

วิธีแก้ปัญหา : แจ้งเจ้าของโฮสให้เปิดให้ แต่ถ้าเจ้าของโฮสเปิดไม่เป็น เห็นทีต้องใช้ library ตัวอื่นแล้วแทนแล้วเช่น XML-RPC ของ CodeIgniter

4. ข้อผิดพลาดในการเขียนโค้ด inline css

ระหว่างการทำงานภาษาที่ต้องเขียนก็มีมากมายทั้ง CSS , JavaScript , HTML , PHP , jQuery ซึ่งบางทีมันก็น่าปวดหัวจนมึนไปและข้อผิดพลาดอาจเกิดขึ้นได้ตลอดเวลา รวมถึงความที่เป็นมนุษย์มักคิดเข้าข้างตัวเอง หรือมองข้ามสิ่งเล็กๆน้อยไป กรณีที่ผมเจอก็คือเขียน inline css ผิดนั้นเอง เช่น style=”width:480; height:270;” ซึ่งดูผ่านๆก็น่าจะใช้ได้ แล้วการ render ในบาง browser สามารถ render ได้ แต่ไม่ได้ในบาง browser แล้วยังได้ในบางกรณี และไม่ได้ในหลายกรณีซึ่งทำให้เกิดความสับสนกับคนเีขียนได้อย่างมาก

วิธีแก้ปัญหา : จงเชื่อในมาตรฐานและการตรวจสอบของคอมพิวเตอร์ในกรณีนี้ก็คงเป็น HTML Validator เป็นต้น

5. แก้บัค,อัพเกรด,เปลี่ยนความต้องการ

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

วิธีแก้ปัญหา : เขียน Test Cases หรือ Test Script ช่วยทำให้ค้นพบบัคได้เร็วขึ้น แล้วก็คุยความต้องการให้ถูกต้อง ถ้าเป็นไปได้ออกแบบให้เป็น Dynamic และง่ายต่อการแก้ไข

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

• วิธีทำ Ajax Cross Domain แบบสมบูรณ์ด้วย CodeIgniter และ jQuery
• เข้าใจกับ jQuery Ajax Cross Domain
• Codeigniter , jQuery , Ext-Js และ Adobe AIR

• สามารถเรียก Web Service ได้จาก Domain เดียวกัน
• สามารถเรียก Web Service จาก Host ได้จาก localhost
• แต่ไม่สามารถเรียกจาก host หนึ่งไปยังอีก host หนึ่งได้

หลังจากที่ผมได้ลองทำ Web Service มาหลายแบบ แบบที่ผมชอบที่สุดก็คงหนีไม่พ้นแบบ JSON แน่นอนครับ เพราะใน php มันมี function ที่ชื่อว่า json_encode ซึ่งเปลี่ยน array ของ php ไปเป็น json ให้เราได้ทันที แต่วันนี้ผมจะเอาตัวอย่างที่ผมทำผิดแล้ว วันนี้ได้เรียนรู้มาบอกต่อกันครับ ซึ่งใน php ตัวที่ผมทำ web service นั้นชอบทำแบบนี้ครับ

echo json_encode($array);

ซึ่งวิธีนี้จริงๆแล้วน่าจะใช้ได้ดีกับหมดทุกระบบแล้วนะครับ เพราะปกติถ้าใน php เรามี function นี้ครับ file_get_content ซึ่งอำนวยความสะดวกเรื่องนี้ให้เรา เสร็จแล้วเราก็ json_decode จบได้ข้อมูลมาใช้ละง่ายโคตรๆ แต่กระนั้นครับ แล้วถ้าเราจะใช้ Javascript ดึง Web Service ของเราละครับ ยิ่งถ้าใช้ jQuery ก็คงยิ่งหมูเลย

$.getJSON(url,callback);

แค่นี้ก็น่าจะเพียงพอ แต่ผลที่ได้คือ “ถ้าไม่อยู่ใน domain เดียวกัน หรือไม่มีการเปิดให้สิทธิทำ cross-domain ก็จะใช้ไม่ได้ครับ” ในที่นี้ผมหมายถึง เวลา internet explorer จะขึ้น privacy ซึ่งถ้าเราตกลง มันก็ยอมให้เราทำ cross-domain ได้ซึ่ง การใช้ json_encode ถึงเพียงพอครับ แต่พอเอาไปขึ้น host จริงๆคนอื่นที่เขาใช้ javascript ดึงก็ใช้ไม่ได้อยู่ดีแล้วเราจะแก้ปัญหาอย่างไรละ ? ผมเลยค้นหาวิธีต่างๆซึ่ง JSONP เนี้ยเป็นคำตอบ แล้วทำยังไงละ ? วันนี้ผมเอาวิธีทำมาให้เลยละกัน โดย ต้องขอบคุณ Tee++ จาก jQueryTips ซึ่งเป็นคนนำทางผมครับ ผมแนะนำให้อ่านของคุณ Tee++ ก่อนนะครับเอาละประเด็นคืออยู่ที่บรรทัดนี้ครับ

echo $_GET[‘jsoncallback’].‘(’.$json->encode($arr).‘)’; // ของคุณ Tee++ ผมข้อแก้เป็นด่านล่าง เพื่อลักษณะใกล้เคียง
echo $_GET[‘jsoncallback’].‘(’.json_encode($arr).‘)’;

ซึ่งสังเกตว่าจะใช้ . นะครับ ไม่ใช่ = แล้วจะตามวงเล็บเปิดแล้วลงท้ายด้วยวงเล็บปิด ซึ่งเป็นตามหลัก JSONP ส่วนสาเหตุที่ทำไมต้องทำเช่นนี้ ผมยังไม่แน่ใจนัก แต่อธิบายคร่าวๆได้ว่า การใช้ Ajax Cross Domain ตรงๆนั้นมันมีึความเสี่ยงสูง ดังนั้นเลยเกิด JSONP (JSON with Padding) เพื่อมาช่วย แล้วการที่เรามีการใส่ตัวแปลสักตัว ในตัวอย่างคือ jsoncallback แล้วมีการใส่วงเล็บเปิดปิดไปนั้น เืพื่อให้ทางฝั่ง Client สามารถเล่นกับข้อมูลได้สะดวก โดยถ้าเป็น jQuery ก็จะมีการใส่่  jsonp1236274532659 (แล้วแต่มันจะ genให้)แบบนี้เป็นต้น ซึ่งผลลัพธ์ตอนจบมันจะกลายเป็นประมาณนี้

jsonp1236274532659({"name":"dominixz","url":"http:\/\/dominixz.com"})

จะสังเกตว่าพอสามารถใส่อะไรลงไปข้างหน้าได้ มันจะกลายเป็น function !!! ซึ่งทำให้ทางฝั่ง client เล่นอะไรกับข้อมูลนี้ก็ได้ โดยถ้าให้ผมเดาเป็นผมกรณีนี้ใน function นั้นก็อาจมีการ set ค่าตัวแปรค่างๆหรือแม้กระทั่ง eval ข้อมูลเลยก็เป็นได้ แล้วแต่เราจะเขียน โดยถ้าใช้พวก Framework นั้นมีการจัดการกับ JSONP เกือบทุกตัวแล้วละไม่ว่าจะเป็น MooTools , jQuery , Dojo ฯลฯ อธิบายพอเห็นภาพละ แล้ววิธีเรียกใน jQuery ละทำยังไงก็ง่ายๆเลยครับ

$.getJSON(url+”?jsoncallback=?”,callback);

โดยผมมีตัวแบบจริงสักอันละกันครับ โดยถ้าผมมี Web Services ของ CodeIgniter ดังนี้ครับ http://localhost/codezend/index.php/webservices/test ดังนั้นโค้ดนี้ผมจะได้ url เป็นดังนี้ครับ

$.getJSON(“http://localhost/codezend/index.php/webservices/test?jsoncallback=?”,callback);

ซึ่งใน web service ของผมก็ต้องมีการ set ค่า jsoncallback เหมือนกันไม่งั้นก็ใช้ไม่ได้ โดยถ้าไม่ได้ใช้ CodeIgniter แค่นี้ก็คงจบบทความแล้วแต่ CodeIgniter ถ้าทำแค่นี้ไม่ได้แน่ครับ เพราะเจ้า CodeIgniter ดันไม่ยอมให้ใส่ ?jsoncallback=? อย่างงี้ตอนเริ่มต้นได้นี้สิ โดยถ้าต้องการใช้เราจะต้องไป set ใน config.php ให้ enable_query_strings เป็น TRUE ซะก่อนนะครับ

$config['enable_query_strings'] = TRUE;

เป็นอันจบครับ ไว้ผมมีประสบการณ์อะไรเพิ่มเติมจะนำมาเล่าต่อครับผม วันนี้ไปนอนแล้วครับสวัสดีครับ

• ปัญหางานทั่วไปที่เจอในงานพัฒนาเว็บ (1)
• เข้าใจกับ jQuery Ajax Cross Domain
• Codeigniter , jQuery , Ext-Js และ Adobe AIR

• PNG แบบโปรงใสใช้ไม่ได้ใน IE6 ต้องใช้ Javascript แก้
• Layout ที่เพี้ยนเวลาใช้ padding หรือ margin

ทางแก้ปัญหาก็คือเชิญชวนให้ทุกๆคนมาใช้ IE7 , Firefox , Safari , Chrome หรือแม้แต่ Opera กันดีกว่าครับคนทำเว็บจะได้ไม่ต้องมาแก้ปัญหาจุกจิก แล้วเอาเวลาไปพัฒนางานให้ดีขึ้นแทนกันครับ เพราะถ้านักพัฒนาต้องแก้ปัญหพวกนี้แล้วอย่างน้อยต้องเสียเวลาไปทำเรื่องพวกนี้ครับ

• PNG โปรงใส
• CSS reset
• IE6 Hack
• Javascript Framework problem (ถ้าใช้ jQuery บาง effect ก็ไม่ติด)

อย่างน้อยกว่าจะแก้สิ่งเหล่านี้อาจจะเสียเวลาหลายวันหรือไม่ก็หลายอาทิตย์เลยก็ได้ครับ สำหรับงานขนาดใหญ่ หรือไม่ได้วางแผนไว้ตั้งแต่ต้น ฝากเนื้อหานี้ให้ Blogger ช่วยกันโพส รณรงค์เรื่องนี้กัน และเิชิญชวนให้ผู้อ่านทุกท่านที่ยังใช้ IE6 upgrade เป็น IE7 เถอะครับหรือไม่ก็เปลี่ยนไปใช้ Browser ตัวอื่นกันครับ

สำหรับชาว Blogger ทุกท่านช่วยกัน Tag อันนี้กันครับ : เลิกใช้ IE6 , abandon-ie6

• โลกของ Framework และการนำไปใช้
• ลองใช้ Mac OSX Snow Leopard เสือดาวหิมะ
• รู้จักกับ jQuery

1. Google Alerts

ไม่ใช้ไม่ได้แล้วสำหรับคนที่อยากจะหาเนื้อหาเฉพาะที่ชอบเฉพาะเจาะจง โดยวิธีก็คือใส่คำที่ต้องการจะหา โดย Google จะเอาอันที่มัน index ได้ใหม่ๆเข้ามาให้เราอ่าน โดยผมใช้มันหาบทความเกี่ยวกับ jQuery , Ruby , Rails , CodeIgniter ครับผม

2. Howcast

เว็บไซต์นี้เป็นแหล่งที่ผมชอบมากๆ มันเป็นเรื่องเกี่ยวกับ How to ล้วนๆไม่ว่าจะเป็นเรื่องทำอาหาร, วิธีทำ home spa และอื่นๆอีกมากมาย พักจากการดูข่าว it ก็จะมาดูนี้ละครับ

3. Web Design Resources I use

อันนี้เจอโดย Google Alert ครับโดยเป็นแหล่งรวมสิ่งต่างๆเกี่ยวกับพวก PHP , JavaScript แล้วก็เทคนิคทั่วไป รวมถึง software ต่างๆ

4. 50 Extremely Useful PHP Tools

บทความนี้เป็นบทความแนะนำสำหรับคนอยากเก่ง PHP ขึ้นไปอีก

5.iUI / iPhone Unlock Screen

สำหรับคนที่อยากจะทำหน้า Web สำหรับ iPhone อย่าพลาด 2 ตัวนี้เป็นอันขาดโดยเฉพาะตัวแรก

6.CrawlRapidShare

สุดยอดเครื่องมือสำหรับค้นหาไฟล์ที่ไปฝากไว้บนโฮส Rapidshare ซึ่งบอกได้คำเดียวว่าเทพมาก

7.Improve your jQuery

25 ตัวอย่างที่จะทำให้คุณเขียน jQuery ได้ดีขึ้นมากๆ

8.CodeIgniter User’s Guide

สำหรับคนที่พึงเริ่มต้นอยากจะใช้ Framework ของ PHP แต่อ่านอังกฤษไม่่ค่อยแข็งแรง ผมแนะนำ CodeIgniter ซึ่งเขียนไม่ยากและผมกำลังทำการแปลอยู่เรื่อยๆ

9.Twitter

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

จบบทความที่เลข 9 เป็นเลขที่ดีสำหรับผมเพราะผมเกิดวันที่ 9 วันนี้ผมต้องไปก่อนแล้ว ไว้จะมาอัปเดตอีกเรื่อยๆนะครับ

• โปรแกรมมิ่งที่ผมชอบ <ณ ปัจจุบัน>
• CodeIgniter ไม่ใช่ Framework ที่ดี !
• โลกของ Framework และการนำไปใช้

• ทำการบ้านต่างๆในมหาลัย
• ทำงานรับ Job นอก
• ทำงาน Project จบ
• ทำ Codeigniter.in.th ให้สำำเร็จ
• เขียน Blog ให้สม่ำเสมอมากขึ้น

งานจริงๆไม่ยากแต่ชอบผลัดวันประกันพรุ่ง หลังจากนี้ใครที่รอผลงานของผมอยู่ก็อย่าพึ่งท้อใจนะครับ ผมกำลังทำให้สุดความสามารถของผมทำคนเดียวเลย Solo เลย ตอนนี้มีผมมี idea ในหัวเยอะท่าทางตอนผมจบแล้วอาจจะพักสัก 2-3 เดือนช่วงนี้น่าจะสร้างผลงานให้ทุกๆคนได้เห็นกันครับ ยกเว้นว่าจะได้งานเร็วก็อดทำไป แถมตอนนี้ยังต้องเร่งศึกษาอะไรหลายๆอย่างก่อนที่จะสายไปจะจบแล้วความรู้ยังน้อยมาก แล้วสิ่งต่อไปที่ผมอยากศึกษาคืออะไรนะหรอครับ

• Drupal เพราะยังไงผมต้องใช้สิ่งนี้ทำ Codeigniter.in.th
• Codeigniter แน่นอนครับเจ้าตัวนี้ เรายังต้องศึกษาเพิ่ม
• Ruby on Rails กับ jQuery
• Statistic หรือสถิตินั้นเอง
• Artificial Intelligence  ผมไม่เคยได้เรียนเรื่องนี้ผมจึงสนใจมาก

จริงๆดูเหมือนอยากศึกษาน้อยมาก แต่อย่างว่าครับตอนนี้งานเยอะ เลยขอศึกษาไม่มาก แค่ Ruby on Rails ก็มีให้อ่านมากมายหลายเล่มจนเลือกไม่ถูกและก็ถูกพักไปก่อนในตอนนี้เพราะ ผมต้องให้ความสำคัญกับ Codeigniter และ jQuery เพราะเอาไว้ทำใน project จบด้วย ยังไงผมไม่หายไปไหนครับ ผมจะเข้ามาเขียนเรื่องดีๆเรื่อยๆครับถึงแม้ว่าช่วงหลังๆจะเล่าเรื่องส่วนตัวมากไปหน่อย

• CodeIgniter ไม่ใช่ Framework ที่ดี !
• ตอนนี้เราทำอะไรเป็นมั่งแล้ว ?
• โปรแกรมมิ่งที่ผมชอบ <ณ ปัจจุบัน>

โดยเลือกถึงความจำเป็นก่อนในการพัฒนาเว็บสมัยนี้ มักจะต้องประกอบด้วยหลายภาษามากมาย ไหนจะต้องเป็นมิตรกับมาตรฐานเว็บ และไหนจะต้องเพิ่มลูกเล่นให้กับเว็บไซค์ดังนั้น เราจะต้องเรียนรู้อะไรหลายอย่างถึงจะทำเว็บได้อย่างมีมาตรฐาน โดยผมได้เลือกเล่นแบบ HTML มากกว่าเล่น Flash ดังนั้นผมเลยต้องรู้ดังนี้เป็นอย่างน้อย

• HTML/XHTML
• Javascript
• CSS
• ภาษาโปรแกรมมิ่งสักภาษาหนึ่ง

อันนี้คือสิ่งที่ผมต้องเรียน ดังนั้นจะสังเกตุว่าเรามีสิทธิ์เลือกจริงๆก็คือ ตัวภาษาโปรแกรมมิ่งสักภาษาหนึ่งนั้นเอง นอกเหนือจากนั้นก็คือพวก Framework ต่างๆที่ทำให้งานเราเสร็จเร็วขึ้นนั้นเอง โดยผมมีวิธีเลือกก็คือ “เขียนง่าย รู้สึกดี ใช้แล้วชอบ ผลงานออกมาเร็ว และก็บำรุงรักษาง่าย” ผมไม่แน่ใจว่าผมได้อิทธิพลมาจากการที่ผมเรียน Software Engineer มารึเปล่า เพราะผมเห็นเรื่องการบำรุงรักษาเป็นเรื่องใหญ่เลย แล้วก็รวมถึงการเขียนที่จะต้องส่งผลต่ออารมณ์ผู้เขียนที่ทำให้อยากเขียนไปเรื่อยๆ เพราะผมไม่ใช่ Programmer เต็มตัว แต่เป็น Software Engineer ผมเลยติดว่าทำยังไงให้ ทำผลงานได้สำเร็จอย่างรวดเร็วและได้ผลลัพธ์ที่มีมาตรฐาน และอีกนัยหนึ่งก็คือผมต้องการเครื่องมือที่มีประสิทธิภาพ และทำให้ผมทำงานได้อย่างมีความสุข

เอาละครับมาถึงตรงนี้ขอพูดถึงภาษาและเฟร์มเวิร์คที่ผมชอบ ณ ปัจจุบันนี้กันเลยนะครับเอาละ

• jQuery เป็น javascript framework ที่ผมต้องพูดถึงทุกครั้ง และไม่ว่ายังไงเจ้าตัวนี้และทำให้ผมสนุกในการเขียน javascript อย่างว่าครับ มันอาจจะไม่ใช่ tools ที่สมบูรณ์นักแต่ว่า มันเป็นตัวที่เขียนง่าย รู้สึกดีัใช้แล้วชอบ ได้ผลงานเร็ว ตามที่ผมชอบ แต่อย่างไรก็ตามในเรื่องของความสมบูรณ์ของการนำ UI Component ยังใช้ยากอยู่นิดหน่อยแต่พอรับได้ และไม่อืด
• PHP เป็นภาษาสำหรับทำงานที่จริงจัง ที่ต้องการความเร็ว ความถูกต้อง ความเป็นมาตรฐาน โดยผมมีความเคยชินกับมันพอสมควรทำให้ ผมเขียนมันได้ดีกว่า ภาษาที่ชอบอื่นๆ แต่ข้อเสียคือการเขียนมันยังไม่สวยงาม อย่างที่ผมอยากได้
• Codeigniter เป็น Framework ที่ดีตัวหนึ่งและนิยมในต่างประเทศแต่ในไทยเขายังนิยม CakePHP กันมากกว่า เหตุผลที่ผมชอบเจ้า CI เนี้ยคือความง่าย และต่อเติมได้ง่าย แล้วเตรียมสิ่งจำเป็นพื้นฐานมาให้พร้อมแล้ว Code เขียนง่ายเพราะยังใช้แบบเดิมๆไถไปได้ง่าย เกิดเว็บได้เร็ว แต่เสียดายที่ยังขาด Object Relational Mapping ซึ่งถ้ามีเจ้าตัวนี้ผมว่า CI เป็น Framework ที่ดีที่สุดสำหรับผมเลยก็ว่าได้
• CSS เป็นสิ่งที่ผมไม่ได้คิดจะอยากเป็นหรอกครับ แต่มันจำเป็นในการทำเว็บซึ่งพอเขียนไปเรื่อยๆ ก็จะรู้ว่ามันไม่ได้ยากมาก แถมรู้สึกสนุกอีกตะหากเมื่อใช้กับ jQuery CSS เนี้ยเอาไว้จัดหน้าตาต่างๆในเว็บและมันเป็นมาตรฐาน ซึ่งเมื่อทำเป็นแล้ว คุณจะรักมันครับ เพราะมันทำให้ Code XHTML/HTML ของคุณสวยงามมาก
• Ruby เป็นภาษารัก ภาษาใหม่ซึ่งผมชอบที่ความสวยงามของภาษา และการเขียนที่สนับสนุนการทำ DRY (Don’t Repeat Yourself) ข้อดีมีมากมาย ไม่ว่าจะเป็นภาษาที่ทำให้ code เราอ่านเหมือนภาษาอังกฤษ ทำให้เรื่องการบำรุงรักษาง่ายขึ้นมากแถมยังเพิ่มขีดความสามารถในการทำงาน (productivity) เพราะมันเขียนน้อยได้เยอะเนี้ยและ
• Ruby on Rails เป็น Framework ทำเว็บสำหรับ Ruby ซึ่งข้อดีมันจะเกิดขึ้นต่อเมื่อเราเป็นแล้วนั้นเอง Rails เป็น Framework ที่เยี่ยมยอดมากครับ ถ้าเราเข้าในใน Concept แล้วก็วิธีการใช้งานแล้ว คุณจะรักมันครับ แต่ข้อเสียก็เยอะอยู่ Learning Curve ช่วงแรกถือว่ายาก พอสมควรเลยครับ แถมการนำขึ้น server (deploy) ก็ยังยากกว่า PHP

โดยจริงๆแล้วผมก็เคยจับ Python มาแปปนึง (แปปจริงๆไม่เกิน 2 อาทิตย์) ซึ่งพอเจอ Ruby ต้องขอบอกทันทีว่าผมถูกจริตกับการเขียนด้วย Ruby มากกว่า แล้วตอนนี้ผมก็แน่ใจว่า I say no to Python and say yes to Ruby อนาคตก็ยังไม่แน่นอนว่าจะเรียนภาษาอะไรเพิ่ม แต่ผมว่าในช่วง 1 ปีผมคงยังไม่เปลี่ยนแน่ๆ แต่ผมก็ต้องขอบอกว่าภาษาที่ทำให้ผมเขียนได้ดีและเก่งขึ้นมากๆ ก็คงหนีไม่พ้นภาษา Java ซึ่งเป็นภาษาครูเลยก็ว่าได้ ถ้าไม่มี Java มาก่อนผมว่าการเขียน code ของผมก็ไม่พัฒนาได้เร็วขนาดนี้

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

งานที่ล้ำเลิศเกิดจากความรักในการทำงานนั้น

ปล. อยากให้ทุกๆคนที่อ่านมา share กันนะครับ

• ประวัติโดมินิค
• ปัญหาของ Ruby ! สำหรับชาว Java
• 50 อันดับภาษาคอมพิวเตอร์ยอดฮิตประจำเดือนกรกฎาคม

พออบรมเสร็จก็ไประดม idea ในการสร้างเว็บกันครับ พอระดมเสร็จก็ต้องเข้าไปเสนอคณะกรรมการให้รู้ว่า idea เราเป็นยังไงแล้วมีการทำงานอย่างไรบ้าง สุดท้ายพอเราผ่านการเสนอกรรมการแล้ว เราก็ไปพักครับโดยกลุ่มผมได้ไปพักที่คอนโดแถวๆมหาลัยบูรพาส่วนกลุ่ม 1-5 นั้นได้พักที่หอพักมหาลัยบูรพา (เนื่องจากจองไม่ทันเลยได้แค่ 5 กลุ่มผมก็เลยได้พักคอนโด แต่ไม่หรู่นะ) เสร็จแล้วเราก็ตื่นกันตั้งแต่เช้าโดยมีพี่กลุ่ม มาเคาะประตูตอน 6 โมงและ 6 โมงครึ่งเช้า เพราะเราไม่อยู่ในมหาลัยบูรพาเลยต้องตื่นเช้ากว่าทางนู้น น้ำตอนเช้าหนาวมากกก ไม่มีน้ำร้อนเสร็จแล้วก็ลงมาร่วมกลุ่ม 6-10 ในเวลา 7 โมงนิดๆแล้วก็นั่งรถกลับไปที่มหาลัยบูรพาเพื่อทานข้าวและทำกิจกรรมต่อ โดยกิจกรรมคราวนี้ก็คือแยกตามสาขาไปอบรมอีกครั้งหนึ่ง

พอเราอบรมเสร็จคราวนี้ละครับของมัน โคตรมันครับ โดยหลังจากทานข้าวเที่ยงเสร็จ ก็เริ่มทำเว็บที่เราได้เสนอ idea ไปเมื่อวานโดยมีเวลาให้ตั้งแต่ประมาณ 12.30 – 23.00 โดยผมก็นั่งทำประสานงานกับเพื่อน โดยคราวนี้ผมใช้ PHP , Codeigniter , jQuery , MagpieRSS , MySQL นั่งทำครับ ตั้งแต่เริ่มแรกก็มีการทำงานแบบออกแบบ database , ooad (object oriented analysis and design)  โดยใช้ MVC (Model-view-controller) Architecture เสร็จแล้วต้องขอบอกว่าจริงๆแล้วมันเป็น VC (View-Controller) Architecture มากกว่า โดยผมก็นั่ง code ไปเรื่อยๆครับ แต่ด้วยเวลามันสั้นมาก ผมนี้เขียน code แทบไม่ได้หยุดสักเท่าไร (แต่ก็ได้พักกินข้าวบ้าง) สุดท้ายระบบที่ผมทำมันยากที่ UI ครับแล้วผมต้องร่วมระบบเข้ากับ UI ตอนช่วงเกือบ 4 ทุ่มซึ่งความกดดันก็มากขึ้นเพราะ เวลาเหลือน้อยแล้วยังไม่ได้ upload ขึ้น server เลยสุดท้ายผมก็ทำไม่ทันครับ ผมแต่ก็ภูมิใจนะครับเพราะจริงๆแล้วระบบที่ผมทำนั้นทำได้หลายอย่างอยู่ครับ

• CRUD Message , Tag
• Login
• Registration User
• Message Web Service
• Reading RSS

ซึ่งผมต้องขอบอกว่าจริงๆ ผมทำตัวเหมือนเวลาเขียน code ปกติมากครับ คือทำพวก function ที่เพื่อนๆขอมา แต่ลืมคิดไปว่าจริงๆแล้วเขาต้องการดู Design มากกว่า แล้วก็ระบบทำอะไรนิดๆหน่อยได้ครับ แต่จุดเด่นของ app ผมคือ Timeline ครับ ซึ่งเจ้าตัว Timeline เนี้ยเพื่อนๆได้ใช้ Mootools แล้วก็ Highslide ในการทำ ผมก็ต้องเอามาร่วมกับ jQuery เพื่อรับขอความเป็น Ajax อยู่ซึ่ง Codeigniter มันชอบมีปัญหากับการโหลดรูปซึ่งผมก็ลืมไปสนิทพอจะมาร่วมกับของเพื่อนสรุปรูปไม่ขึ้นผมก็ต้องมานั่งแก้ซึ่งเสียเวลามากครับ แต่ก็ยังพอไถไปได้

ขอคิดและประสบการณ์ที่ได้หลังจากทำเว็บภายใน 10 ชั่วโมงครึ่งนี้

• ควรจำกัด Scope ให้แน่ชัดและทำ function เด่นขึ้นมาให้เสร็จร่วมถึง UI ของ function
• เวลาที่เหลือน้อยควรทำ design นำไปก่อนเพื่อเป็นการ mockup
• การ upload framework ที่ต้องมีการ config อย่าลืมเปลี่ยนก่อน up ไม่้งั้นจะใช้ไม่ได้
• เซิร์ฟเวอร์ที่นู้นเป็น IIS ดังนั้นก็มีปัญหากับ PHP บ้างแต่อย่างรุ่นน้องใช้ Zend Framework ปัญหายาวเลย เลยต้องพักไปเขียนแบบปกติกับ Doctrine (ORM)
• ส่วนใครจะใช้ Ruby / Python ผมไม่แน่ใจว่าเขามีให้ไหมแต่น่าจะไม่ ที่ใช้ได้น่าจะเป็น .NET (เพราะใช้ IIS) , PHP , ASP
• ในฐานะ Programmer ที่พอจะคาดเดาเวลาในการทำได้ เราควรเสนอเพื่อนในกลุ่มแล้วยืนยันว่าไม่ทันให้ได้

พอเสร็จแล้วก็ไปมีกิจกรรมร่วมถึง ผูกข้อมือ ชอบมากๆครับ รู้สึกได้เป็น 18 อีกครึ้ง (เธอทำให้ฉันรู้สึกเหมือนตอน 18 อิอิ) เพราะเป็นปีที่พี่ๆผูกข้อมือให้น้องอย่างผมในตอนนั้น นึกถึงวันวานตอนสมัยหนุ่มๆ 55+ เสร็จแล้วก็ได้นอนเกือบตี 3 ในวันนั้นแล้วก็มีพี่มาเคาะเวลาเดิมครับ 6 โมงกับ 6 โมงครึ่งเดินไปแทบหลับตลอด (ผมต้องนอนอย่างน้อย 8 ถึงจะพอแต่ถ้าจะพอจริงๆต้อง 12 ชม.) แล้ววันสุดท้ายก็เริ่มต้นครับ โดยก็เหมือนเดิมนิดหน่อยกินข้าว แล้วคราวนี้ถึงนาทีละทึกที่ต้องไปโชว์ผลงาน

คราวนี้เจอกลุ่มอื่นๆนี้แทบอึ้งครับ Design แทบจะสมบูรณ์ได้เลยครับบางกลุ่ม โดยกลุ่ม 9 เนี้ยแทบจะเสร็จเลยก็ว่าได้ เทพจริงๆ UI สวยด้วย ส่วนของคนอื่นๆส่วนใหญ่จะเป็น Mockup ส่วนกลุ่มผมยิ่งแล้วใหญ่ครับ UI สู่ทีมอื่นไม่ได้เลย แต่ด้วยพลังแห่ง concept ที่สุดยอดก็ทำให้ทีมผมคว้ารางวัล ความคิดสร้างสรรค์ยอดเยี่ยม มาครับต้องขอบคุณต๊อบ ที่เป็นคนคิดไอเดียเทพที่ผมยังไม่เข้าใจอย่างท่องแท้จนกระทั้งตอน Present เรื่องแม่ใช้ Lifeline ให้ลูก อ๊ากมันสุดยอดโคตร แต่ทีมอื่นๆไอเีดียก็ไม่แพ้กันเลยนะครับ สุดยอดทั้งนั้น

มีทีมที่ได้รับทีมเวิร์คยอดเยี่ยมไป 2 กลุ่มโดย 2 กลุ่มนี้ทั้งระบบแล้ว Design เรียกได้ว่าเขาโชว์ออกมาได้อย่างเต็มที่จริงๆครับ ยอมรับเลย ทั้ง UI ที่สวยรวมถึงระบบภายในที่เอาออกมาใช้กับ UI (ส่วนของผมระบบมันมีครับแต่ ยังไม่ได้แต่ง UI เลย) และสุดท้ายเราก็มีการแนะนำรุ่นพี่ YWC 1-5 ให้รู้จักกันอีกด้วย แล้วก็เดินทางกลับบ้านครับกว่าจะถึงนู้นแนะเ้กือบ 3 ทุ่ม (เลยเวลาที่เขาตั้งใจไว้ไป 3 ชม.) แต่ก็เป็นสิ่งคุ้มค่ามากครับ พวกเพื่อนๆผมใน YWC ก็มีการเขียน Friendship ด้วย ทำให้นึกเหมือน ตอนจะจบ ม.3 เลยจริงๆ

สรุปค่ายนี้มีอะไรมากกว่าที่คุณคิดจริงๆครับ ได้มิตรภาพ เพื่อนใหม่ๆที่ชอบอะไรเหมือนๆกัน ได้ความรู้ การทำงานจริง ได้รู้ว่าคำว่าทีมช่วยเราได้ยังไง รุ่นพี่แต่ละคนดูแลน้องๆดีสุดๆ วิทยากรให้ความรู้และความคิด และการทำให้มันอยู่ในธุรกิจได้จริง สุดท้ายนี้ผมขอบอกว่าประทับใจค่ายนี้มากๆ โดยเฉพาะรุ่นพี่ที่ดูแลน้องๆอย่างผมดีมากๆ ร่วมถึงเพื่อนใหม่ๆที่มาแชร์ประสบการณ์ความคิด และไมตรีกันในค่าย ถ้าใครยังเรียนอยู่ในมหาลัยหรือพึงจบ IYWC 7 ครั้งหน้า้ต้องลองครับ แล้วคุณจะไม่เสียใจที่ได้มาครับ

ปล. ใครว่าวงการณ์นี้ไม่มีสาวๆสวยน่ารักแล้วละก็คิดผิดมากกกกก ครับเจอหลายคนเลยครับ
ปล2. ถ้า IYWC 7 ครั้งหน้าหวังว่าคงได้พบกันครับ ไปก่อนแล้วครับสวัสดีครับ

• โลกของ Framework และการนำไปใช้
• CodeIgniter ไม่ใช่ Framework ที่ดี !
• 10 ทริคเล็กๆสำหรับการทำ Web App ด้วย PHP

def yield_authenticity_token
if protect_against_forgery?
%Q{
<script type=’text/javascript’>
//<![CDATA[
var AUTH_TOKEN = #{form_authenticity_token.inspect};
//]]>
</script>
}
end
end

ส่วนต่อมาให้เรานำ code นี้ไปใส่ใน application.js ใน public/javascript ครับ

(function($) {
$().ajaxSend(function(event, request, settings){ //Set request headers globally
request.setRequestHeader(“Accept”, “text/javascript, text/html, application/xml, text/xml, */*”);
request.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);
if (typeof(AUTH_TOKEN) == “undefined”) return;
settings.data = settings.data || “”;
// settings.data is a serialized string like “foo=bar&baz=boink” (or null)
settings.data += ((settings.data == “”) ? “” : “&”) + “authenticity_token=” + encodeURIComponent(AUTH_TOKEN);
});
})(jQuery);

เสร็จแล้วสุดท้ายให้เรานำ code นี้ไปใส่ใน application layout หรือใน page ที่ต้องการใช้งาน

<%=yield_authenticity_token%>

ส่วนวิธีใช้ก็ประมาณนี้ครับ

$.post(“hello/10″,{_method:”delete”},function(data){
$(“h1″).html(data);
});

โดยปกติแล้วถ้าเราไม่ทำแบบนี้เราต้องทำการส่ง authenticity_token ไปทุกครั้ง

$.post(“hello/put”,{_method:”put”,authenticity_token:encodeURIComponent(AUTH_TOKEN)},function(data){
$(“h1″).html(data);
});

โดยเจ้า AUTH_TOKEN นั้นจะต้องทำการ gen มาจาก form_authenticity_token.inspect ใน rails ซึ่งยุ่งยากหลายขั้นตอนเหลือเกิน ดังนั้นเลยต้องมีการทำแบบนี้ึึขึ้นมา โดยผมนำข้อมูลมาจากแหล่งเหล่านี้ครับ

• http://blog.lawrencepit.com/2008/09/04/unobtrusive-jquery-rails/
• http://pastie.org/212798
• http://www.rails66.com/blog/?p=246
• http://henrik.nyh.se/2008/05/rails-authenticity-token-with-jquery

• Codeigniter , jQuery , Ext-Js และ Adobe AIR
• เข้าใจกับ jQuery Ajax Cross Domain
• Web Editor Software : Adobe Contribute CS3 Review

1. HTML
2. CSS
3. Javascript
4. XHTML
5. XML
6. PHP
7. Codeigniter
8. Java
9. Struts
10. Hibernate
11. JSP / Servlet
12. EJB
13. Ruby
14. Ruby on Rails
15. ทำงาน Flash ด้วย Adobe Flash CS3
16. ตกแต่งภาพทำรูปสวยๆด้วย Adobe Photoshop และ Paint 2.0
17. ลง Ubuntu และปรับแต่งได้
18. รู้จักวิธีเล่น bitTorrent
19. เบิร์นแผ่น CD/DVD ได้
20. เล่น Internet เป็น Chat เป็น
21. ทำ Web Service เป็นทั้ง SOAP REST XML-RPC
22. jQuery
23. ลง Windows ใหม่เป็น
24. ลง Driver ต่างๆแก้ไปหาทั่วไปเกี่ยวกับ Com ได้
25. รู้วิธีกำจัดไวรัสด้วยโปรแกรมและ Manual ได้บางตัว

ประมาณนี้ละมั่งที่คิดออกในตอนนี้ แล้วผมอยากจะเป็น Expert ทางด้าน Web Development แต่ภาษาที่จะ Expert โดยแท้จะมีดังนี้และมั่งครับ

• Ruby
• Ruby on Rails
• JRuby
• PHP
• CakePHP
• Codeigniter
• HTML และ XHTML
• Flex

ว๊าวจะเป็น ประมาณนี้และขอแค่นี้เองส่วนพวก CSS , Javascript ไม่เป็น Expert แต่ประมาณว่าทำได้ อิอิ ขอแค่นี้และแบบว่าเป็น Expert แค่นี้ชีวิตนี้ก็ขอทำ Project สนุกๆให้ตัวเองมากๆก็พอแล้วครับ แต่ไม่รู้จะได้อย่างที่ฝันไหม แต่สิ่งที่ผมเป็นมากที่สุดตอนนี้คงหนี้ไม่พ้น  Java และคงหากินกับมันไปอีกยาวนานด้วย ก็คงไม่พ้น Struts กับ Hibernate แหะๆส่วนตอนนี้ผมพร้อมที่จะไปทำงานแล้วครับ แต่ที่แรกที่ผมจะลองไปสมัครก็คือ Reuters นั้นเอง ยังไงๆก็สู้ๆ เคี้ยวตัวเองให้มากๆก่อน วันนี้มาบ่นพอแล้วครับไปก่อนนะครับ บายๆ

• โปรแกรมมิ่งที่ผมชอบ <ณ ปัจจุบัน>
• ประวัติโดมินิค
• Codeigniter , jQuery , Ext-Js และ Adobe AIR