Posts Tagged ‘HTML5’

品味 / 絕地武士們,Google 把手機變成光劍了,快來擊敗帝國軍

December 18th, 2015

Lightsaber Escape

歡迎來到週五的「品味」專欄,在這裡,我分享我看到的種種美好

為了與星戰迷們一起慶祝第七集電影上映,Google 近期一連推出了幾個星戰小彩蛋。

首先,在 Google 搜尋「A long time ago in a galaxy far far away」,整個搜尋結果頁面會變成星戰開場的片頭樣式。

Google a long time ago in a galaxy far far away

接著前幾天,Google 又推出網頁小遊戲「Lightsaber Escape」,只要連上手機,就能用它來控制電腦螢幕上的光劍,與帝國軍的小兵們作戰。

Lightsaber Escape

我覺得這個遊戲玩起來的體驗,非常的精妙。首先它不需要下載任何軟體,直接用 Chrome 瀏覽器就可以執行,且手機透過 HTML 5 程式遠端連線控制的反應,居然一點也不輸給原生 App 的反應速度。另一方面,由於螢幕與手機都可以發出聲音,所以同時間你可以感受到電腦發出的整體場景音效,以及手機發出的光劍動作的音效,有非常高的身歷其境感。

無論你是不是星戰迷,都該去體驗一下

___

歡迎在 Instagram 上追蹤我在生活中抓取的美景

從 Netflix PS3 導出 Web 3.0 的「先HTML5、後原生」策略

December 6th, 2010

先前說過我們已經開始進入「後 PC 時代」,因此 Web 3.0 應用服務必須要走到各種不同的平台上,來滿足消費者不同時間、地點、場合的需求,而其中「先行動」又是一個我們強力推薦的策略。

好,現在你已經決定了要「先行動」,接下來還有什麼要思考的呢?最重要的大概就是 HTML5 與原生應用 (Native Apps) 之間的選擇。之前我們聊過大神喬依‧休維特的觀點,也從中間延伸出來「原生」所提供的使用經驗,將永遠領先 HTML5 的結論。

由此可見,提供原生的應用程式,好運用每一個平台上的特殊功能,來提供給使用者前所未有的體驗,應該是你最終的目標。但,在那發生之前,你該怎麼朝那個方向前進。請再看看這篇文章的標題,沒錯,我要說的是,你必須要從 HTML5 開始。

不只跨平台

這不是我發明的概念,其實很多人已經在這樣做。從早期的 TwitterFoursquare 到最近的 PicplzJiepang,大家都選擇先做 HTML5 版本,然後再開發原生的應用程式。不過我先前一直認為這樣做的好處是因為 HTML5 可以跨平台,所以做一次工就可以讓 iPhone、Android 都可以使用。直到昨天我讀到 Netflix 網誌上一篇關於他們新版本 PS3 應用的文章,才提醒我事情沒有這麼簡單。「先 HTML5」不但有跨平台能力,還有以下的這些好處。

立即更新

HTML5 的「應用程式碼」是在使用的同時,才從「雲端」上下載下來。所以開發者隨時都可以更新,不需要經過惱人的審核機制,也不需要等三個禮拜卻不知道下文。這點完全符合一支應用開發初期的「精實創業」需求,也能讓你的應用程式更快的反應市場的需求,貼近消費者的喜好。

開發快速

大多的網路開發者都具備很強的 HTML/CSS/Javascript 能力,雖然 HTML5 多出了許多新東西,但是學起來是相對快速的。所以和重新學 iOS 或是 Android 的原生開發環境相比,HTML5 的上手速度,就顯得優勢許多。

實驗成本低

我們都知道,一個新服務開發的初期,實驗性質很濃厚,因為你不知道消費者是否真的有這樣的需求。既然是實驗,成本如果能夠壓得越低,對於團隊來說風險也就越低。而 HTML5 好上手的優點,相對的就可以滿足這樣的需求。

更快的「後桌面」

最後,雖然說大家要走「先行動」,但是總有一天必須要回到桌面。這時,如果已經做好一個完整的 HTML5 網站,只需要稍稍調整使用經驗和使用介面 (UI/UX),就可以推出桌面版本,也是先 HTML5 的好處。

所以說,以上,就是為什麼在 Web 3.0 時代開發行動應用,你必須要走「先 HTML5」策略的原因。當然好處不只這些,歡迎大家補充。而如果你要做的是某些特定的服務,或許大部分程式使用 HTML5 之外,你還是必須要加入一些原生的程式,例如:照相、地點、背景下載等等。但這樣的思考邏輯,尤其是更新速度的比較,值得你們好好思考,加油!

(Pic via playstation.com)

iPhone App Store 大受歡迎的幕後秘辛 與網路的未來又有什麼關係?

May 5th, 2010

我不知道你有沒有注意到,在現行的各種“運算裝置 (computing devices)”上 — 這包括了桌上型、筆記型、智慧手機和 iPad 等等,其實都至少有兩個執行應用程式的環境。一個是大家都有,(一般來說) 可以共通的“Web 平台”,也就是透過瀏覽器來執行的各種網路應用,例如:Gmail。另一個則是每種機器上都有點不一樣的專屬平台 (proprietary platform),也就是透過作業系統來執行的各種原生程式 (native apps),例如:Outlook。

一般來說,大家都認為 Web 應用是未來,因為他有許多好處,像是免安裝、免升級、資料有共通性、不會被某台電腦綁死等等。但是,在網路應用“突飛猛進”了十多年之後,我們卻始終無法離開原生平台 — 最好的例子就是 iPhone App Store 瘋狂受歡迎的程度。發表不到兩年,這個蘋果的手機的原生應用市集,就已經累積了 20 萬種的應用,和超過 40 億次的下載

你或許會說,App Store 能得到這麼多的開發商青睞,這麼多的使用者採用,都是因為 iPhone 本身的熱賣的關係。然而,就像我一開始說的一樣,iPhone 上面也有 Safari 瀏覽器,最近還加上了 Opera,都可以執行 Web 應用,甚至還不用經過 Apple 的層層審核,額外的剝削,根本就是一道寬敞的後門。然而,為什麼有這麼多的應用開發商,卻捨棄 Web 不用,全都跑去寫原生程式呢?問題顯然不是那麼簡單。

你還可能說,App Store 方便的付費管道,讓開發商更願意使用。然而 Web 上也有許多好用的付費機制,像是 PayPal、Amazon Payments 和 Google Checkout 等等,且手續費比 App Store 更加低廉,所以這也絕對不是原因。

而真正的原因,其實跟開發的環境比較有關,就是當你寫一個基於 Cocoa 環境的原生 iPhone 程式,你可以做到的事情比一個基於 HTML/CSS/Javascript 的 Web 應用,來得多太多了。用 Cocoa (iPhone OS 和 Mac OS X 上的開發環境),你可以呼叫 iPhone 上的各種特殊功能,像是 3D 引擎、語音輸入、多點觸碰等等等等。但是如果用 Web,你就只能使用 Safari 有支援的少數陽春功能組合。

在了解了這點之後,你就知道為什麼北美網路工程師界的大神 — 喬依‧休維特 (Joe Hewitt),最近這麼忿忿不平了。至於還不知道喬依是誰的人,請容我簡短的介紹:喬依是 Netscape、AOL、Firefox、Firebug 等著名軟體的主要開發者,他最近最有名的作品,則是狂受歡迎,被下載超過 5 千萬次的 Facebook iPhone App。所以,如果說要把這世界上的工程師,用他們寫的軟體改變了多少人的生活來排名,那喬依不是第一名,也絕對是前幾名。而就像 TechCrunch 在上面連結的文章裡說得一樣,當喬依抱怨的時候,就是大家該認真注意的時候。

在今天讀完喬依的抱怨後,我才恍然大悟,他說得真對,原來網路產業問題的核心,根本就不是 Flash,也不是 iPhone OS,更不是蘋果。原來,制定 HTML/CSS/Javascript 等網路應用標準的機構 W3C,才是這其中的罪魁禍首。如果 W3C 創新的速度夠快,趕得上時代的潮流,那我們從一開始就不會需要 Flash 播放器,也不會需要 Cocoa 環境,更不會有什麼封閉平台的問題。如果 W3C 有把他們的工作做好,那我們早就該進入 Web OS 的時代,可以任意的轉換電腦,根本不用擔心被任何機器、任何公司綁死。

問題就是 W3C 是個非營利組織,是一個被大公司挾持,需要取得各方妥協的官僚機構。所以,短期內,我們根本沒辦法期待他變成一個有效率、有組織、可以快速反應市場需求的機構。而最好的例子,就是 W3C 最新推出的 HTML 5 標準。理論上,這樣的一個新標準應該是時代的標竿,但可悲的是, HTML 5 能不能取代十年前就已經出現的 Flash 技術,都還可以成為各方爭辯的話題。這種時候你就知道, W3C 創新的速度有多麼的緩慢了。

所以,如果從這樣的層面去觀察,我們想我們可以得到以下的結論:

  1. Web 應用將很難成為網路的全部未來 — 他絕對會是網路的部分未來,但很難成為全部。
  2. App Store、Android Market 將繼續發燒 — 提供裝置上原生應用的環境,由於創新的速度會比 Web 快,所以將會持續的推進,讓 Web 應用無法追趕。
  3. Chrome OS 將會失敗 — 基於這個 Google 開發的全瀏覽器作業系統,所開發出來的行動、平板裝置,由於沒辦法有原生應用,將會在應用的品質上,大大落後 iPad 和使用 Android OS 的其他裝置,所以終將失敗。

我想這些趨勢,對於網路創業團隊發展的決策,絕對非常重要,我希望大家多方去了解,多多思考。如果你有不同的想法,也歡迎留言讓我知道。加油!

(Pic via joe.hewitt.usesthis.com)

©2020 MR JAMIE.
網站由 Allen Hsu 設計 | Logo 動畫由 Wen Chen 完成