jQuery, Ajax, PHP, JSON, XML, Web Technologies » Google http://blog.chonla.com คุยกันเรื่อง jQuery, Ajax, PHP, JSON, XML และ Web Technologies เป็นภาษาไทยกันดีกว่า Tue, 17 Jan 2012 18:27:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Chonla’s Instant ก็แค่อยากลอง Instant กับเค้าบ้างน่ะ http://blog.chonla.com/2010/09/chonlas-instant-%e0%b8%81%e0%b9%87%e0%b9%81%e0%b8%84%e0%b9%88%e0%b8%ad%e0%b8%a2%e0%b8%b2%e0%b8%81%e0%b8%a5%e0%b8%ad%e0%b8%87-instant-%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%84%e0%b9%89%e0%b8%b2/ http://blog.chonla.com/2010/09/chonlas-instant-%e0%b8%81%e0%b9%87%e0%b9%81%e0%b8%84%e0%b9%88%e0%b8%ad%e0%b8%a2%e0%b8%b2%e0%b8%81%e0%b8%a5%e0%b8%ad%e0%b8%87-instant-%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%84%e0%b9%89%e0%b8%b2/#comments Sun, 26 Sep 2010 19:31:14 +0000 chonla http://blog.chonla.com/?p=301 เมื่อ entry ที่แล้วเพิ่งเขียนถึง Google Instant Search ไป หลังจากนั้นไม่นาน ก็มี Youtube Instant ตามมา (http://ytinstant.com/) สร้างโดยนาย Feross Aboukhadijeh (อ่านว่าอะไรไม่รู้ เฟรอส อาบูคาดีเย่ มั๊ง) เลยนั่งนึก ๆ ดู อยากลองทำมั่งแฮะ ว่าแล้วช่วงที่ว่างก็ลองปั่นเว็บที่ทำงานแบบ Instant ออกมาเป็น Chonla’s InstantChonla’s Instant เป็นเว็บที่ทำงานเหมือน Google Instant Search คือ จะทำการค้นหาในขณะที่เรากำลังพิมพ์ไปด้วยพร้อม ๆ กัน ทำให้ประหยัดเวลาในการกด Enter หรือเอาเมาส์ไปคลิกปุ่มค้นหา จริง ๆ แล้ว Instant Search มันไม่ใช่เรื่องใหม่ ก่อนหน้านี้ Google ก็เคยทำอะไรที่ “คล้าย ๆ” กันออกมานี้แล้ว นั่นก็คือ Suggestion ที่สามารถบอกถึงคำค้นหาที่ใกล้เคียงกับที่เราค้นหาอยู่ พร้อมทั้งจำนวนของผลลัพธ์จากคำค้นหานั้นออกมา เพื่อให้เราเห็นและเลือกใช้ได้โดยง่าย ตัว Instant ก็ทำในทำนองคล้าย ๆ กัน เพียงแค่แทนที่จะแสดงคำค้นที่ใกล้เคียง แต่แสดงผลลัพธ์ของคำค้นที่เราพิมพ์อยู่แทน

Chonla’s Instant ใช้ jQuery เป็น engine หลักในการทำงานฝั่ง client และมี query interface เดียว ที่เป็น engine หลักทางฝั่ง server ที่เอาไว้สำหรับรับ keyword จาก client เพื่อไปค้นหาตาม resource ที่กำหนด วิธีนี้ ทำให้ code ที่รันทางฝั่ง client สั้นกระทัดรัด และโยนภาระที่เหลือไปทางฝั่ง server แทน

Service หลัก ๆ ที่ผมลองเอาไปใส่ใน Chonla’s Instant ตอนที่ทำครั้งแรก คือ Longdo Dictionary (http://dict.longdo.com/) ซึ่งเป็น Online dictionary ที่ได้รับความนิยมในประเทศไทย ตามมาด้วย Youtube (http://www.youtube.com/) โดยที่ Youtube ที่ผมใส่นั้น จะทำหน้าที่ search และเอาผลลัพธ์แค่ title, link และ thumbnail มาแสดงเท่านั้น ไม่มีส่วน clip player หลังจากที่ทดสอบและแก้ไขจนพอใจ ก็เอา Service ที่ 3 มาลง นั่นก็คือ พจนานุกรม ฉบับราชบัณฑิตยสถาน ปี พ.ศ. 2542 (http://rirs3.royin.go.th/)

การทำงานฝั่ง Client หลัก ๆ ผมก็ใช้วิธี พิมพ์ปุ๊บ ก็เริ่มไปค้นหาด้วย Ajax และระหว่างที่ค้นหาอยู่ ก็ block ไม่ให้เกิดการค้นหาซ้อนจนกว่าจะค้นหาเสร็จ เมื่อค้นหาเสร็จแล้ว ถ้ามีการค้นหาซ้อนค้างอยู่ ให้ค้นต่อ แล้วเอาผลลัพธ์ที่ได้มาแสดง ส่วนทางฝั่ง Server ก็ใช้ php ไปดึงข้อมูลจาก Server ที่ให้บริการทั้ง 3 services มาเรียบเรียง แล้วส่งกลับไปให้ Ajax เพื่อแสดงผล

เขียนมาซะยาวเลย … ผมว่า ลองไปเล่นกันเลยดีกว่าครับ กับ Chonla’s Instant (http://instant.chonla.com/)

Share

]]> http://blog.chonla.com/2010/09/chonlas-instant-%e0%b8%81%e0%b9%87%e0%b9%81%e0%b8%84%e0%b9%88%e0%b8%ad%e0%b8%a2%e0%b8%b2%e0%b8%81%e0%b8%a5%e0%b8%ad%e0%b8%87-instant-%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%84%e0%b9%89%e0%b8%b2/feed/ 6 Instant Search จาก Google : Search ไวยิ่งกว่าบะหมี่กึ่งสำเร็จรูป http://blog.chonla.com/2010/09/instant-search-%e0%b8%88%e0%b8%b2%e0%b8%81-google-search-%e0%b9%84%e0%b8%a7%e0%b8%a2%e0%b8%b4%e0%b9%88%e0%b8%87%e0%b8%81%e0%b8%a7%e0%b9%88%e0%b8%b2%e0%b8%9a%e0%b8%b0%e0%b8%ab%e0%b8%a1%e0%b8%b5/ http://blog.chonla.com/2010/09/instant-search-%e0%b8%88%e0%b8%b2%e0%b8%81-google-search-%e0%b9%84%e0%b8%a7%e0%b8%a2%e0%b8%b4%e0%b9%88%e0%b8%87%e0%b8%81%e0%b8%a7%e0%b9%88%e0%b8%b2%e0%b8%9a%e0%b8%b0%e0%b8%ab%e0%b8%a1%e0%b8%b5/#comments Wed, 08 Sep 2010 19:28:16 +0000 chonla http://blog.chonla.com/?p=298 วันนี้ (8 กันยายน 2553) Google ได้ปล่อยของเล่นใหม่ออกมาให้ได้ใช้กันอีกแล้ว Instant Search เป็นชื่อของลูกเล่นใหม่จาก Google Search ที่ทำให้การแสดงผลการค้นหาเป็นไปได้ด้วยความรวดเร็วยิ่งขึ้น

สิ่งที่แตกต่างจากการ Search ปกติของ Google Search ก็คือ จากเดิมที่เราจะต้องกดปุ่มค้นหา หรือ Enter เพื่อสั่งให้ Google ทำการ Search และแสดงผลลัพธ์จากคำที่เราค้นหา กลายเป็น Google จะทำการค้นหาคำที่เรากำลังพิมพ์อยู่นั้นโดยอัตโนมัติ และทำการแสดงผลลัพธ์ออกมาทันทีในขณะที่เรายังพิมพ์ไม่เสร็จดีด้วยซ้ำไป (Search as you type) แต่ถ้าใครรู้สึกว่าน่ารำคาญ หรือทำให้การค้นหามันอืดลง ผู้ใช้สามารถปิดความสามารถนี้ได้ โดยการคลิกเลือกปิด (Off) จากเมนูที่เขียนว่า Instant is on ด้านข้างกล่องค้นหา

อย่างไรก็ตาม บริการนี้จะเปิดให้บริการใน US ก่อน และค่อย ๆ ทะยอยเปิดให้ประเทศอื่น ๆ ได้ใช้งานกัน ส่วนประเทศไทยเรา คงต้องรอไปก่อน (สำหรับ google.co.th) แต่ถ้าใครอยากลองเล่น ก็เข้าไปที่ http://www.google.com หรือลองคลิกเปิดหน้า google จากลิงก์ Google.com in English ด้านล่างกล่องค้นหาก็ได้

Share

]]> http://blog.chonla.com/2010/09/instant-search-%e0%b8%88%e0%b8%b2%e0%b8%81-google-search-%e0%b9%84%e0%b8%a7%e0%b8%a2%e0%b8%b4%e0%b9%88%e0%b8%87%e0%b8%81%e0%b8%a7%e0%b9%88%e0%b8%b2%e0%b8%9a%e0%b8%b0%e0%b8%ab%e0%b8%a1%e0%b8%b5/feed/ 1 Google Chrome 2.0 เร็วทันใจ http://blog.chonla.com/2009/05/google-chrome-20-%e0%b9%80%e0%b8%a3%e0%b9%87%e0%b8%a7%e0%b8%97%e0%b8%b1%e0%b8%99%e0%b9%83%e0%b8%88/ http://blog.chonla.com/2009/05/google-chrome-20-%e0%b9%80%e0%b8%a3%e0%b9%87%e0%b8%a7%e0%b8%97%e0%b8%b1%e0%b8%99%e0%b9%83%e0%b8%88/#comments Tue, 26 May 2009 05:32:51 +0000 chonla http://blog.chonla.com/?p=186 ในที่สุด Google Chrome ก็ได้เผยโฉมเวอร์ชั่นใหม่ (2.0) ออกมาอย่างเต็มตัว ในเวอร์ชั่นนี้ก็ได้มีการปรับปรุงฟีเจอร์ต่าง ๆ มากมาย รวมถึงการแก้ไขปรับปรุงให้มีความเสถียรมากขึ้นด้วย

ในเวอร์ชั่นนี้ ได้มีการแก้ไขบักมากกว่า 300 จุด รวมไปถึงความเร็วที่เพิ่มขึ้นอย่างน่าประทับใจอีกด้วย งานนี้คงต้องยกนิ้วให้ WebKit รวมถึงการปรับปรุง Javascript Engine ของ WebKit อีกด้วยที่ทำให้ความเร็วเพิ่มขึ้นได้แบบนี้ คุณเองก็สามารถทดสอบความเร็วของ Browser ของ Javascript Engine ของ Browser ที่คุณใช้อยู่ได้ที่นี่ครับ [http://v8.googlecode.com/svn/data/benchmarks/v4/run.html] การอ่านค่าคะแนนที่ได้ คือ ค่าที่มากกว่า ถือว่าดีกว่าครับ

นอกจากนี้แล้ว ในเวอร์ชั่นนี้ ยังได้มีการปรับปรุง รวมถึงการเพิ่มเติมฟีเจอร์ใหม่ ๆ ลงไปด้วย เช่น

  • การปรับปรุงส่วน Tab ที่ให้คุณสามารถ ซ่อน Thumbnail ในหน้า Tab ได้
  • เพิ่มฟีเจอร์ Full Screen อันนี้จะเหมือน IE ครับ คือกด F11 ก็เต็มจอได้ครับ เอาไว้สำหรับใครต้องการใช้งาน Presentation ผ่านเว็บ หรือต้องการดูหน้าเว็บเต็ม ๆ จอครับ
  • Form autofill คือ เราสามารถตั้งให้ Chrome ทำการเติมค่าลงไปในช่องในฟอร์มได้อัตโนมัติ ฟีเจอร์นี้ช่วยลดเวลาการทำงานลงไปได้มากทีเดียวครับ

ดูวีดีโอเพิ่มเติมได้ที่นี่ครับ (โดยไบรอัน ราโควสกี้ ตำแหน่งผู้จัดการฝ่ายผลิตภัณฑ์ – Brian Rakowski, Product Manager)

Share

]]> http://blog.chonla.com/2009/05/google-chrome-20-%e0%b9%80%e0%b8%a3%e0%b9%87%e0%b8%a7%e0%b8%97%e0%b8%b1%e0%b8%99%e0%b9%83%e0%b8%88/feed/ 1 Google Labs ห้องทดลองของ Google http://blog.chonla.com/2008/11/google-labs-%e0%b8%ab%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87-google/ http://blog.chonla.com/2008/11/google-labs-%e0%b8%ab%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87-google/#comments Sat, 01 Nov 2008 14:20:27 +0000 chonla http://blog.chonla.com/?p=108 มีโอกาสได้แวะเข้าไปดูเว็บไซต์ Google Labs เห็นของเล่นจากแล็บของ Google มากมาย หลาย ๆ ตัวก็เป็นอะไรที่ติดตลาดอยู่ในตอนนี้ แต่อีกหลาย ๆ ตัวกลับไม่ใช่

ในหน้าแรกของ Google Labs จะเห็นรายชื่อของโปรเจ็คต่าง ๆ ของ Google ที่ยังอยู่ในขั้นทดลอง (ด้านซ้าย) และเวอร์ชั่นที่ปล่อยมาให้พวกเราได้ใช้กันแล้ว (ด้านขวา ที่ Google เรียกว่า Graduates of Labs) งานส่วนใหญ่จะเกิดขึ้นจากไอเดียของคนไม่กี่คน คิด แล้วทำเป็น POC (Proof of Concept) ให้เห็นว่าทำได้จริง และทำการต่อยอดให้เป็น Product

ผมชอบไอเดียนี้นะ การคิด แล้วทำ POC แล้วค่อยต่อยอดน่ะ ยิ่งเอาไปรวมกับการคิดแบบ Brainstorm เข้าด้วยแล้ว ผมว่ายิ่งสุดยอดไปเลย

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

กลับมาที่เรื่องแล็บ มันทำให้ผมรู้สึกว่า อยากได้บรรยากาศทำงานแบบนี้บ้างจัง ผมคิดว่า บริษัทที่ขายเทคโนโลยี และเทรนด์ (trend) จำเป็นต้องอาศัยความคิด และการร่วมมือจากบรรดา Technician (ผมรวมถึง Developer, SA, Project manager ฯลฯ เข้าไปด้วย) เพื่อที่จะทำให้ Product ที่จะออกมามันเกิดจากการประสานกันอย่างลงตัวระหว่าง Consumer และ Technology

บทสรุปแบบลวก ๆ

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

Share

]]> http://blog.chonla.com/2008/11/google-labs-%e0%b8%ab%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%97%e0%b8%94%e0%b8%a5%e0%b8%ad%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87-google/feed/ 0