HTML5 流言終結 (Part 2)

HTML5 沒有充足的開發者環境

HTML5 有一點常被人提起，那就是「HTML5 缺乏開發工具」。但有趣的是，這句話通常是從幫開發者購買軟體工具的人口中聽到，而非開發者本人；出錢的人希望提高開發效率，但常忽略開發者應 自行決定合適的工具。

HTML5 的核心便是 Web，也已經有很多優秀的開發環境能夠打造 Web 程式。我想再次強調，主要的問題是在於人們對 Web 的誤解，人們通常不會做一個在每個平台看起來或用起來都一樣的產品，這樣形同剝奪了 Web 的核心優勢；人們會做一個讓人人都可以使用，但在目標平台上效能表現非凡的產品。因此，打造一個開發環境需要一整套工具，而非一個工具走遍天下，這其中也取決於你要做什麼，用多個工具一起做，還是用一個工 具做。

Web 作為媒體很成功的一點是，你不需要懂程式開發，也可把內容放上網路。你可用部落格平台，像 CMS 或其他簡單的文件編輯軟體，開始做自己的 HTML 文件。在逐漸成為開發者的過程中，你會發現越來越多好用的開發工具，以及有助提升開發效率的工具，但沒有單一個工具可以凌駕或取代其他工具。有些開發者慣用 IDE，如 Visual Studio 或 Eclipse；有些喜歡所見即所得的編輯器，如 Dreamweaver；大部分的開發者都使用文字編輯器或其相似的工具，如 Sublime Text、Notepad ++、VIM、emacs (Linux 電腦)等，這些都是可以使用的工具，目前也有無數的開發者採用。

講到除錯和測試時，Web 開發者近來可說是十分幸運，因為現代的瀏覽器不單只是瀏覽工具，也同時可提供除錯和測試。從 Firefox 中的 Firebug 附加元件可以動態編輯更動網頁開始，再到 Opera 的 Dragonfly 以及 Safari、Chrome 的開發工具等，現在的瀏覽器都有許多專為開發者打造的功能。此外，各家也跳脫單純的除錯概念，推出更多的開發工具讓開發者自行選擇。

遠端除錯是現有的另一個選項，開發者可以藉此從開發用桌機直接修改手機上的程式，不必像從前得經過一連串撰寫、傳送到手機、載入、測試、除錯、反覆測試等步驟才能完成除錯，大大節省不少開發的時間。

針對偏重視覺取向的開發者，Adobe 最近釋出了 Edge suite，即是利用所見即所得的方式開發HTML5，其中包括從 Photoshop 移植來的拖放 (drag and drop) 功能。

針對 Web 上線這件事，Google 最近釋出了 Yeoman 專案，此專案讓 Web 開發者處理發佈超簡單，只要跟著步驟就能順利運作！Adobe 的 Edge Inspect 和 PhoneGap 讓開發變容易，一次可以在不同的裝置上測試，還可以直接把 HTML5 Apps 封裝成可在 iOS 和 Android 平台上架的原生 Apps。

總而言之，HTML5 上沒有固定的開發環境 — 這就是 Web，一個你可 以自由選擇合適工具的地方。

HTML5 可以、而原生 App 做不到的事情

本質上，許多存在於 HTML5 的迷思，是把「專為某平台設計、測試的東西」與「某平台支援的東西」相比而生。如果比較快艇跟氣墊船的效能，也會產生差不多的狀況。更有意思的角度，是看看 HTML5 吸引開發者及一般使用者的地方，然後檢視原生應用程式怎麼與之相較：

• 一次撰寫，隨處散佈 – HTML5 在瀏覽器中執行，平板或桌機上都有，也可以轉換為支援 iOS 及 Android 的原生程式。這點其他選項難以做到。

• Ÿ以 Web 分享 – 由於 HTML5 App 有 URL，不但搜尋網路時可以找得到，也能以 Web 的方式分享連結。你不必然得上某個商城在擁擠、受限的環境中尋覓，而可以使用現有推廣 Web 內容的方式來直接推廣 HTML5 Apps。越多人喜歡、提供連結到你的 App，就越容易被人看見。

• Ÿ以廠商有所共識的標準打造 – HTML5 由一些打造當前 Web 環境的公司所促成，並非單一廠商主宰一切，不會因一個廠商的因素就讓事情產生你不喜歡的變化。

• Ÿ數百萬開發者 – 過去一年在網路上做過某些東西的開發者，都已經可以投入撰寫 HTML5 App。網頁開發者早已不再是渺小、極為特殊的族群。

未完待續…