Skip to main content

· 3 min read

取得台灣當季蔬果 App

最近老婆為了讓家裡的小朋友吃得更健康,從圖書館借了一本叫做「吃當季盛產,最好!」的書。有天,她請我幫忙掃描書後面的當季食材列表出來,以便去市場買蔬菜水果時可以隨時參考。

掃描時我一邊看著就來了興趣。不少人都可以隨口講出幾件台灣產的蔬菜水果,但是再進一步討論甚麼時候是 "當時"、"當令" 蔬果,可能連老一輩人也不一定答得出來。

於是搜尋了一些網路資料,發現農糧署有提供一些資料,但頗為凌亂,於是寫了些腳本,將台灣產的蔬菜水果分月份整理出來,貼上 Facebook 與朋友分享。

在整理之前,是我太少去買蔬果吧,我不曉得台灣產的水果中,其實只有「香蕉」才是一年四季皆有出產的水果。而平常聽到的「空心菜」、「火龍果」等蔬果,在官方資料中是叫做「蕹菜」、「仙蜜果」這類聞所未聞的名字。

最後我將這些不常見的叫法替換成慣用的蔬果名稱,補上一些來自維基百科的圖片,用 Cordova + JQuery Mobile 將整理好的結果包成了 Android APP,放到 Play Store 上讓大家方便參考。開啟 App 的時候會自動列出當月的食材,除了可以按月查詢之外,也可以查詢四季皆出產的蔬果。

台灣當季蔬果 App 可以直接從 Play Store 下載。 Get it on Google Play

· 7 min read

2013/1/10 早上收到 Play Store 來信,台北捷運地圖App 被下架了,原因是 Alleged copyright infringement(也就是侵權)。對這結果就法律而言我沒甚麼好抗議的,畢竟這個 App 確實利用了捷運公司所提供的地圖。

但即使這個 App 是在政府意識到 App 對民眾的價值前,為方便民眾查詢,提供純公益性質 (有清楚標示版權與來源,無廣告,純便民) 的 App,也會因依法行事被台北捷運局舉報。不分善意惡意直接一棒下去,實在是會讓想在政府動起來前先做些什麼的人心灰意冷。

我一直為自己利用業餘時間,能用自己的技術做公益 (Open Source、App),並從中得到樂趣與技術的精進感到自豪。

這些年,這 App 累積了 26 萬人次下載,12 萬實裝次數,也至少有為社會做了點貢獻。

PS: 做台北捷運地圖時,我也順手做了一個高捷版的,現在因為北捷運局的好心督促,我決定幡然悔悟,用更高的道德和法律標準做事情,先自我審查下架了。

Update 2013/1/12: 今天有點時間,我想還是再多聲明一下

1. 使用到版權物就是侵權 2. 公益不是侵權的正當理由 3. 這個 App 已經達到它的階段使命,在沒有好工具的時候得自己做一個,而現在 Market 上已經有不少可用的地圖 App,不差這個了。我不會多花時間重做地圖再上架,或作其他處理。

就我粗淺的想法來看,如果有人拿我出版的紙書轉成 PDF 讓人四處免費下載,想必我不會舒服。但是我卻很歡迎大家把電子書版網址分享出去(電子書版網址上有加創用 CC,聲明不歡迎商業使用或轉載,只歡迎連結分享。),因為可以幫到一些人入門 Android。而等他們有能力時,可能還會去買一本書,或把這個有用的資源分享給別人。

當初會做這個捷運 App,一方面是方便自己,方便別人;另一方面對捷運公司而言,如果有人免費印刷捷運地圖送給旅人,讓大眾可以隨時查找附近捷運站與目的地站點,提昇搭乘率,可以讓公司賺更多錢又省下推廣成本。

如果人家對此不稀罕,那也不用貼人家的冷屁股。

Update 2013/1/11: 因為網站也下架了,來為這 App 做一下回顧好了

下載

 26 萬人次下載,12 萬實裝次數

評價

五星評價 383 四星評價 471 三星評價 76 三星評價 20 一星評價 32

評論

看評論非常有趣,一些人覺得沒價值的東西,在另一堆人眼中卻十分實用。

五星評論

2012 11/23 非常實用 沒有廣告,沒有其他複雜的功能,打開快速不會造成手機的負擔,其實 app 像這樣簡單就很好用 10/26 以後出門忘記捷運坐到哪一站,有了這程式都不怕! 10/23 超簡潔 很簡單明瞭,很小巧不到 1Mb,完全不必特殊受權。好! 10/2 為了新的捷運路線下載 只要能正常使用就好了。沒有任何權限真是好! 1/12 把其他複雜的下拉選站名,路線規劃的 app 刪掉了,其實我只要這樣一張捷運圖就好.  1/6 非常實用 簡單的東西有時候是最好用的東西 2011 10/14 好用 對不是住台北的民眾是非常方便明瞭的  8/16 很方便 一張地圖正是我的需求~ 單點放大也很好用 1/31 正好符合我需求,一張圖就好,簡簡單單 2010 10/10 好方便啊!簡單又直覺的設計!

一星評論 2013 1/8 只是一張圖 好歹也整合一下出口及票價吧,只是張圖的話自己下載不就好了,說好用的人要求會不會太低了? 2012 12/15 就一張圖? 4/23 根本不用做成程式 只要放張圖就好了。 2011 2/10 無聊的東西,只是張照片 1/29 一張捷運路線圖罷了 2010 10/31 縮放功能很不方便,只有一張地圖要幹嘛

被檢舉資訊(隱去人名)

AutoDetectedBrowser: Google Chrome
AutoDetectedOS: Windows XP
IIILanguage: zh-Hant
IssueType: lr_dmca
Language: zh-Hant
agree1: checked
agree: checked
android_app_developer_1: gasolin
android_app_name_1: 台北捷運地圖 Taipei Metro Map
android_app_url_1:[https://play.google.com/store/apps/details?id=com.gasolin.droid.metrotaipei&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5nYXNvbGluLmFuZHJvaWQubWV0cm8udGFpcGVpIl0](https://play.google.com/store/apps/details?id=com.gasolin.android.metro.taipei&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5nYXNvbGluLmFuZHJvaWQubWV0cm8udGFpcGVpIl0)
companyname: 台北大眾捷運股份有限公司
country_residence: TW
description_of_copyrighted_work: 「台北捷運地圖 Taipei Metro Map」未經本公司授權許可,逕自使用本公司之路線圖。
location_of_copyrighted_work: 「台北捷運地圖 Taipei Metro Map」這支APP內容直接使用本公司之路線圖。
represented_copyright_holder: 楊xx
signature: 許xx 
signature_date_day: 14
signature_date_month: 12
signature_date_year: 2012

· 5 min read

先記錄下來手邊使用的工具,才有機會從繁雜中歸納出簡單的使用規則。

整理一下目前最常用的設備與應用

主要裝備

  • Mac Book Pro 13"
  • Android 平板
  • Android 手機

Mac

軟體選擇方面,主要著眼點是開源、跨平台(Windows、Mac)

生活

  • 個人網路硬碟:Dropbox
  • 個人記帳:Buddi
  • 主要瀏覽器:Chrome (Firefox 備用)
  • 高度檢視:Tiddlywiki + GTDTiddlyWiki 模版

常用插件:

  • 1-Up for Google+,把 Google + 中的 + 1 按鈕換成加命菇,並播放加命音效
  • Android SDK Reference Search,在網址列中輸入 "ad 關鍵字" 就可以搜尋 Android 官網的參考文件
  • Awesome Screenshot: Capture & Annotate,抓網站圖片
  • goo.gl URL Shortener,縮短網址
  • Google +1 按鈕,看到感興趣的網頁,可直接記錄或分享到 Google+
  • Google Track Me,記錄上網狀態,可在 Google Analytics 查看個人上網狀態

網站工具

  • 主要社交網站:Google+Facebook
  • Google TasksTrello
  • Google 日曆
  • GMail
  • Anobii 看書記錄
  • 豆瓣 看電影記錄
  • 家庭記帳:家計本本
  • 長文蒐集:Instapaper
  • 個人網站:使用Google App Engine架設,改版容易
  • 個人書籤網站:Google App Engine,常重複造訪的網站就那幾個,自己用 JQuery Mobile 寫一個分類書籤列表,在各種設備上都可以使用。在移動設備上的瀏覽器都不需用到書籤功能,當然也不需同步書籤了。
  • 個人履歷:個人網站、Linkedin

記事

設計

Office

  • 簡報:KeyNote (PowerPoint、Google 文件、LibreOffice)
  • 文書:Page (Word、Google 文件、LibreOffice)
  • 試算表:Google 文件

開發

  • 開發環境:Eclipse+ADT
  • 版本控制:hg、svn、git
  • 持續集成:Jenkins

娛樂

  • 影片 VLC Player + Perian codecs + Flip4Mac WMV codec

Android 平板

主要取代電腦拿來看網站、Google Reader、GMail、Youtube、影片、電子書、漫畫等

  • 主要瀏覽器:Firefox

Firefox 在 10" 平板上表現很好,還內建將網頁儲存成 PDF 功能

  • 個人書籤網站
  • Google 地圖
  • GMail
  • gFolder、Dropbox,用 gFolder 主要是可以從 Dropbox 下載任一檔案到 Android 的指定資料夾下
  • gPaper,畫完後可以寄到自己信箱,選用這個主要是吃自己的狗食
  • AttachEmail Pro,存附檔、加附檔到 GMail
  • Google Reader (新版無加星號文章列表)
  • Youtube
  • Google 日曆
  • Evernote
  • Mindjet,心智圖軟體,修改完用 gFolder 傳上 Dropbox,在電腦上可以用 XMind 或 FreeMind 來開
  • MoboPlayer,不用轉檔就可以看 RMVB 等格式影片
  • Repligo,PDF 閱讀器
  • 自製 Epub 閱讀器(吃自己的狗食)
  • Anobiit
  • SwiFTP,FTP Server
  • 台北捷運地圖
  • ComicBricks [布卡漫畫](https://play.google.com/store/apps/details?id=cn.ibuka.hw.ui)

Android 手機

主要用來增加辦事效率,或用零散時間看電子書。 換了 4.3" 大螢幕後,拿來看 Google + 或 Facebook 的機率提高了

  • 主要瀏覽器:Chrome (內建瀏覽器備用)

  • GMail

  • Google 地圖

  • Google Reader

  • Blogger

  • 內建相機

  • 內建時鐘

  • Anobiit,記錄看書狀況

  • gFolder、Dropbox

  • GTasks

  • Mindjet

  • OI Safe,記錄密碼,備份用 gFolder 存到 Dropbox

  • Repligo

  • 自製 Epub 閱讀器

  • Noom,整合健康管理工具

  • SwiFTP

  • 台北捷運地圖

  • Google+

  • Facebook * 布卡漫畫

· 4 min read

Firefox OS 是 Mozilla 基金會的新產品,將行動裝置與瀏覽器做更緊密地結合。 號稱只要會寫 Web App,就能開發 Firefox OS App。

下午剛好看到介紹文章,裡面提到有提供跨平台能執行的模擬器,就決定動手來試裝看看。

開發環境設定

1. 安裝 FIrefox 15 + 版本 2. 前往 http://people.mozilla.org/~myk/r2d2b2g/ 下載並安裝對應版本插件 3. 裝完可以透過 選單 > 工具 > 網頁開發者 > Firefox OS Simulator 開啟類似 Chrome 的開發者頁面

4. 按下左側 Simulator 項目,將執行狀態變成 Running 狀態。等一陣子即可在另一個視窗上看到 Firefox Simulator

導覽

畫面上往右拉可以看到 App 列表。裡面已經附上不少 APP 了。包含行事曆、鬧鐘、Email、音樂、影片播放器、計算機、PDF 閱讀器、地圖、等等。這些都是用 WEB 相關技術寫的(酷!)。

當然瀏覽器附的是 Firefox。Android 的 Application 號稱 "All Applications are equal",亦即連官方應用也是用一樣的 Application API 寫成。不知在 Firefox OS 上,Firefox Browser App 本身算不算 Web App,開發者能不能簡單地為 Firefox 改頭換面寫一個瀏覽器 App?

由螢幕頂端往下拉可以看到通知欄,下方有快速設定工具列,感覺還不錯。

在首頁往左拉是一堆預載的網頁服務書籤(或是說... 網頁應用程式),點了 Facebook 圖示後半天沒載入畫面,看來還有些待改善之處。

整體看來完成度頗高。在可見的未來裡,學會了網頁技術,什麼都能做阿。

必須面對的問題:如何保護程式碼?

比起那些網頁版桌面項目,Firefox OS 更有實用價值。但是對開發者來說,使用 Web App 開發雖容易,但也容易遇到如 Web OS 遇到的相同問題:「如何保護我的離線 Web App 的程式碼?」

在 Web OS 上,開發者可以找到 App 的目錄,解開來裡面自然是不需編譯的 HTML 等資源,有心人可以拿來參考或簡單修改後再發佈。這也是 Web OS 開發者開發意願不高的原因之一。

雖然許多開發者並不在乎把原始碼攤開在陽光下,但大廠或部分開發者對此總是有所顧慮。 也許未來幾年持續連線的行動網路會便宜地和自來水一樣,到時那些把程式邏輯隱藏在伺服器端的「連網型 Web App」可能是個答案。

參考資料

· One min read

After a month of sprint, BlocklyDuino is open sourced and hosted on GitHub.

Now it bounds more blocks and have some valid features:

  1. Programming Arduino with visually drag and drop code blocks.
  2. Generate fully compatible arduino source code.
  3. Interacive Arduino board with 10+ predefined Grove sensor blocks.
  4. Load different on-site examples with url parameters.

When you click the 'Arduino' tab, the mouse will auto-focused to the code area, that means you can use keyboard to select then copy the source to Arduino IDE.

And now it even support procedures (functions).

BlocklyDuino Google+ page has been created and will update more frequently then here for new features.