แอปเปิลโชว์ความสามารถ HTML5

By toandthen Writer on Tag: Apple, Safari, WebKit, HTML5
Apple

ล่าสุดแอปเปิลได้ทำหน้าเว็บแสดงพลังของ HTML5 แล้ว โดยตัวอย่างแต่ละอย่างที่แอปเปิลเอามาโชว์อาจจะทำให้นักพัฒนาเว็บหลาย ๆ คนน้ำลายไหลเลยก็ได้ โดยแอปเปิลก็ได้ทิ้งคำพูดเล็กน้อยไว้ว่า...

Standards aren't add-ons to the web. They are the web.
"มาตรฐาน[ที่แท้จริง]ของเว็บต้องไม่ใช่ Add-on แต่มันคือตัวเว็บเอง"

ข้อเสียคือแอปเปิลบังคับให้ดาวน์โหลด Safari เพื่อชมเว็บนี้

คลิกเข้าไปดูได้ที่นี่ครับ HTML5 Showcase

ที่มา - Daring Fireball

Hiring! บริษัทที่น่าสนใจ

Carmen Software company cover
Carmen Software
Hotel Financial Solutions
 Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
 KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
 Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
 Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
 Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
 Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
 CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
 Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
 Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
 CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
 Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
 MuvMi (Urban Mobility Tech Co.,Ltd.) company cover
MuvMi (Urban Mobility Tech Co.,Ltd.)
Shape the future of urban mobility towards affordable, clean, and safe solutions
 T.N. Digital Solution Co., Ltd. company cover
T.N. Digital Solution Co., Ltd.
TNDS has been involving in every first move of banking’s major digital transformation.
 KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
 Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
 Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
 REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
 H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
 The Gang Technology Co., Ltd. company cover
The Gang Technology Co., Ltd.
We're a Digital Agency that helps our customers transform their business into digital with ease.
 LTMH company cover
LTMH
LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
 Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
 Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
 MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
 Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
 LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
 LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

QQ Fri, 04/06/2010 - 15:53

งี่เง้า จะโชว์ให้เขาดูยังบังคับลงสวนสัตว์อีก - -" จะใช้ firefox มีไรมะ ชิ~

podhikaru Fri, 04/06/2010 - 15:58

ที่ผมลองเขียนดู มันจะใช้ css-transition,animation

code น้อยมาก พิมไม่กี่บรรทัดก็ใช้งานได้แล้ว เข้าใจง่ายมากครับ

ส่วน Firefox ต้องรอ version 4 ครับ

gab Fri, 04/06/2010 - 16:17

ผมเจอหลังจากคลิกที่ demo ทั้งหลาย (คิดไปเองว่า Chrome น่าจะดูได้)
ก็แอบติดตลก "ต้องไม่ใช่ Add-on แต่มันคือตัวเว็บเอง" ทว่าตอนนี้ถูกกีดกันด้วยตัวเบราว์เซอร์ ซะอย่างงั้น

gab Fri, 04/06/2010 - 17:17

เข้าได้แล้ว ขอบคุณคร้าบ ดูแล้วก็แหล่มดี
คิดว่าหน้าแรกคงไม่ได้เป็น bug แต่อย่างใด น่าจะเป็น feture ของเค้าเองที่ทำดักไว้
โดยส่วนตัวไม่ได้คิดแง่ลบกับเรื่องการดักนี้ เพราะดูเป็นเรื่องธรรมดา ไม่แปลกใจแต่อย่างใด
แต่แอบฮา เหมือนเค้าจงใจจะเล่นมุข ตลกดี

JavaDevil Fri, 04/06/2010 - 16:32

แถมอีกหน่อยเขียน โค๊ดเยอะอย่างแรง เช่น ตัวอย่าง CanvasPixelManipulation ถ้าเป็น ActionScript สัก 3-10 บรรทัด ต่อ function กันเลยทีเดียว แต่ถ้าเขียนเยอะแต่ทำงานได้ทุก browser ค่อยมาว่ากันเด้อ สู้ๆเขา Webkit

hisoft Fri, 04/06/2010 - 20:01

"มาตรฐาน[ที่แท้จริง]ของเว็บต้องไม่ใช่ Add-on แต่มันคือตัวเว็บเอง" สงสัย Apple ไม่ได้เรียก quicktime ว่า Add-on มั้งครับ

illusion Fri, 04/06/2010 - 16:51

"มาตรฐาน[ที่แท้จริง]ของเว็บต้องไม่เจาะจงให้ใช้ browser ตัวไหน"

ใช้ firefox ดูไม่ได้ ก็จบ ไม่สนใจ

ชอบโวว่า HTML5 เป็นมาตรฐานอย่างโน้นอย่างนี้ แต่ต้องเปิดกับ Safari ของตัวเองเท่านั้น แถมพ่วงด้วย quicktime อีก มันทำให้ผมยิ่งรังเกียจผลไม้เน่านี่ไปอีก

Juney Fri, 04/06/2010 - 19:00

-1

Chrome ดูได้ปกติ (แต่กดหน้าแรกดูไม่ได้ เพราะมันคือ "Safari Technology Demo" ไม่ใช่ HTML5 Demo )

Firefox ดูไมไ่ด้อยู่แล้ว เพราะยังไม่ซัพพอร์ต

illusion Fri, 04/06/2010 - 20:59

ผมของขึ้นตอนที่บอกไม่ Support แล้วโชว์ให้ดาวน์โหลด Safari ขึ้นหรา ทั้งๆ ที่อันที่จริง Chrome ก็ใช้ได้

ถ้าขึ้นแนะนำ Safari และ Chrome สามารถใช้ได้ แบบที่มนุษย์ทำเว็บปกติทั่วไปทำกัน อันนี้ผมรับได้ครับ :)

(อย่าอ้างว่าแอปเปิล จึงบีบให้ใช้แต่ Safari.. เพราะแม้แต่ตอนนี้ Microsoft เองก็ถือว่าเปิดกว้างมากเรื่องนี้แล้ว)

willwill Fri, 04/06/2010 - 19:05

ความคิดเห็นส่วนตัวล้วนๆ ระดับการ support ผมผมจัด Firefox Opera IE ไว้ในระดับเดียวกันครับ เนื่องจากว่าลูกเล่นหลายๆ ตัวมันก็ไม่มีบ้าง และบ้างใส่แล้วก็ทำช้าเสียอีก

Identi.ca+Twitter client ที่ผมทำอยู่ ใช้ HTML5 API จำนวนมาก CSS3 เยอะมาก (คือเห็นได้ชัดเจนเลยว่ารองรับไหม) ผมออกแบบมาเลยว่ามันต้องรันบน Chrome ครับ หลังจากนั้นผมไปรันบน Firefox แน่นอนว่าพัง เพราะผมใช้ Gears -- สมัยนั้น webkit ยังไม่มี html5 geolocation แต่พอปรับจนมันสามารถใช้งานได้แล้ว ก็พบว่า ประสิทธิภาพของ Firefox บนโปรแกรมผมนั้นเรียกได้ว่าไม่ต่างกับ IE8 บน app เบาๆ ของผม (หมายเหตุ: identica+twitter client ตัวนี้ผม optimize สุดฝืมือแล้วนะครับ เพราะรันบน webkit พอทวีตออกมาหลายร้อยจะมีอาการช้ามาก แต่ผมก็พบว่า optimize ได้ไม่เยอะเพราะรันอยู่บน jquery อีก ส่วนที่คิดว่ามันหน่วงก็นึก solution ใหม่ไม่ได้)

ผมเคยติด campaign ที่บล็อคนะครับ (นานมากแล้ว) "Support web developers, use WebKit"

illusion Fri, 04/06/2010 - 21:01

ขอบคุณครับสำหรับคอมเมนต์

แต่ผมไปทำอะไรให้คุณ?

ปล. พฤติกรรมเรียกร้องความสนใจ ก็ทำให้คนรังเกียจได้ครับ ฝากไว้ :)

soginal Sat, 05/06/2010 - 00:13

การกล่าวโจมตีบุคคลอื่น ด้วยเหตุว่าเขาโจมตีบริษัทสุดรักของคุณเนี่ย

ผมเห็นไอดีหายไปหลายคนแล้วนะครับ ระวังหน่อย

หรือคุณเป็นใครที่หายไป แล้วกลับมาเหรอ? แรงเหมือนๆกันจัง? หรือเป็นเอกลักษณ์เฉพาะกลุ่ม?

jirayu Fri, 04/06/2010 - 23:19

คุณดันไปรังเกียจค่ายผลไม้ไงครับ

เขาบูชายิ่งกว่าอะไรดี โถ่

แถม มุกเก่า : Kneel before your Jobs !!! (ถ้าเคยดู Stargate SG-1 น่าจะเข้าใจมุกนี้)

bongikairu Fri, 04/06/2010 - 21:31

เปลี่ยน User Agent ไปก็เข้าได้แล้วครับ แต่ก็ดูได้เท่าที่ Firefox ทำได้ในตอนนี้ครับ (อารมณ์ประมาณเดียวกับเว็บที่ใช้ full css3 หละครับ) จริงๆก็น่าจะปล่อยให้ทุก browser ลองได้แหละ แต่มาแบบนี้ก็แย่เหมือนกัน เรื่องนี้มันเป็นเรื่องของอนาคตหน่ะครับ (แต่ส่วน Qt นี่ก็ไม่ไหวจริงๆเหมือนกัน)

boatboat001 Sat, 05/06/2010 - 01:10

ไม่ต้องคิดมากคับ ผมใช้ Safari แต่เปิดหน้า VR ไม่ได้ซะงั้น คืองี้คับมาตรฐาน HTML5 กับ CSS3 เนี้ย มันยังไม่นิ่งคับ คนเลยกล้าๆกลัวๆกันอยู่ แต่ผมว่าอีกไม่นานหรอกคับ เดี๋ยวก็จะเป็นที่นิยมกัน ^ ^''

illusion Sat, 05/06/2010 - 17:37

ผมไม่เคยทำอะไรให้คุณนะครับ ต้องขอยืนยัน

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

หรือถ้าคุณให้ผมเลือกอาฆาตกับพวกแฟนบอยแอปเปิล ผมก็ยินดีครับ :)

ipats Fri, 04/06/2010 - 17:04

ลองบน Dolphin บน Spica (ตั้งค่าให้ปลอมตัวเป็น iphone) พอดูได้บางเดโม แต่กระตุก ไม่ลื่นไหล 555

modernkoro Fri, 04/06/2010 - 19:23

ใช้ใน chrome
ทำไมมันไม่ลื่นเท่า flash จะไหวหรอเนี่ย

เกม facebook เป็น html5 ทั้งหมดค่อยมาว่างั้นนะจ๊ะปู่จ็อบ ^_^

ภุชงค์ Fri, 04/06/2010 - 19:28

เยี่ยมมาก ลูกบอลชายหาดไม่หมุนเลย สมูทมาก

PiKO Fri, 04/06/2010 - 20:24

ดูบนเครื่อง P4 2.4GHz VGA Geforce 4MX
ค่อนข้างกระตุกนะครับ (สำหรับหน้าที่ไม่ต้องการ QuickTime)

เครื่องผมเริ่มแก่ไปสำหรับการเล่น Internet แล้วหรอเนี่ย

I3assy Fri, 04/06/2010 - 21:25

ทำไมดูหนังแล้วไม่มี estimate bar
แล้วเพลงปกติก็เล่นบนเว็ปได้อยู่แล้วหนิ่
รวมๆผมเฉยๆหมดอะ ยกเว้น VR ชอบมากกก ไม่เคยเห็นเลย
หรือมีแล้วแต่ผมไม่เคยเห็น !!

absolutex Fri, 04/06/2010 - 21:51

ปรกติถ้าเว็บที่ต้องการเคลื่อนไหวเล็กๆน้อยๆ ผมจะใช้ Jquery ส่วน Html5 ผมว่าน่าสนใจดีนะครับเอามาทำเป็น video player ก็ดีนะครับ ถ้าเป็น animation ต้อง Flash เท่านั้นครับ, ไม่มี Flash ก็จบ

Iterator Fri, 04/06/2010 - 22:29

ดูดีครับ ด้วยนัำพักน้ำแรง ของคนระดับ เก่งสุด ๆ ที่หาได้ยาก
และคนเก่งสุด ๆ เหล่านี้ ก็น่าจะใช้เวลาไม่น้อย

ลองให้ฝั่ง flash ทำให้เหมือนผมว่าเอามือระดับกลาง ๆ ที่หาได้ทั่วไป
ก็ทำได้แล้ว เครื่องไม้เครื่องมือก็มี tool editor ลากวางแป้บเดียวก็เสร็จ
ตัว source asset ที่เก็บได้

แน่นอนว่า บ ระดับใหญ่ ๆ ที่ทำเวปรองรับคนเป็นแสนเป็นล้าน
จะหาคนมาทำตรงนี้ได้ และคุ้มค่าที่จะทำและเค้าคงมีปัญญา ทำ framework
รองรับ ภายใน และหาคนดูแล ระยะยาวได้ ตัว digital asset
ที่เขาวางมาตรฐานไว้เองก็คงจะพอดูแลได้

ถ้าจะหาคนมาทำ banner ด้วย html 5 ตอนนี้ละก็คงไม่คุ้มค่า
ลองนึกภาพว่าคุณต้องเริ่มมาจาก javascript ส่วนคนทำ flash ลากวาง
ใส่ effect เขียน script ไม่กี่บรรทัดก็ได้แล้ว

แน่นอนเดี๋ยวคงมีคนทำ tool แนวเดียวกันบน html5 ออกมา หลาย ๆ บริษัทแข่งกัน
ซึ่งมันต้องมี layer ที่ทำให้ใกล้เคียงกับ งานที่จะประยุกติใช้ แต่มันก็หมายถึง
โอกาสที่ digital asset ที่คุณเก็บมีโอกาสที่จะเสื่อมค่าลง

Thaina Sat, 05/06/2010 - 00:07

ลองให้ฝั่ง flash ทำให้เหมือนผมว่าเอามือระดับกลาง ๆ ที่หาได้ทั่วไป
ก็ทำได้แล้ว เครื่องไม้เครื่องมือก็มี tool editor ลากวางแป้บเดียวก็เสร็จ
.
.
.
แล้วกดปุ่มเดียวก็กลายเป็น HTML5 ออกมาได้
ก็จบแล้ว

Iterator Sat, 05/06/2010 - 00:18

ครับแบบที่เราเคยสนทนากันไว้นั่นแหละ แล้วเก็บ asset เป็น flash source แบบเดิม
มีมาตรฐานตัวเองอยู่แล้ว

จะทำ flex บน html5 แนวเดียวกับ java gwt => javascript

ยิ่ง หลัง ๆ ฝั่ง Adobe เก็บ องค์ความรู้ในการ ทำ native compile มาแล้วด้วย
( ก็ apple นั่นแหละ ไปบีบบังคับให้เค้าต้องพยายาม ทำ AIR -> iphone ถึงที่สุดก็ยังไม่ยอมให้ผ่าน )
ผมว่าเค้าคงเริ่มทำอยู่แล้วครับ สำหรับ html5

Lamento Fri, 04/06/2010 - 22:33

"Standards aren't add-ons to the web. They are the web."

ไอ้ศาสดาขี้ซุยโม้ตามเคย มาตรฐานเว็บไม่มี add-ons บ้านคุณอะ ถุ้ย!
มาบังคับแต่ safari+quicktime ตัวเองจะผูกขาดเองสิไม่ว่า..

t*-t*

dq-pb Sat, 05/06/2010 - 00:29

ถ้าลงตัวอื่นที่ใช้ H264 ก็ได้เหมือนกันครับ
ถ้าคุณเข้าเวปของ Apple จะให้เค้าแนะนำ K-lite หรือครับ ???

อัพเกรด CPU+Ram สมองหน่อยครับจะได้ประมวลผลดีขึ้น

mr_tawan Sat, 05/06/2010 - 02:51

ใจเย็นครับ - -'

ตรงนี้เป็นเรื่องของข้อจำกัดของการพัฒนาซอฟท์แวร์น่ะครับ คือ เอ้อ ... Apple เค้าพัฒนา Browser สำหรับเครื่อง Mac ของเขา ซึ่งมันก็จะมี Quicktime (และ iTune ...) ดังนั้นเวลาเค้าต้องการจะทำอะไรเกี่ยวกับ Multimedia เขาก็ใช้ Media Player ของเขาไป (แทนที่จะทำใหม่)

ทีนี้ด้วยเหตุผลที่ว่า Apple (ก็คงจะ)ใช้ source ชุดเดียวกันบน Mac และ Windows (อาจจะต่างกันนิดหน่อย) มันก็เลยมีโค๊ดส่วนที่เรียกใช้ QuickTime ติดมาด้วย (แน่นอนว่าเค้าคงไม่เขียนเพิ่มให้มันรองรับ WMP เพราะมันใช้บน Mac ไม่ได้ และ Windows ก็ไม่ใช่สมรภูมิหลักของ Apple) ก็เลยต้องใช้คู่กับ Quicktime กระมัง

พูดก็พูดเถอะ การติดตั้ง Safari (และผลิตภัณฑ์อื่น ๆ ของ Apple) บน Windows นี่มันเป็นหายนะครั้งใหญ่ของระบบเลยนะครับ ถ้าไม่รักกันจริงไม่แนะนำให้ใช้ด้วยประการทั้งปวง 555

jirayu Sat, 05/06/2010 - 03:08

ผมว่าข้อความมันยังชวนให้นึกว่าใช้ได้เฉพาะ QuickTime อยู่นะ

น่าจะเปลี่ยนข้อความสักหน่อย เช่น

This demo contain H.264 video. You have to install H.264 Codec to view this content. We recommend QuickTime.

อะไรอย่างนี้ อาจจะลดเรื่องการโดนเข้าใจผิดว่าใช้ได้เฉพาะ QuickTime ได้

EThaiZone Fri, 04/06/2010 - 22:47

Photo Transitions ใช้งานจริงคงไม่ได้ Adsl2M อย่างผมยังต้องรอโหลดภาพเลย กับไปทำกับ javascript สั่งโหลดล่วงหน้าดีกว่า

lew Sat, 05/06/2010 - 02:45

ผมเชื่อว่ามันควรมีครับ

เป็นการทดสอบฟีเจอร์ก่อนเสนอเข้าเป็นมาตรฐาน

ปัญหาคือนักออกแบบนั่นล่ะครับ ไม่ควรใช้ฟีเจอร์พวกนี้ในเว็บที่เปิดกว้างต่อสาธารณะ (ถ้าเป็นเว็บในหน่วยงานที่กำหนดเบราเซอร์ตายตัวนั่นก็อีกเรื่อง)

c.nikorn Sat, 05/06/2010 - 06:49

:) ใจเย็นครับพี่น้อง

ผมว่าดูได้ทุกเบราเซอร์แหละครับ เพียงแต่ว่าถ้าเข้าหน้าแรกจะถูกดักไว้ให้โหลด ซาฟารีมาลง

ลองคลิกนี่นะครับ

http://developer.apple.com/safaridemos/showcase/threesixty/
http://developer.apple.com/safaridemos/showcase/typography/

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

ไม่ได้เข้าข้างแอปเปิลนะครับ แต่ HTML5 น่าสนใจมากครับ สำหรับคนทำเว็บ

xeroes Sat, 05/06/2010 - 09:20

ภาษา HTML เป็นภาษามาตรฐานครับ
น่าจะเป็นที่ web browser ที่ใช้ไม่รองรับภาษามาตรฐานมากกว่า

jirayu Sat, 05/06/2010 - 22:19

HTML5 ยังไม่ออกมาเป็นมาตรฐานนี่ครับถ้าจำไม่ผิด

เป็นแค่ ร่าง

khajochi Sat, 05/06/2010 - 10:30

ต้องใช้ safari นะ .. บางอันยังต้องใช้ safari บนแมคอีกตะหาก -_-"

แต่เข้าใจว่าต้องการโชว์หรือผลักดันอะไรให้ชาวบ้านดูแหล่ะนะ

pongcx Sun, 06/06/2010 - 02:13

แนวคิดของ Apple คือสร้างใหม่ๆดีมั่งไม่ดีมั่ง ถ้าดีก็มีคนสร้างตามครับ
แต่ถ้าใครกระโดดเกาะช่วงยอดคลื่นได้ทัน คนนั้นก็กำไรสูงสุดครับ