KKTIX / Google Spreadsheet / Mac OS dashboard 快速製作

COSCUP 2015 Workshop 採用 KKTIX 報名，場次不少，我們自然也挺關心每個場次的報名狀況（關係到我們是否要針對特定族群再加以宣傳）。由於每場的 KKTIX 活動頁面都選用同樣的佈景主題，也都公開顯示報名狀況，於是即使沒有提供 API，也可以很容易用 Google Spreadsheet 的 ImportXML 函式快速製作出綜合每個場次報名狀況的一覽表。

ImportXML 可以接兩個參數：

1. 要讀入的 XML 網址
2. XLink query，用以指明需要顯示的資料

以迅速爆滿、由 d3js.tw 成員慕約帶來的「第一次自幹 Open Data SimCity 就上手」為例，其網址為 http://coscup2015.kktix.cc/events/opendata-simcity ，而查閱原始碼可知，記載人數的 node 為「<span class="info-count">」的內容，於是 XLink 就可寫作 //span[@class='info-count'] 。

那麼只要在 Google Spreadsheet 的某個儲存格打入下列公式：

=IMPORTXML("http://coscup2015.kktix.cc/events/opendata-simcity", "//span[@class='info-count']")

就會讀入現有的報名人數及總名額，接著再用一些文字操作的函式，也就能順利把數字部分都讀出來。於是只要搭配一點點變化，就可以做出這樣的表格：

另外再做點美化，發布為 HTML 後，就成了人人可看的狀態一覽表：

其實若要自己看，也不盡然得發布為 HTML，但發布後搭配 Mac OS 的 Safari 「在 Dashboard 裡打開的功能」，那就能把這個頁面變成方便查閱的 Dashboard 小工具了：

Google Spreadsheet 還有另外提供 ImportHTML 這類的函式，但主要是用來讀取表格；如果像這種只要取幾個節點或一份清單的狀況，有鑒於 HTML 也是一種 XML，Google Spreadsheet 可以正確讀入沒有問題，還是 ImportXML 會方便點。

不免俗也是要廣告一下：COSCUP 2015 Workshop結合 15 個社群傾力演出，陣容堅強內容充實，絕大部份為免費參加。歡迎大家一起來唷 :)

Firebug 頁籤文字太小的繞路解法

只有在 Windows XP 加上新細明體會出事，整個頁籤文字會小到難以辨識，差不多像這樣：（圖片來自 issue 4489 comment 38)

翻了一下 Firebug 的 issue list，似乎目前卡在 issue 4696；Dark 也寫了篇筆記教人怎麼改 Firebug 的安裝檔以便暫時繞過這個問題。不過改安裝檔雖然能解，每次 Firebug 升級時又要再修一次也是麻煩。這邊提供一個 userChrome.css，下載後放進個人設定檔資料夾裡的「chrome」中就可以了。雖然治標不治本，聊勝於無。詳細步驟如下：

1. 下載 userChrome.css 備用
   
2. 打開 Firefox 你所使用中的個人設定檔資料夾。不知道在哪裡的話，請從選單的「說明 > 疑難排解資訊」頁面裡按下「開啟所在資料夾」鈕。
   
3. 開啟個人設定檔資料夾後，進入其中的 chrome 資料夾。如果這個資料夾不存在，就自己建立一個。
   
4. 將剛剛下載的 userChrome.css 丟進去 chrome 資料夾裡。如果資料夾裡已經有同名的檔案，則開啟原先存在的 userChrome.css，把這行 CSS 碼貼在最後面以後存檔：

   .innerToolbar, .panelTab-text {font-size-adjust: 0 !important;}




5. 重新啟動 Firefox
   

因為治標不治本，所以不能視為已經解決了這個問題，只是至少升級時也不必再修改了就是。待以後 Firebug 有所更動，或許可以把這個檔（或你剛剛自己加上去的 CSS 碼）砍掉。至於這個 userChrome.css 是幹嘛的？可以看一下 Mozilla 的舊版自訂文章，這可是從 Mozilla Suite 時代就存留下來的自訂法。

Link Mozilla F1 with Ping.fm

I use Ping.fm to cross-post my updates between Twitter, Plurk, Facebook, and Status.net. Unfortunately, Mozilla F1, the latest experiment from Mozilla Labs which focus on sharing URLs, is not support Ping.fm (yet.)

So how if I really wanna use Mozilla F1 to share URL across services? Simple, just link F1 to your Gmail or Y!Mail account, and send message to your Ping.fm posting email address, that's it! It might not that straightforward, but kinda of a lifesaver workaround. You might also want to add the Ping.fm address to Contact in Gmail first, in order to auto-complete the address in the To field.

Remember to put your additional message in the mail body, since Ping.fm will ignore your message subject.

隱藏發佈後之 Google 試算表的某些資料

這篇是我寫在 HappyMobs Wiki 上的文件，歡迎到那邊協助補完

---

用 Google 表格 (Form) 做網際連署等表單時，常會遇到以下需求：

1. 最好可以即時公佈有哪些人已經參與連署
2. 最好可以隱藏一些隱私欄位 (例如 email、電話等)

很可惜，需求 2 目前沒有很好的解法，至少現在是這樣。

解決方案

目前沒有很好的解法，但還是可以用笨方法解。以下是幾種笨方法、及其副作用的介紹。

For programmer: 或許這可以利用伺服端程式藉著 API 存取 Google 試算表後再顯示出來，但目前似乎並沒有人寫這玩意。如果你有寫了、或是有找到這類解決方案，歡迎協助編輯這份說明。

Google 試算表裡的「隱藏欄」

副作用：對會 HTML 的人來說等於沒隱藏。

最簡單、也最不推薦的方法，便是先在 Google 試算表裡選取某欄、然後按滑鼠右鍵選擇「隱藏欄」，接著再發布。但這種方法只是把該欄位在視覺上隱藏起來，其發布的網頁原始碼中仍含有那些隱私資訊，對於 會用 HTML 的人來說等於沒有藏。因此，真正私密的資料不建議用這種方法。

發佈「影文件」

副作用：需要人工手動進行，耗時、無法動態即時更新。

說穿了就是把資料內容「複製」到另一份試算表，刪去隱私資料後再發佈那份「影文件」，這樣可以確保發佈後的東西安全。

以下假設有一試算表 A 需要發佈並隱藏其中的隱私資料，將複製的步驟說明如下：

1. 開啟試算表 A
2. 點選 Google 文件介面中的「檔案＞建立副本」，副本試算表的名稱請自訂 (在此以「B」為例)。
3. 刪除試算表 B 中的隱私欄位
4. 發佈試算表 B，並以試算表 B 的發佈網址為公佈名單網址。

如果你是想分享(而非發佈為 HTML) 給其他使用者，記得你刪除的資料依然會在「檔案＞修訂版本資訊」裡出現，所以變成是要先在試算表 A 裡刪除敏感資料、複製出試算表 B 後，再行復原試算表 A 剛才刪除的資料。進行這樣的動作之前，請先取消試算表 A 的「表單＞接受回應」，待資料復原後才打開。

日後要更新時有兩種方案可選：

同試算表、新版本

1. 開啟試算表 A
2. 點選 Google 文件介面中的「檔案＞匯出＞ xls」，這樣你會下載一個 MS Excel 檔案，在此例為 A.xls
3. 以硬碟上的軟體 (MS Office 或 OpenOffice 皆可) 開啟 A.xls，刪去敏感資訊後存檔
4. 回到 Google 文件，開啟試算表 B
5. 點選 Google 文件介面中的「檔案＞上傳新版本」，接著選取硬碟上的 A.xls 上傳

這麼做的優點是發佈的名單網址 (試算表 B 的發佈網址) 不會變動，缺點是需要硬碟暫存、不方便在公用電腦等地使用。步驟 3 也可以先省略、待步驟 4 與 5 都做完後再直接用 Google 文件編輯，但若要這麼做請記得先取消「有變更時自動重新發佈」，免得把還沒刪除敏感資料的版本送出去。

新試算表

非常簡單，只要按著原來複製出試算表 B 的步驟再從試算表 A 衍生出試算表 C、試算表 D 等等徒子徒孫就可以了。缺點是發佈名單的位置會經常更動 (因為你每次更新的時候真正發佈的試算表都不一樣)。

其他連署方案

由於隱藏 Google 文件表單資料中的隱私資訊如此麻煩，若您真的很需要即時、方便的連署功能，建議採用 Zoho Creator 等其他連署方案，不要用 Google 文件。

Twitter: 下一位頁！

幾次變動之後，從 Twitter 網站介面上你已經無法「翻」到第十頁之後眾友的碎念語句，不過重度使用者都知道 Twitter 可以改網址後面的數字繼續翻。要方便地處理這件事情有很多方法，甚至 Firefox 也有這類可以「幫你改網址數字」的套件 (以前我常拿來抓漫畫...)。不過如果你只需要翻頁，那麼把這個連結 T:下一頁 設成書籤吧。裡面的程式碼長這樣：

javascript:function%20BC_TP(){var%20str%20=%20location.href;if%20(str.indexOf("page=")<0)%20{return%20location.href+%20"?page=2";}var%20%20cpnum,%20pd,%20p%20=%20str.indexOf("&",%20str.indexOf("page="));cpnum%20=%20parseInt(str.substr(str.indexOf("page=")+5,%20((p>0)?%20p:%20str.length)));return%20str.replace("page="+cpnum,%20"page="+(cpnum+1));}%20location.href%20=%20BC_TP();

這樣可以幹嘛？這樣以後按那個書籤，便可以翻下一頁了。(所以最好是放在書籤工具列/連結列上...) 請隨意使用。我只寫我自己的需求，所以也沒什麼好改進的... 程式並不難甚至有點笨，有心力想改善的話就自己拿去修吧。

直接打開 Flock Photo Uploader

你很喜歡 Flock 的 Photo Uploader 但目前慣用其他瀏覽器？其實你可以「只」開啟 Flock Photo Uploader，把捷徑設定一下就好：

{Flock 執行檔路徑} -chrome "chrome://browser/content/flock/photo/photoUploader.xul"

例如我的 Flock 執行檔放在 /home/cctw/flock/flock，就在啟動圖示的指令中輸入這樣一行

/home/cctw/flock/flock -chrome "chrome://browser/content/flock/photo/photoUploader.xul"

如此一來便不會開啟瀏覽器視窗，而是直接打開 Photo Uploader。這招也適用於 Blog Editor，只要把 -chrome 後面的路徑設定為 chrome://flock/content/blog/editor.xul 即可。

常用應用軟體介紹：劇本

今天早上順利地講完了之前提過的「常用應用軟體介紹」，不枉我昨天很努力寫了劇本，時間控制得剛剛好啊！（剛剛好的意思是，發現最後兩個講不到，所以一開始就放棄 XD）資源當然還是開放出來讓各位取用：

1. 教學用的劇本
2. 範例文件跟書籤連結（Demo 用的電腦現在上不了網，可以上網時我另補上）
3. 常用軟體講義
4. 解釋 Google Groups 原理時的PPT投影片，這個忘了標，也是 by-nc-sa 2.5 TW

我一直覺得戲只演一場很浪費耶！所以明天要去附中教學弟妹投影片設計技巧囉，希望這個也有機會再分享一回。

全程使用 Linux 簡報的第一回呢，可喜可賀。（投影片我是用 Wine 裝 PPT 2003 Viewer）

PowerPoint 投影片製作技巧：投影片

大概是太久沒有講課了，我覺得這兩次講課的時間都沒有抓得很好。上場前一天晚間與女友再次確認課程後發現一件很可怕的事情：原本設計的內容，量過份地多了！所以緊急換成這一份投影片，主要內容是講一些零散但有用的軟體使用技巧（至於演說技巧，他們有另一堂課是專講這個，我就不獻醜了）。

實際講的項目大概是這樣：

• 什麼叫做好的簡報？如果這很難完整說明，我們至少可以先看看壞的簡報長得怎樣。
• 本堂課重點僅放在軟體使用技巧，簡報技巧請留待下一堂課。
• 簡報流程建議：
1. 先確定內容：用大綱模式打內容。（Ctrl-Enter、Shift-Alt-左/右鍵）
2. 處理母片：有現成的就用現成的，簡單加上具代表性的字型、圖像就好。
3. 處理每頁獨特的物件：圖片、字體樣式、動畫等。
• 複製：Ctrl-拖曳滑鼠，這可以用在很多、很多地方。
• 善用群組，群組內的單一物件依然可以在不解散群組的情況下修改、文字依然可修改。
• 對齊：各物件的對齊方式（格線、對齊面板、Shift-拖曳）
• 動畫只是輔助，複雜程度、值得與否為自由心證。動畫觀念：
1. 自 2000 以後的版本，每個物件可以重複跑多次動畫
2. 滑鼠控制方式的搭配、時間流程控制（進階時刻表）
3. 除了每個物件可以跑多次動畫外，也可以同時跑數個物件的動畫
4. （附加的）有的動畫為了列印等需求不必強在一張完成，可以「投影片切換」來「組合」兩張投影片形成一組動畫。
• 上場前的注意事項：
• 早到早好，可以測試
• 用別人的電腦要注意軟體版本、字型等問題（取代字型）
• 投影機的對比會比螢幕弱
• 隨身簡報功能（封裝到 CD）
• 本投影片採創用CC授權（唔... 本網誌絕對包含置入性行銷），可到 SlideShare 下載原始簡報。
• 本場 Q&A 時間：
• Flash？裝 ActiveX Control 就可以跑
• 時間？投影片放映有「排練」的功能
• 動畫時間？進階時刻表中可以看到總時間，滑鼠移上去最後一項就得
• 字寬、字距？字距沒有建議，因為字別太多才是；字寬，總之不要拉寬中文字，不好看。
• 動畫怎樣才不過份？自由心證，需注意溝通的主體還是內容。我通常僅在開場跟結尾用一小段（除非有其他需求）。

講義: PowerPoint 投影片製作技巧

UPDATE: 這份講義後來完全沒用到，因為我大改了課程內容，請參考新的「投影片製作技巧」文章。

---

這次不是自由軟體，別太失望喔 ^^; 雖然 PowerPoint 做的投影片在許多人眼中有過份花俏、阻礙思考等等的缺點，不過我覺得它其實真的很棒。這次應邀為參加比賽的同學講投影片製作技巧，由於後面接著堂別人的「簡報要訣」，我想那意思就是要我把心力放在軟體上就好... 不過還是會扯到一些（我自以為是的）觀念問題就是了。

一樣，您有 ODT 跟 PDF 兩種選擇、也能線上看：

PowerPoint 投影片製作技巧

這個如果有意見的話... 應該來不及了，我明天就要上場啦 XD 題外話：OpenOffice 越來越熟了，我覺得微軟帝國真偉大...

快速建立啟動圖示

不小心逛到的，這真方便哪！

Did you know you can create starters by dragging the icon of the application out of the "Run ..." dialog ? This is really handy :)!

按 Alt-F2 輸入程式名稱，待原始圖示變成該程式圖示後、把圖示「拖」離啟動方塊，就可以建立啟動圖示