CloudFlare – เร่งความเร็วเว็บไซต์ แรงสุดสุด และฟรี

13 October, 2011 at 9:08 pm

สวัสดีครับวันนี้ผมมีเว็บไซต์ ที่มีบริการดีๆ มาฝากกันครับ ชื่อว่า CloudFlare  ซึ่งเว็บนี้บริการ Domain Name Server คล้ายๆ OpenDNS นั่นละครับ ที่จะจัดการ Name Server ให้เราซึ่งตัว คลาวแฟร์ ตัวนี้จะดีกว่าตรงที่ จะช่วยปกป้องเว็บไซต์เรา และช่วยเพิ่มประสิทธิภาพการเข้าถึงของเว็บไซต์ของเราครับ ด้วย CDN : Content Delivery Network ที่กระจายอยู่ทั่วโลก (13 แห่งสามมรถดุได้ที่ System Status)

เอาละมาดูการทำงานของ Cloudflare บ้างว่ามีหลักการทำงานอย่างไรนะครับ :)

แบบไม่ใช้บริการ Cloudflare (แบบปกติ)

  •  กรณีผู้ชมปกติ (Good Visitor) ก็จะเข้าถึงเว็บไซต์ของคุณโดยตรง
  • กรณีเป็นบอทเก็บข้อมูล (Bot/Crawlers) ก็จะเข้าถึงเว็บไซต์ของคุณโดยตรง
  • กรณีเป็นผู้ก่อการร้าย (Bad Visitor /Attrackers) เข้าถึงเว็บไซต์ของคุณโดยตรงเช่นกัน (ไม่ปลอดภัย)

แบบใช้บริการ Cloudflare

  •  กรณีผู้ชมปกติ (Good Visitor) ก็จะเข้าถึงเว็บไซต์ของคุณโดยผ่าน CloudFlare ที่กระจายอยู่ทั่วโลก
  • กรณีเป็นบอทเก็บข้อมูล (Bot/Crawlers) ก็จะเข้าถึงเว็บไซต์ของคุณโดยตรงโดยผ่าน CloudFlare ที่กระจายอยู่ทั่วโลก
  • กรณีเป็นผู้ก่อการร้าย (Bad Visitor /Attrackers) จะไม่สามารถเข้าถึงเว็บไซต์ของคุณโดยตรง เนื่องจาก ClousFlare จะช่วย Detect ให้

CDN : Content Delivery Network (ระบบเครือข่ายการจายเนื้อหา)
ระบบ CloudFlare นั้นจะใช้ CDN อยู่ทั่วโลก ตาม Map ที่เห็นในรูปนะครับ ซึ่งเราสามารถไปดู Status ได้ซึ่งการที่ได้ใช้ CDN นั้นจะช่วยทำให้การเข้าถึงเว็บนั้นเร็วขึ้น และช่วยประหยัด BW : Bandwidth ของเว็บไซต์ไปด้วยในการโหลดซ้ำ อีกทั้งเวลาที่เว็บไซต์ (จริง) ล่มถ้าเราใช้บริการ CloudFlare นั้นเราชี้ Name Server ไปที่ NS ของ CloudFlare ซึ่งเขาจะเซฟ Cache เว็บหน้าล่าสุดไว้ ทำให้เว็บจริงล่ม แต่เว็บไม่เป็นหน้าขาว เนื่องจากระบบของ CloudFlare ซึ่งผมชอบตรงนี้ครับ เพราะเว็บ Comseeit เคยล่มครั้งหนึ่ง (ที่เคยเจอกับตัวนะ) ตอนนั้นมันฟ้องว่า error 501 internal server error แต่หน้าเว็บไม่ขาว CloudFlare ช่วยไว้ได้ แต่จะขึ้นเตือนไว้ว่า “หน้าที่คุณเห็นอยู่นี้ เป็นหน้า แคชของคลาว์นแฟลร์นะ ” ตรงข้างบนสุดของเว็บไซต์

  • ไม่ต้องตั้งค่าให้ยุ่งยาก เพียงแค่ชี้ Name Server มาที่ CloudFlare เท่านั้นจบ ! 
  • สามารถทำงานร่วมกับเว็บที่มีเนื้อหาคงที่พวก HTML ได้ และเว็บที่มีเนื้อหาไม่คงที่ได้พวก PHP และอื่นๆ
  • มั่นใจได้เลยว่าเว็บจะออนไลน์ทำงานอยู่ตลอดเวลาเนื่องจากจะมีระบบ Cache เก็บเว็บไซต์เสมอๆ
  • ช่วย ติดตาม ป้องกัน ต่อต้านผู้ไม่หวังดี ที่กำลังเข้าถึงเว็บของคุณ (ในระดับหนึ่ง)
  • สามารถใช้ IPV6 ได้อัตโนมัติโดย (ผมยังไม่ทราบแน่ชัดกับเรื่องนี้นะครับ ^^)
  • การันตีที่ระดับ 99.999% สุดยอดเพราะระบบ Cache นั้นเองที่ช่วยให้เว็บออนไลน์ตลอดเวลา
  • สามารถทำงานร่วมกับ CDN อื่นๆได้โดยปกติ

Rocket Loader (รวดเร็วเปรียบเสมือนเว็บติดจรวด)
ซึ่งทางเทคนิคจใช้การ เร่งประสิทธิภาพของ CSS และ JavaScript ต่างๆ จำพวก Google Adsense, Facebook gadget, Twitter gadget รวมไปถึงเว็บที่ต้องใช้ CSS ในการจัด layouts ต่างๆ ด้วยซึ่งผมคิดว่าระบบ ClodFlare น่าจะจดจำว่า อันไหนใช้บ่อยๆ เดิมๆ ก็จะทำการเก็บ Cache ไว้ทำให้ช่วยเพิ่มประสิทธิภาพมากยิ่งขึ้นโดยลดจำนวนการ request ไปยัง server หลักของเราครับ

  • สามารถ เปิด-ปิดได้อย่างง่ายดาย กรณีที่เรากำลังพัฒนาเว็บเราต้องการ Real-time response ครับ
  • จำกัดอัตโนมัติ ก็คือจัดการพวก CSS, JavaScript ของเว็บไซต์ครับผม
  • ไม่ต้องติดตั้งอะไรเพิ่มเติม ดีที่ต้องนี้อีกละครับผม ฮาๆ
  • ใช้ GZip ในการช่วยบีบอัด CSS เว็บไซต์
  • รองรับการใช้งานผ่าน  อุปกรณ์มือถือ Mobile ต่างๆ

 

CloudFlare Security (ระบบความปลอดภัย)
ถือว่าเป็นตัวชูโรงเลยนะครับ เป็นความสามารถหลักเลยก็ว่าได้ ที่สามารถจัดการด้านความปลอดภัยได้ ซึ่งก็จะเป็ลักษณะกราฟ ดังกล่าวละครับ ซึ่งกราฟสีเขียวแทน BW ที่มาจาก Good Visitor กับ Bot ส่วนสีแดงมาจาก Attackers ซึ่งแสดงให้เห็นชัดเจน ในระดับ IP ที่บ่งบอกถึงภูมิภาคและลักษณะพฤติกรรมที่โจมตีเว็บไซต์

  • สามารถแสดง การโจมตี ทั้งหมดได้ แบ่งตามประเทศเลยละครับ ^^
  • รองรับ Browser ทุกชนิดครับผม
  • จะมีการสร้าง ฐานข้อมูลของผู้เยี่ยมชม 
  • เราสามารถ Block IP ได้ สร้าง White List กับ Black List ได้ครับผม
  • ช่วยลดจำนวนการโอน-ถ่ายข้อมูลของเว็บไซต์ Bandwidth 

CloudFlare Analytic (สถิติของเว็บไซต์)
ตัวนี้ก็ถือเป็นคุณสมบัติเด่นของ Cloudflare เลยก็ว่าได้ครับ แต่มันจะเก็บข้อมูลไม่ Real-time เหมือน Google analytics ซึ่งเราสามารถดูสถิติได้ส่วนหนึ่งละครับ ไม่ค่อยละเอียดเท่าไหร่ เนื่องจากเขาจะเก่งในเรื่องของการจัดการ Attackers มากกว่า เขาเลยให้ความสนใจไปที่ Visitors ที่เข้าชมเว็บของเรา และพฤติกรรมของ Visitors ด้วยครับผม

ครับผม ก็คุณสมบัติคร่าวๆ ที่ผมยกมาก็น่าจะตัดสินใจลองใช้บริการได้ครับผม ส่วนรายละเอียดเพิ่มเติมสามารถเข้าไปที่เว็บ CloudFlare ได้ครับผมเอ้าลืมบอกว่า บริการนี้ ฟรี นะครับ ฟรี 100% แบบไม่มีจำกัดเว็บไซต์ ครับผม แต่จำกัดที่คุณสมบัติบางส่วน ซึ่งถ้าใครมีกำลังทรัพย์มากพอ หรือต้องการประสิทธิภาพเต็มที่ก็สามารถเสียค่าบริการได้ครับผม

วิธีการสมัครและการเพิ่มเว็บไซต์

  • ก่อนอื่นเลยก็ต้องสมัคร Register กับเว็บ CloudFlare ก่อนครับ จากนั้นก็ Verify E-mail ครับ
  • ต่อไปเป็นการ Add Web site ก็ให้ทำการขั้นตอนที่บอกไว้ครับ ทีละ Step ไม่ยากครับ
  • ซึ่งสามารถอธิบายได้ว่า ให้ เปลี่ยน Name Server ของ Domain นั้นมาที่ Name Server ของ CloudFlare ที่เตรียมไว้
  • จากนั้นก็ตรวจสอบว่ามี Record อะไรบ้าง ที่จะใช้ enable/disable คุณสมบัติของ CloudFlare ครับผม

ขอบคุณที่มารูปภาพ และเนื้อหา : CloudFlare

ตัวจริงหรือเปล่า – Nexus Prime

9 October, 2011 at 4:17 pm

สวัสดีครับวันนี้มีข่าวมา อัพเดทอีกแล้วเกี่ยวกับ Smart phone หลังจากที่ผมได้เอาข่าว iPhone 4s ที่เปิดตัวในต่างประเทศมา ซึ่งต่อไปก็จะเป็นข่าวทางฝั่ง Android บ้างนะครับซึ่งก็คือ Smart Phone ที่เป็น Pure Google หรือเป็นมือถือทางค่าย Google เลยก็ว่าได้ในตระกูล Nexus ซึ่ง Code name ที่ทาง Google ได้เปิดไปแล้วนั้น
ก็จะมี Nexus One > Nexus S > และล่าสุดคือ Nexus Prime

ซึ่งข่าวโคมลอยก็มีออกมามากมาย เยอะแยะ ว่า Spec มันจะดีขั้น ทั้งๆ ยังไม่ได้รับการยืนยันจากทางผู้ผลิตเอง หรือแม้กระทั่งแม่งาน Google เองซึ่งผมเองก็ได้ติดตามอยุ่เรื่อยๆ นะ ส่วนตัวผมแอบชอบ Nexus S นะดูแล้วตกหลุมรักเลยก็ว่าได้ แต่หาตัวยากจริงๆ ซึ่งก้เอาเป็นว่า Google Nexus Prime นั้นเริ่มจะชัดเจนขึ้นละครับ เพราะผมเห็นข่าวจาก Blognone เลยตามไปดูที่ Softpedia ก็เจอภาพหลุด ของ Nexus Prime เข้าให้ เลยขอยกเอามาให้ดูครับ

 

 

[youtube]http://www.youtube.com/watch?v=DvsXyeY0HVE[/youtube]

ข้างบนคือ คลิปตัวเป็นๆ ของเจ้า Nexus Prime (ใช่หรือเปล่า ไม่แน่ใจ บางคนว่ามันคล้าย Nexus S มาก) ผมคิดว่าก็คล้ายนะ แต่ UI มันไม่ใช่ ปุ่มก็ไม่ใช่ รูปร่างคล้ายๆ กันแต่ไม่ใช่ซะทีเดียวเนาะ ดูใน Clip Nexus Prime แล้วมันไม่นิ่ง ไม่ค่อยชัดด้วย ดูรูป ดีกว่า

ข่าวจาก Blognone : GSM Arena เผย Specification ของ Nexus Prime น่าจะเป็น

  • CPU : Dual Core 1.5 GHz (จากทาง Samsung เอง)
  • GPU : PowerVR SGX543MP2
  • Camera : 8MP (Full HD)
  • Battery capacity : 2050 mAh 

ไปดูรูปของโทรศัพท์ Google Nexus Prime กันดีกว่า ว่าหน้าตาจะเป็นอย่างไร….

 

ที่มารูปภาพ : Softpedia.com 

17 Facebook Timeline เจ๋งๆ Cover Photo

6 October, 2011 at 7:57 am


สวสัดีครับ วันนี้คอมสีอิฐมาแนะนำภาพ Cover Photo แนวๆ ของ Facebook Timeline หลังจากที่ผมได้อธิบายคร่าวๆ ไว้แล้วใน Profile Facebook แบบใหม่ที่ชื่อว่า Timeline ซึ่งไม่นานครับ นักคิดสร้างสรรค์ก็ได้ เป็นผู้นำในการคิดแตกต่างของภาพ Heading ของ Facebook Profile Timeline ของตนให้มีความโดดเด่น ส่วนไอเดียของคนไหนใช้ได้ก็สามารถเป็นแรงดลใจได้นะครับ เพราะภาพ Cover มีขนาดใหญ่มาก มากถึง 851px เลยทีเดียว

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

งั้นเรามาดูภาพ Cover photo หรือภาพที่เป็น Heading Facebook ล่ะครับ

 Lawson Hembree V ได้แนวความคิดเป็นรูปถ่ายเรียงกัน สวยดีนะผมว่า

Andrew Grojean ภาพของเขานั้นเป็น Facebook แบบเดิมครับ ไอเดียดีเนาะ

Mathew Barker ภาพใหญ่ (Cover photo) ของเขาแสดงทีท่าขู่ ภาพเล็ก (Profile photo) ของเขา เออเข้าท่าดีนะ

Maggine Lin ภาพ Cover Photo เป็นภาพ UI ของ Google+ เอ๊ะ…ฮาๆ

Vinh Nguyen ไอเดียของเขาคือ เขาคิดไปอนาคตว่าได้ไปเหยียบดวงจันทร์ กับถุกลอตเตอร์รี่… สุดยอด !

Ekkapong Techawongthaworn เป็นภาพเขาถือร่ม ท่ามกลางสายฝน เออ เข้าท่าๆ

Eyal Shahar ภาพของเขาเป็นเหมือนกล่องที่ถูกแกะออกมา มีมิติดังรูปเลยครับ

Rudolfo Nobre ภาพดันภาพ แล้วก็ ภาพถือภาพ แล้วก็ภาพค้ำภาพ งงไหม ฮาๆ

DJ Spyder คล้ายกับว่าเป็น DJ ซึ่งเป็นอุปกรณ์ beat box และภาพ profile เป็นปุ่มให้กด…

Abarai Rj ไอเดียเป็นภาพถ่าย และตรงกลางเป็น Heading ใหญ่ๆ เลย

Dustin Thaxton ภาพของเขาเป็นรูปถ่ายเรียงๆ กัน

Jeremy Bronson ไอเดียดีครับ ภาพใหญ่เป็นภาพแอบดู ภาพเล็กก็กลับหัว ฮาๆ

Lanfranco nantele ภาพคนนี้แนวครับ แนวดี แต่ไม่รู้แนวไหน ฮาๆ

Rayson Esquejo ภาพของเขาก็เป็นภาพ โปรโมทตัวเองตามที่เห็นเลยครับ ไอเดียดีๆ

อ้างอิงภาพที่มา : http://machoarts.com

iPhone 4s เปิดตัวแล้ว แรงกว่าเดิม ถูกกว่าเดิม

5 October, 2011 at 3:42 pm

ตามกระแสข่าวเปิดตัวอย่างเป็นทางการของอุปกรณ์ Smart-Phone รุ่น iPhone 4s ซึ่ง CEO คนใหม่ Tim Cook ได้ทำการเปิดตัวขึ้นมาแนะนำสินค้าบริษัท Apple คนแรก แทนหน้าที่ของ Steve Jobs ซึ่งภาพบรรยากาศในงานสามารถอ่านได้ที่ (ข่าวงานแถลงเปิดตัว IPhone)

ซึ่งก็วันนี้บล็อกคอมสีอิฐจะมาดู Spec หรือรายละเอียดของเจ้า iPhone4s กันนะครับว่าเปรียบเทียบแล้วจะดีกว่าเดิมยังไงเทียบกับ iPhone4

  • เรื่องของ CPU อัพเกรดเป็น A5 จากเดิม A4 ซึ่งแน่นอนความเร็ว 2 เท่าเลยก็ว่าได้เพราะเป็น Dual-Core แล้วประหยัดพลังงานมากยิ่งขึ้น (รายละเอียด A5) ซึ่งก็ใช้ CPU ตัวเดียวกับ iPad เลย เร็วขึ้นอย่างแน่นอน
  • ขนาดและการออกแบบ ก็เหมือนกับ iPhone4 ทุกประการ
  • Siri เป็นลูกเล่นใหม่ที่สามารถสั่งงานได้ด้วยเสียงคำพูด
  • ความละเอียดกล้อง อัพเกรดเป็น 8MP จากเดิม 5MP
  • พัฒนาการบันทึกวิดิโอ และสามารถบันทึกวิดิโอคุณภาพ 1080p ที่ 30 fps ได้จากเดิม 720p 30fps
  • แบตเตอรรี่สามารถใช้งานได้นานขึ้นเล้กน้อย
  • หน่วยความจำภายใน ขนาด 8GB และไม่มีช่องเสียบ Memory เพิ่มด้วย
  • ระบบปฏิบัติการ iOS5
  • รองรับบริการ iCloud
  • ส่วนคุณสมบัติที่เหลือ ก็เป็นไปตาม iPhone4 เลยครับ ^^
  • เพิ่มเติม http://www.apple.com/iphone

ที่มารูปภาพ : apple.com