Browser Wars สงครามที่ยังไม่จบสิ้น บางอันเคยดัง แล้วก็ดับไป เทคโนโลยีก็หนีสัจธรรมที่ไม่เที่ยงได้ ดูเหมือนว่า Firefox โดนเบียดด้วย Google Chrome ที่เพิ่งเกิด ส่วน IE ก็ถูกเบียดด้วยตัวอื่น ผมว่ามันเป็นเพราะอินเทอร์เน็ตเองนั้นแหละ ที่ทำให้หลายๆคนรู้ว่าโปรแกรมท่องเว็บมันไม่ได้มีแค่ IE
ในเครื่องหนึ่งมักไม่ได้มีแค่ตัวเดียว
รูปจาก: https://socialmediagraphics.posterous.com/browser-wars
Google DevFest Bangkok ช่วงที่ 1 กับ ช่วงที่ 2 ตามไปอ่านได้ตามลิงค์
ต่อไปเป็น ช่วงที่ 3 ตอนบ่าย เป็นตอนสุดท้าย มีการพูดถึง Social ก่อนที่จะมีการแบ่งห้อง codelab ออกตามความสนใจ ห้อง Android, Map API,Web Social, Chrome Extension ส่วนใหญ่คนอยู่ห้อง Android กันเต็มห้อง แต่ผมอยู่ที่ห้องกลาง เป็นห้อง Showcase โดย @sugree และ @kenggg
เริ่มบันทึก….
ตอนบ่ายเริ่มตอนบ่ายกว่าๆ
หัวข้อ The New Web Social โดย Timothy Jordan @timothyjordan แกมาในแนวร่าเริง พูดเร็ว แสดงท่าทางประกอบตลอด ดูสนุกสนาน หัวข้อหลักคือ Open Standard และ Google Buzz (ที่ไม่ค่อยมีคนใช้)
ดูสไลด์นำเสนอของเขาได้ที่ The-New-Social-Web-It-s-About-Open-Standards
คำถามว่าทำไม ต้อง Open Standard คำตอบคือ
Open Standard
Open standard ที่เขาแนะนำ คือ
Open standard มันอยู่ Google Buzz หมดแล้ว มีผลิตภัณฑ์ดีๆ ที่ไม่มีคนใช้
แล้วเริ่ม แบ่งห้องกันเข้าฟังตามความสนใจ ผมยังอยู่ห้องกลาง
เป็นการ showcase โปรแกรมบน Android ของ @sugree เพิ่งรู้ว่าเขามี App บน Market ตอนนี้ก็ 40 apps เข้าไปแล้ว สุดยอดจริงๆ
มีแนะนำโปรแกรมอยู่ 7 ตัว พร้อมแนะนำว่าเขียนขึ้นมายังไง ใช้เครื่องมืออะไรบ้าง และเหตุจูงใจ
เอาโค้ดมาให้ดูเลยว่าว่าเขียนประมาณไหน ใช้ API ตัวไหน
ตามไปดูสไลด์สั้นๆของเขาได้ที่ https://sugree.com/node/613
@kenggg มาโชว์วิธีการเขียน Chrome Extension เขาบอกว่ามันเขียนง่ายมาก คนที่ไม่เก่ง Javascript อย่างเขาก็เขียนมันขึ้นมาได้
Google Chrome Extension ที่เขาเขียนขึ้นมา ชื่อ QR Link มันจะเปลี่ยน URL หน้าที่เราเปิดอยู่ให้เป็น QR Code แล้วใช้มือถือแสกนไปอ่านต่อที่มือถือได้ ใครสนใจลองติดตั้งและใช้งานดูได้ ลิงค์นี้ครับ https://Chrome.Google.com
และต่อด้วยสัมภาษณ์พิเศษ
วิศวกรหญิง @nonglisa Facbook คนไทยที่ทำงานกับ Google และน้อง @lazier Facebook ที่ไปฝีกงานที่ Google คิดว่าคงสร้างแรงบันดาลใจให้น้องๆอีกหลายคน
ผมนั่งฟังอยู่แป๊ปหนึ่งจึงแวะไปดูที่ห้อง code lab
ห้องนี้คนแน่นมาก นั่งตามพื้นก็มี ปลั๊กไฟก็ไม่พอ แลดูจะพบว่าเหล่า Geek ทั้งหลายใช้ MacBook, ThinkPad, Dell เป็นส่วนใหญ่ ยี่ห้ออื่นแทบจะไม่เห็นเลย
ใช้ Nexus One รันโปรแกรม ทดสอบให้ดู คนสอนหน้าเด็กนึกว่าเด็ก ม.ปลายที่ไหนมาสอน
ห้อง Lab อื่นๆคนค่อนข้างน้อย ไม่ค่อยได้รับความสนใจมากนัก
ลิงค์ของ Building a Chrome Extension with HTML5 Technology https://kurrik.github.com/hackathons/
พักทานของว่างอีกครั้ง
ก่อนที่จะกลับมาที่ห้องประชุมใหญ่ อีกครั้ง
Alan Noble ขึ้นมาแนะนำ แนวคิดของผู้ที่อยากจะเป็นเจ้าของกิจการ มีอยู่ 7 ข้อ
https://techchomp.blogspot.com/2010/10/learnings-of-entrepreneur-bangkok.html
การพูดคุยกับคนที่สร้างบริษัทด้วยตนเอง จากซ้ายไปขวา @TonAwe ดำเนินรายการ @Jimmy_LIVE คุณหมอที่เปลี่ยนอาชีพมาเป็นโปรแกรมเมอร์เริ่มต้น ด้วยการเขียนโปรแกรมแจกฟรีก่อน จนคนที่ขายโปรแกรมต้องบอกให้หยุดแจก และร่วมทำธุรกิจร่วมกัน คุณหมอจิมมี่เคยทำธุรกิจกับ Chris Anderson (WIRED Editor) โอ้..สุดยอด
ดร.เจ ทำธุรกิจ VC (Venture Capital) ได้ใจความว่า เราควรทำอะไรที่มันขายได้ทั่วโลก ขายให้ฝรั่งก่อน ในไทยมีปัญหาหลายอย่าง เช่น เรื่องลิขสิทธิ์
@pawoot แนะนำว่า เราควรทำอะไรที่เพิ่มยอดขายให้ธุรกิจเขาได้ เขาจะยอมลงทุน และยอมจ่ายให้เรา
น้องวิศวะ ม.เกษตร จบใหม่ https://www.levelup.in.th ตอนนี้เปิดบริษัท ร่วมกับเพื่อน 4 คน ทำเกมบน facebook ที่เปิดให้คนเล่นทั่วโลก เจ้าของแนวคิด นับ 1..2..3.. แล้วทำเลย
……..
น้องมาแนะนำ Google Technology User Groups (GTUGs) หรือกลุ่มผู้ใช้ผลิตภัณฑ์ของ Google https://www.gtugs.org/
ช่วง Q&A ให้ speaker ทุกคนขึ้นเวที แล้วเปิดให้ถามคำถามตามใจ เท่าที่จำได้
และเรื่องเทคนิคลึกๆ เหมือนคนจะสนใจเรื่อง Privacy เยอะเป็นพิเศษ
มีตอบปัญหาชิง Bean Bag ด้วย อยากได้บ้าง
สุดท้ายลิงค์ survey: https://goo.gl/KQFW
น้องอาสาสมัคร จากวิศวะ ม.เกษตร ที่เข้ามาช่วยจัดงาน ต้องปรบมือให้ครับ
จบแล้วสำหรับการบันทึกงานที่ถือว่า จัดได้เยี่ยมมากๆครับ
รวมภาพช่วงที่ 3 : https://picasaweb.Google.com/sarapukdee/GoogleDevFest3
ใครยังไม่ได้อ่าน Google DevFest Bangkok ช่วงที่ 1 ไปอ่านก่อน
หลังจากพักทานของว่าง ก็เริ่มช่วงที่สอง ช่วงพักผมอัพโหลดรูปช่วงแรกขึ้น Picasa เสร็จอย่างรวดเร็วเน็ตขาอัพโหลดเร็วมาก
เริ่มบันทึก…
หัวข้อ HTML5 in Chrome โดย Arne Roomann-Kurrik @kurrik
สไลด์ของเขาสามารถดูได้ที่ https://kurrik-slides.appspot.com/html5-techtalk/
Google Chrome มันเร็วและเสถียร คนใช้เยอะ เติบโตเร็ว พัฒนาเร็ว
Timeline ของ เว็บตั้งแต่ปี คศ.1990 ที่เกิด web pages ครั้งแรก จนถึงปัจจุบัน ยุคของ HTML5 แบบชัดตามไปดูใน slide ของเขา หรือในลิงค์อัลบั้มรูป ท้ายเรื่อง
HTML5 มีอะไรอยู่ภายในบ้าง Video, Notification, Fonts, CSS3, Storage, Canvas 2D, Sockets, Transforms, SVG, WebGL, Audio,Microdata ตอนพรีเซ็นต์กล่องต่างๆจะหล่นลงมา ทับกัน มีเปิดซ้ำให้ดูด้วย ชอบใจกันใหญ่
จากนั้นก็เริ่มสาธิต แต่ละ feature เห็นแล้วทึ่งไปเลย ไม่คิดว่ามันจะเทพขนาดนี้
เขียนรูปด้วย Canvas 2D
Canvas 3D แสดง Gallery แบบ 3 มิติ สวยงาม เท่ มาก
SVG ทำภาพตัวอักษร เป็นมุมตามต้องการ เลือกตาม line แล้วคลิกแปลข้อความได้เลย โชว์แปลเป็นภาษาไทยว่า ขอความนี้ตามบรรทัด
tag Audio และ Video ใส่ Effect ให้วีดีโอได้ด้วย ภาพในสไลด์เป็นวีดีโอนะครับ กับลังเล่นแต่ถูกหันออกเป็นชิ้นได้ อันสุดยอด ทุกคนปรบมือ
HTML5 มันติดต่อกับฐานข้อมูลได้ด้วย เจ๋งอ่ะ เลิกเขียน php ไปเลยดีไหม
ทำงานหลายอย่างพร้อมกันได้ โอ้แม่เจ้า
อันนี้ทุกคนปรบมือให้เลยครับ เป็นวีดีโอที่แตกเป็นลูกเต๋า แล้วหล่นตามแรงดน้มถ่วง ตรวจจับการเอียงโน๊ตบุค
อื่นๆ Drag&Drop, Transition, Transform ดูได้ที่ลิงค์ slide ด้านบน ขอบอกว่าประทับใจ
หัวข้อต่อไปเป็น Maps API on Mobile โดย Shawan Shen @sshen
สไลด์ของเขาดูได้ที่ https://www.slideshare.net/ss318/maps-api-onmobiledevfestbangkok
แนะนำ Google Maps APIs V3 ที่มีความสามารถเพิ่มมากขึ้น
เขาแนะนำให้ใช้ Javascript API กับ App ในมือถือ
Feature ด้วยรวมของ Map API V3 มีดังนี้
Time ของ Maps Javascript API V3
สรุปโดยรวม เขาแนะนำให้นักพัฒนาให้ใช้ Embed Javascript Map กับ Native app ไม่รู้ในมุมของพัฒนาคิดยังไงกับเรื่องนี้
ก่อนจบช่วงที่ 2 มีการประชาสัมพันธุ์งาน Barcamp Bangkok ที่จะจัดในวันที่ 23-24 ตุลาคม นี้ ติดตามรายละเอียดได้ที่ https://www.barcampbangkok.org/
พักทานข้าวเที่ยง เขาเลี้ยงข้าวกล่อง อาหารอร่อยเลยทีเดียว และชมบูธของ HTC กับ Provision นิดหน่อย
รวมรูปในช่วงที่ 2 https://picasaweb.Google.com/sarapukdee/GoogleDevFest2
ส่วนใหญ่การอ่านเนื้อหา บทความต่างๆก็มักจะอยู่บนเว็บไซต์ และเป็นภาษาอังกฤษซะส่วนใหญ่ ความสามารถเรื่องภาษาอังกฤษของเรามันก็ด้อยพัฒนาเหลือเกิน เลยต้องมีตัวช่วย ผมใช้ Google Chrome เป็นตัวหลักในการท่องโลกอินเทอร์เน็ต ตัวเสริมที่ช่วยแปลภาษาอังกฤษ ที่ผมใช้และอยากแนะนำ มี 2 ตัว
Google Dictionary (by Google) extension ตัวนี้ ดีที่เร็ว แปลแบบ อังกฤษ-อังกฤษ ชอบที่ดับเบิ้ลคลิกที่คำแล้วแปลให้เลย(ตั้งค่าแบบอื่นได้) เจ๋งมาก ถ้าเป็นชื่อคน ชื่อเกม ชื่อเฉพาะก็บอกรายละเอียด พร้อมลิงค์ให้เลย
เราสามารถคลิกที่ icon เพื่อใส่คำด้วยตัวเองก็ได้
ที่จริงอยากได้ตัวเสริมที่แปลอังกฤษเป็นไทยให้เลย แต่หาไม่ได้
ตัวที่สอง Longdo dict ตัวนี้เป็นตัวเสริมแปลอังกฤษเป็นไทย ที่จริงที่เว็บ https://dict.longdo.com สามารถแปลไทยเป็นอังกฤษได้ด้วย แต่เข้าใจว่าในอนาคตตัวที่เป็นตัวเสริมสำหรับ Google Chrome อาจจะเพิ่มเข้ามาภายหลัง ตัวนี้คลิกเปิด tab ขึ้นมาแล้วแปล ข้อดีไม่ขัดจังหวะการอ่าน ไม่ต้องไปเปิดอีกหน้าขึ้นมา ถือว่าเพิ่มความสะดวกได้ในระดับหนึ่ง
Google instant เป็นการเพิ่มประสิทธิภาพการแสดงผลการค้นหาแบบใหม่ โดยที่ผลการค้นหาจะเปลี่ยนตามสิ่งที่เราพิมพ์ทันที ตามตัวอักษรทีละตัว ข้อดีคือ มันจะช่วยให้เราประหยัดเวลาในการค้นหามากขึ้นอีก 2-5 วินาทีต่อการค้นหาหนึ่งครั้ง(ในลิงค์มีกราฟเปรียบเทียบให้ดู) มันจะช่วยแสกนเนื้อหา และช่วยให้เลือกคำค้นหาที่ดีได้ โดยไม่ต้องกดดูผลทีละคำเหมือนแบบเก่า และมีการเพิ่มการเดาคำศัพท์ให้เราใช้ลูกศรขวากระโดดไปเลือกคำแนะนำนั้นได้ทันที ซึ่งปกติจะมี suggestion ให้เลื่อนลงมาด้านล่างอย่างเดียว ตอนนี้เปิดให้ใช้ในหน้าเว็บของบางประเทศเท่านั้น ทดลองใช้คลิกที่นี้ https://www.Google.com/ncr
ที่จริง Google Instant เปิดตัวไปหลายวันแล้ว แต่ยังไม่มีโอกาสได้ทดลองจริงๆ วันนี้เลยมาเปรียบเทียบการค้นหาแบบเดิมกับ Instant ดูดีกว่า
(แบบเดิม) ผมจะพิมพ์คำว่า ประเทศไทย มันจะแนะนำคำใกล้เคียงมาให้ ถ้าต้องการคำไหนก็เลือนลงไปเลือก แล้วจึงเลือกด้วยการ Enter ผลการค้นหาจึงจะแสดงออกมา
มาดู Google Instant ที่เขาบอกว่าเร็วขึ้น 2-5 วินาทีต่อการค้นหา มันจริงไหม?
(แบบ Instant)เมื่อเราพิมพ์ตัวอักษรลงในช่องค้นหา มันจะแสดงผลทันทีที่ด้านล่าง เปลี่ยนแปลงไปเรื่อยๆ ตั้งแต่การพิมพ์อักษร ป , ปร, ประ,..
ตามรูป (1) จะมีคำแนะนำต่อท้ายสีจางๆเพิ่มเข้ามาให้ใช้ลูกศรขวาเลือกได้ทันที และ(2)ด้านล่างก็ยังมีคำแนะนำให้เลือกเหมือนเดิม และ(3)ส่วนของผลการค้นหาที่แสดงผลทันทีตามการพิมพ์ตัวอักษร
ความเห็นของผม
Google บอกว่า “ถ้าทุกคนบนโลกใช้ Google Instant จะช่วยให้ประหยัดเวลาได้ 3.5 พันล้านวินาทีต่อวัน หรือ 11 ชั่วโมงในทุกๆ 1 วินาที” (ไม่งงนะ)
ล่าสุดมีการรวม Google Instant กับ Google Chrome แล้ว เปิดให้ทดลองใน Dev channel กับ Canary build แต่ผมลอง enable ดูแล้วไม่ได้แฮะ วันหลังค่อยลองใหม่แล้วกัน
วิดีโอแนะนำ
https://www.youtube.com/watch?v=ElubRNRIUg4
วันนี้ได้ invite ของ Boomerang ซึ่งเป็น extension ใน Chrome (firefox ก็มี) เมื่อติดตั้งแล้วจะทำให้สามารถ ตั้งเวลาในการส่งอีเมลได้ตามต้องการ
ลองคิดดูว่าเราอยากจะ ตั้งเวลาส่งอีเมลทำไม? ส่งงานให้คนอื่นตามเวลาที่กำหนดไว้ กันลืมถ้าเราทำเสร็จก่อน รวมทั้งส่งงานอาจารย์ด้วย ส่งเตือนตัวเองเมื่อถึงกำหนดอะไรสักอย่าง (ใช้ Calendar ดีกว่า) หรืออื่นๆถ้ามีเหตุจำเป็น แต่อย่างน้อย ก็รู้แล้วว่ามันทำแบบนี้ได้
มีวีดีโอสาธิตการใช้งานให้ดูด้วย
Chrome Reader เป็น Extension ของ Google Chrome ที่ใช้มาได้สักพักแล้ว เมื่อวานนั่งเล่น Google Chrome ไปๆมาๆ มันหายไป พอวันนี้เจอเว็บเจ๋งๆจะรับ feed มาอ่านหน่อย ถึงได้รู้ว่ามันหายไป เลยเอามาลงใหม่
ข้อดีของมันที่ผมชอบมาก
หน้าตาและการใช้งาน
เมื่อเราเปิดเว็บไหนแล้วมี RSS อยู่จะเห็นเป็นไอคอรของ RSS ขึ้นมา
เมื่อคลิกไอคอน RSS ก็จะ subscription เข้าไปใน Google Reader ไปเลย สามารถติ๊กเข้า folder ไหนได้ตามใจ หรือจะตั้ง folder ใหม่ก็ได้ (ต้องล็อกอิน Google Reader )
ดาวน์โหลด Chrome Reader Extension
Google Chrome Dev. ตัวล่าสุด 6.0.490.1 dev หลังจากอัพเดตแล้วพบว่า web apps ของเราที่เคยทำไว้ ไอคอนหายหมด เหลือตัวเดียวคือ Chrome Web Store ที่มาพร้อมกับโปรแกรม ดูใน discussion board ก็พบว่ามีคนอื่นก็เจอปัญหานี้เหมือนกัน วิธีแก้ปัญหาของคนอื่นที่แนะนำไว้ เช่น reinstall ทั้ง web apps และ Chrome ใหม่ พบว่าไม่เกิดอะไรขึ้นปัญหาเดิมยังอยู่ เลยลองถอยกลับไปใช้ Chrome beta ปรากฏว่า ไอคอนกลับมาให้เห็นอีกครั้ง เสียดายหน้า web apps ของเวอร์ชั่น dev มันเพิ่ม address bar เข้ามาด้วย เดี๋ยวต้องรอดูว่าคนอื่นจะมีวิธีไหนอีก ถ้าใช้ได้ค่อยกับไปใช้ Chrome dev. อีกครั้ง
if you install Google Chrome Beta channel the icons should become visible again.
ตั้งแต่ Google Chrome V.4.1 ได้เพิ่ม auto translate เข้ามาด้วย มันจะเด้งขึ้นมา ตอนเราเปิดเว็บที่มีภาษาที่แตกต่างจากภาษาที่ใช้เป็น default ของ Chrome ซึ่งส่วนใหญ่แล้วเว็บที่เราเข้ามันก็ภาษาอังกฤษทั้งนั้น (Facebook,Twitter, etc.) ทำให้รำคาญใจอยู่ไม่น้อย
ผมเลยปิดมันไป แต่วันนี้ Chrome ของผมเกิน error จำค่าต่างๆที่เคยตั้งไว้ไม่ได้ อาการเดิมมันเลยกลับมา ไม่เป็นไร เราก็เข้าไปปิดมันอีกครั้ง แต่ดันลืมว่ามันปิดยังไง เลยต้องพึ่ง Google ได้วิธีมาบอกเล่าดังนี้ครับ (ได้บันทึกเก็บไว้ด้วย) ในวงเล็บเป็นของ Google Chrome ใช้ภาษาอังกฤษที่ต้องการปิดเช่นกัน
แล้วมันก็ไม่มากวนใจเราอีก
via : https://Chromestory.com
วันนี้ส่ง Extension สำหรับ Google Chrome ขึ้นเว็บ Extension gallery รู้สึกว่าทำไมมันง่ายจัง ไม่มีการตรวจสอบอะไรเลย อัพโหลดปุ๊บ Public ในทันที
Biomed.in.th Extension for Google Chrome ใครใช้ Chrome อยู่แล้ว ก็คลิกลิงค์แล้วติดตั้งได้เลยครับ ไม่มีอะไรพิเศษ แค่ดึง feed มาแสดง เอาโค้ดมาจาก Tutorial แต่หาวิธีดึงภาพมาแสดงด้วยไม่ได้ (เอาไว้ใน v.2 แล้วกัน) เลยเอามาแค่ text กับลิงค์ก็พอ
วิธีการ Public ง่ายๆ เข้าไปที่ Publish your extensions ลิงค์อยู่ใต้ลิสต์ด้านซ้ายในหน้า Extension gallery นั้นแหละ ไฟล์ที่ต้องใช้ ประกอบไปด้วย Zip โฟว์เดอร์เก็บไฟล์ Extension (ไม่เอา crx file นะ) และเตรียม screenshots ของ extension ไว้ด้วย
ใครที่อยากลองทำบ้างเอาไปแก้ไข เอาไฟล์ของ Biomed.in.th Extension ไปดูเลยครับ
