[Windows市集應用程式] 解構「格線應用程式」(Grid App) 範本 – 使用JavaScript

說明 開啟Windows市集應用程式的開發工具之後,可以看到內建的應用程式範本有一個「格線應用程式」(英文版是 Grid App) 的專案範本,這個範本是一個最基本以 modern style 設計的app範本,不過範本預設會產生不少程式碼,本文將逐一解構這個範本的結構,讓使用此範本開發的開發人員能夠更快上手。 本文以 JavaScript 版本作介紹。C# 的版本請參考這裡。 索引 範本做了什麼 範本產生的檔案 如何開始客製化 程式的進入點 客製化資料 首頁 群組頁面 資料細節頁面 補完計劃 範本做了什麼 格線應用程式是一個三層式的頁面架構,它最適合用來顯示一系列具有分類 (同一分類的資料為同一群組) 的資料,像是按照不同口味分類的菜單、食譜,或是不同類型的商品,也可以是按照隊伍區分的少女團體等等這類型的資料。 這個 app 的第一頁就是按群組分類的資料顯示,如下圖所示: 首頁 – 資料按群組排列 這頁可以看到資料按照群組 (group) 的方式排列,每一個群組有一個群組名稱,如果以滑鼠點擊 (或是觸控) 群組名稱 (如圖中的 Group Title 1 >) 之後,App 便會進入到第二頁 – 該群組的頁面: 群組頁面 – 顯示群組資料 在群組頁面裡,可以看到最前面的區域是顯示群組的內容,接著後面再擺放該群組內的資料,比起首頁來說,每個資料顯示更多的訊息。而不論是從首頁,還是群組頁面中,點擊任何一個資料都會進入資料細節頁面: 資料細節頁面 – 顯示資料完整訊息 資料細節頁面當然就是最完整呈現該資料最完整的內容囉,而在這一頁按下返回的箭頭,就會回到首頁或是群組頁面,端看是從哪裡進入的。 而此格線範本還針對「貼齊畫面」(snapped…


成為一個摩登網站開發人員 (Modern Web Developers): 雲端儲存篇

網站開發的過程中經常會處理資料儲存的工作,像是檔案的上傳下載、儲存 session 資料或是工作/訊息佇列等等,在尚未雲端化的網站應用程式中,常會使用伺服器環境的檔案系統 (不論是本地端或是透過網路掛載的磁碟機) 來處理檔案存取,但是這樣的架構某種程度限制了網站應用程式的擴充 (像是要如何讓檔案系統的資料同步、而且能讓不同的伺服器能共同使用等等),雲端儲存服務便成了讓網站應用程式雲端化的第一步。 使用雲端檔案儲存的架構之後,便不必煩惱磁碟機,甚至也毋須擔心檔案資料備份、以及從世界各地存取頻寬的問題。 目錄 雲端檔案儲存 其它雲端儲存 雲端檔案儲存 很多雲端平台都提供了檔案存取的服務,一般都會以「Blob Storage」的名稱來提供服務。Windows Azure 也提供了 blob storage 的儲存服務,網站開發人員,不論使用什麼樣的程式語言 (e.g. .NET, PHP, Java, Python, Ruby, NodeJS, …) 都可以透過 API 的介接來使用 blob storage,而且也提供了下列幾種語言的 SDK 讓你更方便存取 blob storage。 Windows Azure SDK for .NET 4 Windows Azure SDK for PHP Windows Azure SDK for Java Windows Azure SDK for…


我愛微笑單車 Windows Phone App 開發心得分享

最近一方面為了自用,另一方面為了實驗新的 Windows Phone Store 的開發後台,所以做了一個「我愛微笑單車」(英文版: I Love YouBike) 的 Windows Phone app,同時支援 WP7 及 WP8,雖然還有很多功能沒做完,不過應該可以把我完成這個 App 的心得分享給大家。 同時支援 WP7/WP8 的問題 若您在 Windows Phone 7 時期就已經開發過 Windows Phone app,那不論是否有更新 app 或是特別對 WP8 做新的版本,WP8 的使用者還是能夠在市集裡找到你的應用程式,並且安裝來使用都不會有什麼問題,而且 WP7 的 app 即使不做任何的調整,由於 WP8 機器效能不錯,執行這些 WP7 app 甚至感覺變快了不少,硬要說有什麼美中不足的地方 (先撇開不能用 WP8 的新功能),那就是解析度的小問題了。 在 WP7 時代,所有的 Windows Phone 手機的螢幕解析度都是 WVGA (800×480),不過到了 WP8 之後,系統除了…