Skip to main content

· 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 Tasks、Trello
  • 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.

· 3 min read

前陣子（10 月初）托台北捷運東門站開通的福，我將過去寫的台北捷運地圖App 更新上東門站後，在一週時間內，使用者就成長了數萬人，也因此上了Play Store 首頁熱門應用區，就排在 Rivio 的 Bad Piggies 旁邊。

台北捷運地圖App 功能單純到不行。一進入 App，就給你一張每次做捷運時牆上都會貼的捷運路線圖。你可以在地圖上用兩隻指頭，或用一隻指頭長按即可縮放觀看地圖。放大後可以繼續用指頭拖拉至想查詢的位置。

這個 App 在前幾次的更新中已經使用了 Android 4.0 版的介面，相容手機與平板。

其實這次的改版中，就程式本身而言，並沒有做什麼調整，因此能進首頁熱門推薦的原因，可以排除與功能面更新的關連。

我總結了這次更新能上熱門應用區最大的原因，應該是與 Play Store 的機制有關。

主題圖片、宣傳圖片之必要

要上（台灣）熱門推薦的元素如下

  • 日均下載超過 1500~3000 次
  • 提供 180*120 宣傳圖片
  • 提供 1024*500 主題圖片
  • 提供 512*512 高解析度應用程式圖示

第一點其實我也很驚訝，原來熱門下載的門檻並不算太高，只要單日數千人次下載就有成為熱門應用的可能。

後面幾點則是許多個人開發者沒特別留意的。注意到了嗎？在首頁上的圖示和實際程式圖示並不相同。首頁上顯示的是另外上傳的高解析度應用程式圖示。

過去 Android Market 還不是那麼規範的時候，開發完程式丟上去就是了。現在 Android Market 上的程式已經超過 70 萬支，要讓使用者找到你的程式，只有多花一些心力，提供消費者更多易於辨識的資訊囉。

除了台北捷運地圖App 之外，也請試試看我的其他 App。

推薦大家試試 gPaper 隨手畫或條碼盤點機，都已經更新至 Android 4.0 介面。

· 2 min read

Direct link to Blocklyduino : http://www.gasolin.idv.tw/public/blockly/demos/blocklyduino/index.html

Blockly is a web-based, graphical programming editor. Users can drag blocks together to build an application. 

Arduino is an electronics prototyping platform based on flexible, easy-to-use hardware and software.

Grove "GROVE_-_Starter_Bundle_V1.0b#LED_Twig" is a modular, safe and easy to use group of items that allow you to minimise the effort required to get started with microcontroller-based experimentation and learning.

With recent blockly update, we can make image blocks in blockly, and its pretty easy to make blocks with blockfactory. I feel it's natural to see the real hardware image while program the arduino firmware. So here is my experimental attempt called Blocklyduino.

Besides the basic arduino language functions, I choose Grove blocks to make Blocklyduino fit for non-electronic/wiring-experience people.

Here's the very early version of examples written by Blocklyduino. which should generate the same code that is correspondent to examples on grove wiki.

Digital Input example

image from grove wiki

code written by Blocklyduino Analog Input example

image from grove wiki

code written by Blocklyduino

Blocklyduino

will output the arduino source

code with setup/loop blocks as usual arduino  source code.

To upload those code to the real hardware and see how it works, you need to get a standard Arduino Uno/Duemilanove board, and a set of Grove starter-kit (optional for grove blocks).

Currently Support:  (10/6 updated)

  • arduino functions:

  • compact Digital/Analog Read/Write syntax

  • auto setup pinMode

  • delay and map

  • block

  • Grove blocks: LED, Potentiometer, Tilt switch,

Currently Lack of:

  • Variables support
  • Have to copy-n-paste source to arduino IDE to upload to board