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

ทางฝั่งไฟร์ฟอกซ์เริ่มเสนอทางออกในเรื่องนี้ ด้วยการเสนอ API ในชุด notification ทำให้เว็บสามารถสื่อสารกับเบราเซอร์ได้ตลอดเวลาแม้จะไม่ได้เปิดหน้าเว็บอยู่

การเปิด API ในรูปแบบนี้ทำให้เว็บทำงานได้เหมือนแอพพลิเคชั่นทั่วไปมากขึ้น เช่นเว็บเครือทวิตเตอร์อาจจะส่งการเตือนเมนชั่นเข้ามาในโทรศัพท์ได้แม้ไม่ได้เปิดเบราเซอร์อยู่ อย่างไรก็ดีทางไฟร์ฟอกซ์เพิ่งเสนอถึงขั้น API ต้นแบบเท่านั้น ยังไม่มีการสร้างตัวจริงมาให้เราใช้งานกันได้แต่อย่างใด เมื่อต้องรอไปถึงระดับมาตรฐานเปิดที่เบราเซอร์อื่นๆ จะรองรับด้วยก็คงใช้เวลาอีกสักระยะ

ที่มา - Jeff Balogh, Mozilla

จากที่ กูเกิลเปิดตัวภาษา Dart ภาษาโปรแกรมชนิดใหม่สำหรับงานบนเว็บ โดยออกมาชนกับ JavaScript โดยตรง (ด้วยคุณสมบัติบางอย่างที่เหนือกว่า) ล่าสุดกูเกิลออก ตารางเปรียบเทียบโค้ด ของทั้งสองภาษานี้แล้ว

รายละเอียดของโค้ดค่อนข้างเยอะ ยกตัวอย่างบางส่วนนะครับ

• ตัวแปรของ Dart สามารถกำหนดชนิดได้
• ค่าตั้งต้นของตัวแปรจะเป็น null (ในขณะที่ JavaScript จะเป็น undefined)
• กำหนด final variable ได้
• Dart ใช้ List() แทน Array()
• มีตัวแปรชนิด rawString (จะ escape character ให้เลย)
• การประกาศฟังก์ชันไม่ต้องใช้คำว่า function
• จงใจไม่มี eval()

ที่มา - Google Code Blog via Infoworld

จริงๆ ตัวไฟล์เปิดให้ดาวน์โหลดมาสองวันแล้ว แต่ผมรอให้ประกาศอย่างเป็นทางการออกเสียก่อนนะครับ (เชื่อว่าคนแถวนี้คงรัน Beta/Aurora กันเยอะด้วย)

ของใหม่ของ Firefox 9 รุ่นเดสก์ท็อป ได้แก่

• โครงการ Type Inference ที่ช่วยให้เอนจินจาวาสคริปต์ SpiderMonkey เฝ้าดูชนิดของตัวแปรหรือ type ในโค้ดจาวาสคริปต์บนเว็บเพจขณะรัน ผลคือการคอมไพล์ในระดับ JIT มีประสิทธิภาพมากขึ้น (รายละเอียด) พูดง่ายๆ ว่าการประมวลผลจาวาสคริปต์จะเร็วขึ้น 30% ถ้าวัดตามเบนช์มาร์คดังๆ อย่าง V8/Kraken โหมดการประมวลผลนี้จะถูกเปิดใช้เป็น default ใน Firefox 9
• รองรับฟีเจอร์ของ Mac OS X Lion เช่น gesture แบบสองนิ้ว และปรับธีมให้เข้ากับ Lion
• ปรับปรุงเอนจินแสดงผลให้รองรับ CSS3 มากขึ้น

เว็บไซต์ ReadWriteWeb มอบรางวัลให้กับเครื่องมือพัฒนาเว็บ (Web Developer Tools) ประจำปี 2011 โดยเน้นเครื่องมือที่สร้างนวัตกรรม มีคนใช้แพร่หลาย และเป็นประโยชน์ต่อนักพัฒนาเว็บ

ReadWriteWeb เลือกมาได้ 8 ตัว (ไม่เรียงลำดับ) รายละเอียดของแต่ละตัวก็อ่านต้นฉบับหรือค้นข้อมูลกันเองนะครับ

• jQuery และ jQuery Mobile อันนี้คงไม่ต้องอธิบาย
• CSS3 PIE ช่วยแปลงฟีเจอร์ของ CSS3 บางอย่างให้ใช้กับ IE รุ่นเก่าๆ
• Bootstrap ไฟล์ CSS มาตรฐานสำหรับงานที่ต้องใช้บ่อย พัฒนาโดย Twitter
• LESS ภาษาที่ช่วยขยายความสามารถของ CSS ให้ไดนามิกมากขึ้น (แล้วค่อยแปลงมาเป็น CSS อีกที)
• Chrome Developer Tools ของดีที่ติดมากับ Chrome
• SourceKit และ Ace มันคือ IDE ภายในเบราว์เซอร์ (Bespin/Skywriter เดิมที่ทำโดย Mozilla)
• PhoneGap ตัวช่วยแปลงแอพมือถือเป็น HTML5 เพิ่งถูก Adobe ซื้อไป (ข่าวเก่า)
• Popcorn และ Popcorn.js ไลบรารีจาวาสคริปต์สำหรับงานอินเตอร์แอคทีฟ พัฒนาโดย Mozilla

ที่มา - ReadWriteWeb

ยาฮูเปิดตัว Cocktails เฟรมเวิร์คสำหรับพัฒนา "แอพ" ที่ฉีกแนวคิดแบบเดิมๆ ทิ้งไป

เดิมทีเฟรมเวิร์คสำหรับการพัฒนาแอพ มักใช้กับ "เว็บแอพ" หรือแอพที่ทำงานบนฝั่งเซิร์ฟเวอร์ (เช่น Ruby on Rails) แต่ภายหลังเราก็เห็นเฟรมเวิร์คสำหรับภาษาจาวาสคริปต์ ที่ออกแบบมาทำงานบนฝั่งไคลเอนต์มากขึ้น (เช่น jQuery)

แต่ Cocktails ของยาฮูกลับแนวคิดนี้เสียใหม่ โดยสร้างเฟรมเวิร์คภาษาจาวาสคริปต์ที่โค้ดชุดเดียวกัน สามารถรันได้ทั้งบนไคลเอนต์และเซิร์ฟเวอร์ แถมการทำงานบนไคลเอนต์ยังไม่จำกัดเฉพาะภายในเบราว์เซอร์ แต่ขยายไปยัง iPad/iPhone ได้ด้วย

ช่วงนี้ยังอยู่ในช่วงงาน IDF 2011 อินเทลยังคงมีของมาโชว์เพิ่มขึ้นเรื่อยๆ

เทคโนโลยีตัวแรกคือซีพียูตัวใหม่ที่ใช้เทคโนโลยี Near Threshold Voltage (NTV) โดยมีชื่อรหัสว่า Claremont เป็นชิปสาธิตการทำงานของซีพียูที่ได้รับการออกแบบมาเป็นพิเศษให้ทำงานที่ใกล้กับความต่างศักย์เริ่มเปลี่ยน (Threshold Voltage - ค่าความต่างศักย์ที่เริ่มทำให้ทรานซิสเตอร์เปลี่ยนสถานะ) โดย Claremont จะทำงานที่ความต่างศักย์ประมาณ 400-500 มิลลิโวลต์เท่านั้น ขณะที่ซีพียูทั่วไปทุกวันนี้จะทำงานประมาณ 1 โวลต์ขึ้นไป

ไม่กี่วันหลังข่าวว่ากูเกิลกำลังจะเปิดภาษาใหม่ ก็มีคนไปขุดเอาเมลที่ Mark S. Miller ที่อยู่ในทีม JavaScript Standard ของกูเกิลส่งเข้าเมลกลุ่มของโครงการ Caja เมื่อปลายปีที่แล้ัว

เนื้อเมลแสดงถึงความตั้งใจของกูเกิลที่จะแก้ไข "ปัญหาพื้นฐาน" ของ JavaScript ที่ไม่สามารถแก้ไขได้จากการพัฒนาตัวภาษา ซึ่งปรกติมีการพัฒนาอยู่เรื่อยๆ ผ่านทางมาตรฐาน ECMAScript ทำให้กูเกิลตัดสินใจที่จะพัฒนาภาษาใหม่ที่ชื่อว่า Dash โดยวางเป้าให้มันเป็นภาษาสำหรับเครื่องไคลเอนต์และเซิร์ฟเวอร์ด้านหน้า (Front-End) และวางตัวให้ภาษา Go เป็นภาษาสำหรับระบบภายใน นั่นแปลว่าแผนการระยะยาวคือกูเกิลจะใช้ภาษาของตัวเองทั้งหมด

เมื่อปี 2010 กูเกิลได้เพิ่มตัวอ่าน PDF เข้ามาใน Chrome ซึ่งเทคนิคของมันคือการแปลง PDF เป็น HTML แล้วเรนเดอร์แบบเว็บเพจทั่วไป ถึงแม้ฟีเจอร์จะน้อยกว่าตัวอ่าน PDF เต็มรูปแบบ แต่ก็ช่วยให้นักท่องเว็บสะดวกขึ้นมาก

มาคราวนี้ค่าย Mozilla หันมาทำแบบเดียวกันบ้าง แต่รูปแบบจะต่างไปเล็กน้อย เพราะ Mozilla พัฒนาเป็นโค้ด JavaScript ชื่อ pdf.js ที่ทำหน้าที่แบบเดียวกัน (แปลง PDF เป็น HTML5/Canvas) แต่สามารถนำไปฝังที่ฝั่งเซิร์ฟเวอร์ได้เลย

Chrome ขึ้นชื่อในเรื่องประสิทธิภาพในเรื่องของ JavaScript ตามเว็บไซต์ทั่วๆ ไป แต่การประมวลผลงานที่ต้องใช้ JavaScript หนักๆ นั้น Chrome กลับมีประสิทธิภาพที่ค่อนข้างต่ำ

Fabrice Bellard ซึ่งเป็นผู้พัฒนา Linux บน JavaScript ได้ระบุว่า V8 นั้นทำงานช้ากว่า JaegerMonkey ถึง 2 เท่า และ Erik Möller ซึ่งเป็นนักพัฒนาของ Opera ได้ทดสอบใช้ JavaScripts มาแตกไฟล์ zip พบว่า Chrome ทำงานช้ากว่า Opera ร่วม 60 เท่าตัวทีเดียว

อย่างไรก็ตาม ทางทีมพัฒนา V8 ได้ทราบปัญหานี้มานานพอสมควรแล้ว และกำลังปรับปรุงประสิทธิภาพในการประมวลผล JavaScript อยู่เช่นกัน

ที่มา - Javascript PC Emulator - Technical Notes,Erik Möller's Blog

คุณ Fabrice Bellard ได้ทดลองสร้าง PC emulator ขึ้นมาโดยใช้ JavaScript ล้วนๆ (ต้องรองรับ W3C Typed Arrays) โดยสามารถจำลองการทำงานได้ใกล้เคียงกับ 486 ที่ไม่มี FPU แต่ว่ามี MMU ที่สมบูรณ์เพื่อจะเล่น Linux ได้

บรรยายไปก็ไม่เท่าเห็นของจริง ไปลองเล่นกันเลยดีกว่า (ใช้ได้กับ Firefox 4 และ Chrome 11)

• Javascript PC Emulator

เค้าเตรียมไฟล์ hello.c และโปรแกรม tcc สำหรับคอมไฟล์โปรแกรมไว้ด้วย พร้อมกับโปรแกรม vi และ qemacs สำหรับใช้แก้ไขไฟล์

น่าลองเอามาใช้ประกอบเว็บสอน Linux เบื้องต้น หรือหัดเขียนโปรแกรมจริงๆ

ที่มา: Javascript PC Emulator - Technical Notes

John Resig ประกาศทางบล็อกส่วนตัวของเขาว่าเขาได้ลาออกจาก Mozilla Corporation เพื่อย้ายไปทำงานกับ Khan Academy แล้ว

John Resig เป็นผู้สร้าง jQuery ซึ่งเป็น JavaScript Library ชื่อก้องโลกที่ช่วยให้นักพัฒนาประหยัดเวลาในการพัฒนา JavaScript ในด้านต่างๆ เช่น

• การสร้างอนิเมชันง่ายๆ ให้กับเว็บ
• ลดเวลาการเขียน AJAX ฟังก์ชัน
• ฯลฯ

Mozilla ได้พัฒนาระบบ JavaScript engine ตัวใหม่ ชื่อว่า IonMonkey ซึ่งเป็นคอมไพเลอร์ที่ใช้เทคนิค SSA เพื่อ optimize ไบต์โค้ดในหลายๆ ส่วนที่ JägerMonkey ไม่สามารถทำได้ โดยการปรับปรุงนี้มีอาทิเช่น การรวมฟังก์ชันมากกว่าหนึ่งฟังก์ชันใดๆ เป็นฟังก์ชันเดียว (inlining) การเลือกชนิดข้อมูลให้เหมาะสมกับตัวแปรมากขึ้น การปรับปรุงประสิทธิภาพในการจองรีจิสเตอร์ การกำจัดไบต์โค้ดส่วนที่ไม่มีประโยชน์ทิ้ง ปรับปรุงประสิทธิภาพของการทำนายการ branch ในไบต์โค้ด รวมถึงการปรับปรุงการใช้หน่วยความจำของตัว engine เองให้น้อยลง

ถึงแม้ JSON จะได้รับความนิยมในฐานะของรูปแบบการส่งข้อมูลที่สามารถอ่านได้เข้าใจและมีขนาดเล็ก แต่ปัญหาหนึ่งของ JSON ก็คือ จะอ่านและทำความเข้าใจได้ยากหากข้อมูลมีจำนวนมาก ด้วยเหตุนี้ JSON Report (ส่วนหนึ่งของ AjaxStack) จึงเกิดขึ้นมาเพื่อแก้ปัญหาดังกล่าว โดย JSON Report นั้นสามารถแปลง JSON จาก ข้อความ ไปเป็น รายงาน (ตัวอย่าง ข้อความ และ รายงาน) ทำให้สามารถอ่านได้ง่ายขึ้นมาก และยังมีความสามารถในการเรียงข้อมูลได้อีกด้วย แต่น่าเสียดายที่ยังไม่มีความสามารถในการค้นหา (ทดลองใช้และเอกสารประกอบ - ดาวน์โหลด - license)

เชิญชมภาพประกอบท้ายข่าวครับ

ที่มา - AjaxStack

เป็นปัญหากันมานานสำหรับ jQuery UI ในเรื่องของ Theme ที่มีหน้าตาไม่ถูกใจนักพัฒนาหลายท่าน จนไม่นานมานี้มีนักพัฒนาท่านหนึ่งได้ทำการพัฒนา Theme ขึ้นมาใหม่โดยใช้ชื่อว่า Aristo Theme ซึ่งดูจากหน้าตาแล้ว นับว่าเป็นทางออกที่ดีสำหรับปัญหาดังกล่าว (ตัวอย่าง และ ดาวน์โหลด)

เดิมที Aristo คือส่วนติดต่อผู้ใช้ของ Cappuccino (เว็บแอพพลิเคชั่นเฟรมเวิร์ก) โดย Aristo Theme นั้นมาจากการนำเอา ไฟล์ PSD ที่ใช้ใน Aristo มาใช้สร้าง Theme สำหรับ jQuery UI ซึ่งผลลัพธ์ที่ได้ก็นับว่าคุ้มค่า

เชิญชมภาพตัวอย่างหลังเบรกครับ

ที่มา - taitems.tumblr.com

กูเกิลพัฒนาเทคนิคการโหลดจาวาสคริปต์แบบใหม่ให้กับ AdSense ทำให้การโหลดเว็บเพจที่ติดโฆษณาจาก AdSense เร็วขึ้นกว่าเดิม

เดิมทีสคริปต์ของ AdSense (show_ads.js) จะต้องโหลดตัวเองเข้ากับเว็บ อ่านเนื้อหาบนหน้าเว็บให้ครบ แล้วดึงโฆษณาจากกูเกิลมาแสดง ทำให้เกิดคอขวดของการแสดงผลเว็บเพจ แต่สคริปต์ตัวใหม่จะใช้ iframe เข้าช่วย การโหลดโฆษณาจะเป็นแบบ asynchronous ซึ่งกูเกิลบอกว่า "แทบไม่รู้สึก" ถึงความแตกต่างกับหน้าเว็บที่ไม่มีโฆษณาเลย

ข่าวดีคือทุกอย่างเกิดขึ้นบนฝั่งกูเกิลหมด คนที่ติด AdSense ไม่ต้องทำอะไรเพิ่มเติม ตอนนี้ยังรองรับเฉพาะ Chrome, Firefox และ IE8 ครับ

ที่มา - Google AdSense Blog, Google Code