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。網頁開發者早已不再是渺小、極為特殊的族群。

未完待續…

參考資料
原文取自 Chris Heilmann: HTML5 mythbusting
原文網址:https://hacks.mozilla.org/2012/11/html5-mythbusting/
HTML5 流言終結 (Part 1): http://blog.mozilla.com.tw/posts/1409/

您可能也會喜歡

目前找不到相關文章

共 1 則讀者回應

  1. 參照: HTML5 流言終結 (Part 3) | 訊息中心 | Mozilla Taiwan

對此文章發表回應

你的電子郵件位址並不會被公開。 必要欄位標記為 *