Microsoft TechDays 2011:HTML5 應用程式開發簡介

星期四在 Microsoft TechDays 2011 給的演講,介紹使用 HTML5 開發網路應用程式的入門。

TechDays 這個大會比較適合企業 IT 決策人員,多半的議程都在介紹各種解決方案,技術議程算是其次。HTML5 與 Web 技術終於成為 Microsoft 的主要解決方案之一;尤其是星期三的 Build Windows 2011 Keynote 看到 Windows 8 這平台示意圖:

還有 Metro-style App 在 Visual Studio 2011 Preview 竟然跟 PhoneGap 一樣,是標準的 HTML Web App,用 window.Windows.{Storage|...} 來存取 Windows Runtime API,真是令人感慨萬千呀 …(裝老)

總之,Web 最終的程式平台,Web Tech 是真正的跨越所有平台的程式開發模式。你要加入我們嗎?

COSCUP 2011 網站手機版

這篇文章是給 Mobile App 比賽的介紹。

COSCUP 2011 網站帶有 Responsive Design 概念的 Media query CSS,在手機上網站會套用手機使用的 CSS 版面:

整個畫面的 CSS 重排;右方的贊助單位 Logo 隱藏,改成隨機顯示贊助單位於標題下方。贊助單位頁面有所有的贊助單位。

議程表格使用 CSS 將 <table> 原有的樣式拿掉。「目前議程」的按鈕可以在大會期間快速跳到目前正在進行的議程:

原本網站展開的議程詳細資訊的顯示方式如下圖:

在 iOS 上,網站可以被加到 Home Screen:

從 Home Screen 啟動會進入全螢幕模式:

結語

COSCUP 2011 網站的設計目標是在同樣的網址,同樣的靜態 HTML 上面在桌面與手機均提供最好的體驗。在手機上,希望能夠用類 Web App 的形式展示手機使用者即時需要的內容。沒有在前端技術上很複雜的去做議程篩選、離線瀏覽等等,不過那些都是 Web App 的潛能。使用 Web App 的形式也能實現真正的跨平台——只要有瀏覽器的手機皆能執行操作。

希望大家會喜歡。

最後,感謝 COSCUP 2011 網站組團隊的協助,尤其是魏藥在後端內容管理上的開發。

來源請求.js

很早以前就想講了,但講了大概又會被戰。相較於英文維基百科,中文維基百科在社會和歷史條目充滿了 systemic bias。但是那些主觀論述又不是編輯者有意加進去的,而是某種編輯者存在的社會所給予的暗示(Inception?)與集體共識,而不是原本百科全書應該有的可驗證的事實。因為是暗示又是共識,所以有自覺的百科編輯者反而是少數;中文維基只好長成現在這個樣子了。

總之我昨天還是在噗浪上提了,還被協會的人看到 XD。想想作為一位 Web Developer,我還是用寫 code 的方式來貢獻維基百科好了,別花時間跟別人吵架好。

所以,來源請求.js到底是幹嘛的呢?這是一個可以安裝到 Wikipedia 帳號的 User Script,安裝之後,每次在文章裡面選一段文字,旁邊就會出現 [citation needed] 按鈕,按下去確認之後就會自動編輯文章,加上「[來源請求]」的標記。

安裝方法是,登入之後到 Special:MyPage/common.js 頁面,編輯插入下列程式碼:


importScriptURI(
    'https://raw.github.com/timdream/citationNeeded.js/master/citationNeeded.min.js?'
    + Math.floor((new Date()).getTime()/1000/60/60/24).toString(16)
);

安裝之後,下次在維基百科上看到有什麼需要引用來源的資料,只要選起來,按游標旁邊的按鈕,「來源請求」標記就會自動被加上去。

至於維基百科何時能夠解決這個問題呢?我想等到「抗日戰爭」這個條目的名稱被改掉那天之後才有可能吧。噗浪上大家的 comment 值得一讀。

Wikipedian Protester

(via xkcd)

還有,這個 script 只花我 1 小時查資料跟寫功能,但是又花 1 小時完善 UI,2 小時寫文件(含這篇)。是有沒有這麼閒 orz