手開發票檢查

週末小作品:手開發票檢查小幫手

星期六和女友吃飯亂聊,講到他們行業很多人的個人工作室和公司有手開發票的需求(其實我們這行也有?),但是這些不問世事的設計師或藝術家常常寫錯發票,造成後面程序的麻煩。於是回家之後就順手寫了一個手開發票小幫手

簡單發想與實作了以下功能:

  • 驗算統一編號
  • 使用 @ronnywang 的台灣公司資料網站提供的 API,自動查詢並帶入公司全名。
  • 輸入公司名稱如果可以查到唯一的結果的話,自動帶入統編。
  • 輸入未稅價自動計算總價,輸入總價自動計算未稅價與稅額。
  • 顯示總價中文大寫。

預想的使用流程是把資料打進去,檢查正確之後把螢幕上的資料抄到發票上,避免錯誤。雖然說互動很簡單(連「送出檢查」按鈕都沒有),但沒有做過使用測試也說不上來這樣設計好不好用。至少,因為是 Twitter Bootstrap 版面所以可以說算畫面乾淨而且 mobile ready。

最後,做這個工具研究了一下才發現市面根本就有幾萬塊就可以打死的電子計算機統一發票的套裝解決方案 … 常開發票的話去辦那個還是比較方便吧。當然最好的情況是發票可以全部電子化,用手機上網就能開發票之類的。

這個工具,真的有用上有什麼感想再跟我說。

FYI: CSS Length Explained on Mozilla Hacks

I wrote a piece for Mozilla Hacks, explaining how CSS length works.

CSS Length Explained – Mozilla Hacks

Unfortunately the post was not proofread until a few hours after the publication; thanks Robert and Chris to proofread the post for me. I should work on my English more :'(

A negative reference (which was meant to be joke) on inch was also removed after being pointed out by Brendan. I tried to keep the post light-toned but I guess it’s a bit too far.

Anyhow, I hope you find the post on CSS length informational.

經驗分享:用 Javascript 實作注音輸入法

這是本日稍早在 COSCUP 2013 的演講「經驗分享:用 Javascript 實作注音輸入法」的投影片。相關連結:

希望大家滿意今天的分享。接下來就是要找時間把繼續把這個改版完成了 …