Coding

花了一個晚上沒睡覺，調整了一下這個 Octopress 的一些功能與設定。現在還懶得記詳細步驟，就先簡單寫個筆記吧，以防將來自己看 Source Repository 也看不出到底為什麼要這麼改。 一、加入 LinkWithin 功能 原本以為 Octopress 沒辦法加，不過實際嘗試後發現並不難。要修改的地方主要有 source/_layouts/default.html 和 source/_layouts/post.html 這兩個檔案。 二、文章下方分享功能的版面調整 Octopress 內建的 twitter, google plus, facebook 三項文章分享功能如果全部打開，會佔掉約 680px 左右的畫面寬度。當文章區塊的寬度小於這個數值時，facebook 的按鈕會跳到下一行。這邊可以透過修改 source/_includes/post/sharing.html 的方式來稍微縮減 facebook 區塊的寬度，以符合需求。 ...

我是一個鄉民。雖然大多數時間都在潛水，但偶爾也會浮上來寫些東西。 我不常在 BBS 上直接編輯，多半都是在習慣的編輯器上寫好再貼過去。不過問題來了，我寫文章的習慣都是一直打字一直打字，直到段落結束才換行，這樣的文字如果複製起來直接貼到 BBS 上發表，雖然還是能夠正常顯示，但在編輯與回文時就會出現過長的文字而造成如上圖般糟糕的版面效果。 ...

今天心血來潮，想知道自己這幾年到底寫了多少文章，多少字數，於是寫了這麼一個小工具。 這小工具很簡單，按年份分別列出該年寫了幾篇文章，總共多少字數。由於 Octopress 的文章其實就是一個個 markdown 純文字檔，所以要做統計並不困難，我不用想盡辦法連到資料庫或是將網站匯出 XML 來做分析。不過這個工具使用到 *nix shell 環境，Linux 與 Mac OSX 的使用者可以無痛使用，Windows 的話可能就要安裝一下 cygwin 或其他類似套件了。 ...

其實這兩個語言的模組安裝都很簡單。不過我不是個成天都在安裝新玩意兒的人，偶爾因為業務需求或是心血來潮想要裝個模組，卻又忘了指令怎下，免不了得又得上網搜尋。 雖說資料不難找，但每次都問 google 也是折騰，索性自己記個筆記，將來若有需要時，翻自己筆記總比上網搜尋來得快速。 更重要的是，才不會因為上網問 google 然後開一堆網頁邊看又繼續邊開連結搞到最後開了一大堆自己好像有興趣但其實跟原本問題一點也不相干的文章。我真是太容易分心了。 ...

昨天突然心血來潮想到來替 ls 上個顏色。以前用 Linux 時都有很漂亮的 ls 輸出，除此之外也會認真打造個人的 shell 環境。怎知開始用 Mac 兩年多來，都忘記來把 shell 好好調教一番，幾乎一直維持著原汁原味。 是說原本預設的也夠我用了就是，不過有個多采多姿的 ls 輸出不僅能提昇工作效率，光看著心情也會好起來。 開啟顏色輸出 在 Linux 要開啟顏色輸出是透過 ls --color 指令。而在 Mac 或 BSD 上則是使用 ls -G。 ...

剛剛在 Terminal 下開了個新檔要來寫 JSON, 發現 Vim 竟然沒有支援 JSON 的 FileType 與 syntax highlight。想說這問題應該很多人遇過，因此上網找了一下，找到這個 script: JSON.vim。 不過看了下安裝說明，感覺麻煩了點。於是又找到了這篇文章，只要到 ~/.vimrc 加入下面這行，就可以讓 JSON 檔案套用 JavaScript 的 syntax highlight, 簡單明瞭。 autocmd BufNewFile,BufRead *.json set ft=javascript

今天想要替 Terminal 下一些常用的指令建立 alias, 我按照以前在 FreeBSD/Linux 的習慣，直接進 Terminal，在家目錄 (~/) 下寫了個 .bashrc, 重開 Terminal, 剛剛寫的 alias 卻沒有任何反應。 後來在家目錄下先建了個檔案 .bash_profile, 檔案內容如下： if [ -f ~/.bashrc ]; then source ~/.bashrc fi 這樣原本寫在 .bashrc 裡的指令稿就會被讀取並且發揮作用了。補充說明，我的作業系統版本為 Mac OS X Lion (10.7)。 關於 .bash_profile 與 .bashrc 的差別，簡述如下： ...

我用 google-code-prettify 來做 blog 文章中的代碼上色，google-code-prettify 本身有附上幾個 Color Scheme, 然而除了預設的之外，都是以暗色背景為主。 昨天心血來潮將 Solarized 這個 Color Scheme 移植到 google-code-prettify 下，同樣也是 dark/light 雙版本。關於 Solarized 的介紹可以參考這篇文章。 下載 / Download Solarized Light Download Normal version Download Minified version Solarized Dark Download Normal version Download Minified version 代碼 / Code Solarized Light 正常排版版本 (download)： .pln{color:#657b83} @media screen{ .str{color:#2aa198} .kwd{color:#859900} .com{color:#93a1a1} .typ{color:#b58900} .lit{color:#2aa198} .pun,.opn,.clo{color:#657b83} .tag{color:#268bd2} .atn{color:#93a1a1} .atv{color:#2aa198} .dec,.var{color:#268bd2} .fun{color:red} } @media print,projection{ .str{color:#060} .kwd{color:#006;font-weight:bold} .com{color:#600;font-style:italic} .typ{color:#404;font-weight:bold} .lit{color:#044} .pun{color:#440} .tag{color:#006;font-weight:bold} .atn{color:#404} .atv{color:#060} } pre.prettyprint{padding:5px;border:1px solid #888;background:#fdf6e3} ol.linenums{margin-top:0;margin-bottom:0} li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none} li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} 最小化版本 (download)： ...

這些年來，我的代碼配色方案都是以 zenburn 為首選。深色底，低對比，對眼睛舒服，代碼的段落也清晰。zenburn 也是網路上很受歡迎的配色，這有一個好處，就是越多人用就越有可能被 porting 到不同的 IDE 或 Editor 上，所以從 Visual Studio 到 Eclipse 再到 XCode 都可以找到現成的 zenburn 設定。 上圖就是目前在用的 zenburn。由於用這麼久都已經習慣了，從沒有想過會有第二種配色讓我如此滿意，結果前天突然發現 Solarized 這一組配色，當場就被迷住了，我才認識這組配色不到 24 小時，就把 zenburn 從我的 vimrc 中換掉了。 ...

取得某個路徑下的所有檔案與資料夾是經常會使用到的功能，尤其是在寫一些小工具來處理硬碟上的檔案時。早先我都是用傳統寫 C++ 的方式來思考，所以在 Python 的文件中找到了 listdir() 這個函式，然後寫了類似以下的代碼： import os def doInDir(somedir): print somedir fileList = os.listdir(somedir) for f in fileList: fullpath = os.path.join(somedir, f) if os.path.isdir(fullpath): doInDir(fullpath) elif os.path.isfile(fullpath): print fullpath doInDir("/tmp/") 不過最近發現在 Python 下做事其實可以更簡單，內建的 os.walk() 就提供了非常強大的功能，使用的方式如下： ...

用 Python 計算 CRC32 很簡單，只要使用內建的 binascii 模組即可。 import binascii print binascii.crc32("hello world") 要反覆計算的話，可以用： crc = binascii.crc32("hello") crc = binascii.crc32(" world", crc) 其中的第二行，將前一步驟所計算的 CRC 結果作為參數再次傳入函式中。 如果要計算檔案的 CRC32，可以透過以下函式來計算： import binascii def computeFileCRC(filename): try: blocksize = 1024 * 64 f = open(filename, "rb") str = f.read(blocksize) crc = 0 while len(str) != 0: crc = binascii.crc32(str,crc) & 0xffffffff str = f.read(blocksize) f.close() except: print "compute file crc failed!" return 0 return crc 上面比較特別要注意的是這行： crc = binascii.crc32(str,crc) & 0xffffffff 根據官方文件，在 Python 2.x 的版本中，binascii.crc32 所計算出來的 CRC 值域為 [-2^31, 2^31-1] 之間的有號整數，為了要與一般 C 所實作的 CRC 結果作比對，需要將其轉為無號整數，所以加上 & 0xffffffff 這段來做轉換。如果是 Python 3.x 的版本，其計算結果為 [0, 2^32-1] 間的無號整數，因此不需額外加上修正。 ...

我的 vimrc 配置 @ GitHub: github 我一直在用的 vimrc 配置是在我還在以 WinXP 作為主要工作電腦時所配置的， 有超過一年多沒動過了。現在的主要工作電腦以 Mac OS X 為主，當初寫的配置如今有些不合用，然而這好些個日子以來也都是一直將就著用，懶得動手改。終於今天決定要趁著年底來個大掃除，整理一下 vimrc，順便也把程式碼從原本的自家用 SVN 轉移到 GitHub 上。 ...

12/30 更新：追加了行號、跳格字元等相關項目 這篇文章是〈Eclipse 安裝筆記〉系列之一，算是個人的安裝過程紀錄。以下是安裝時的環境參考： 作業系統：Mac OS X 10.7.2 程式版本：Eclipse Indigo 3.7.1,IDE for Java Developers 雖說初始設定調教，不過其實要改的地方也不多。現在對於工具的想法我是抱持著盡量不要改太多，以免花太多時間在調整工具上。 ...

這篇文章是〈Eclipse 安裝筆記〉系列之一，算是個人的安裝過程紀錄。以下是安裝時的環境參考： 作業系統：Mac OS X 10.7.2 程式版本：Eclipse Indigo 3.7.1,IDE for Java Developers Eclipse 的 Git 功能相關套件是官方所提供的 EGit，在預設的「Available Software Sites」中可以找到，安裝方法可以參考〈在 Eclipse 開發 C/C++〉這篇，唯一的差別是在第 2 步驟中，原本在「type filter text」欄位輸入「cdt」作為過濾字元，改成輸入「git」，這樣就可以找到 EGit 的 Software Site 了。 ...

這篇文章是〈Eclipse 安裝筆記〉系列之一，算是個人的安裝過程紀錄。以下是安裝時的環境參考： 作業系統：Mac OS X 10.7.2 程式版本：Eclipse Indigo 3.7.1,IDE for Java Developers 步驟流程如下 Step 1. 準備 Python 的編譯環境 同樣的，這步驟在 Mac 上可以略過。在 Windows 上要做的也很簡單，就上 Python 官網抓個 Python Binary 來安裝就好了。相對於 C++ 的準備工作來得簡單些。 Step 2. 安裝 PyDev 在 Eclipse Indigo 之後，套件的安裝變得簡單許多，只要透過滑鼠就可以搞定。首先，先上 Eclipse Marketplace, 一個類似 firefox Extensions 或 Android Market 的地方。搜尋「pydev」，找到後點進去套件頁面，在套件 Logo 下可以看到一個「Install」按鈕，只要將該按鈕拖曳到 Eclipse 視窗中，就可以開始安裝了。 ...

這篇文章是〈Eclipse 安裝筆記〉系列之一，算是個人的安裝過程紀錄。以下是安裝時的環境參考： 作業系統：Mac OS X 10.7.2 程式版本：Eclipse Indigo 3.7.1,IDE for Java Developers 步驟流程如下 Step 1. 準備 C/C++ 的編譯環境 這步驟在 Mac 上可以略過。在 Windows 上的話則要安裝 MinGW, 關於 MinGW 的安裝可以參考這篇文章。 Step 2. 將 CDT 加入 Software Sites 列表 由於 CDT (C/C++ Development Tooling) 是由 Eclipse 官方提供的，因此在預設的「Available Software Sites」列表中可以找到。開啟 Eclipse 的「偏好設定」，並切到「Available Software Sites」頁面，可以看到如下畫面。 ...

用了 Eclipse 也好一陣子了，不過每次需要重新安裝 Eclipse 的時候，或多或少總還是會遇到一些問題。雖然說現在網路很方便，google 一下都可以找到這些問題的解決方式，但為了這些問題免不了又是花上一些時間在搜尋與嘗試上，許多甚至還是以前遇過又重新碰到的問題。因此，不如乾脆自己寫點筆記，既加深印象，就算下次忘了，至少也不用再到茫茫網海中搜尋解決方案。 ...

因為最近使用 GitHub 的關係，注意到了 Markdown 這個輕量級標記語言 (Lightweight markup language)，跟著查了一下資料才發現原來輕量級標記語言的選項百百款，其中比較常見的有 Markdown, reStructuredText 以及 textile，這三種語法也同時被 BitBucket 和 GitHub 所支援。 稍微看過三者的語法比較後，覺得 textile 的語法太過接近 HTML, 使得文字檔本身無法呈現容易理解的架構。而除了前述三者之外，也另外注意到 AsciiDoc 這一款輕量級標記語言，GitHub 有支援 AsciiDoc。下面就是我對 Markdown, reStructuredText 與 AsciiDoc 的一些比較筆記： ...

在前一篇文章中筆者介紹了 Google Authorship，並且也針對 Blogger 的使用者說明該如何設定來替自己的文章與個人檔案建立連結。今天讓我們更進一步來看看 Google Authorship 的運作機制，以及非 Blogger 的使用者應該如何設定 Google Authorship 來幫助自己的文章曝光。 目前與 Google Authorship 相關的官方文件有這兩篇，以下的內容均以這兩篇為主： 舊版作法，使用 <a href="url" rel="author"> 語法 新版作法，使用 <a href="url?rel=author"> 語法（08/05/2011更新） 讓我們先簡單看看舊作法的機制，之後再進入新版作法的實際說明。舊的作法將網站分成兩大類，單一作者（例如個人網誌）或是複數作者（例如新聞網站）。 ...

作為一個以程式技術為主的網誌，文章中免不了得出現一兩段程式碼。原本我使用 github 的 gist 服務來將程式代碼內嵌到網頁（使用效果見此），另一方面 gist 也可以用來當作是自己的小小代碼備忘錄，許多程式碼片段直接丟上去就好了，非常便利，可說是一舉兩得。 不過有時候只是想要顯示幾行代碼，這些代碼也許不具有完整性，如果將代碼一股腦兒地全丟上 gist，總有一天代碼庫會變成亂葬崗。所以除了 gist 之外，我也找了其他網頁貼程式碼的方案。原本前幾天已經物色好了 SyntaxHighlighter，打算趁週末有空時來實裝測試。結果因為在安裝前四處蒐集資訊，意外又發現到 google-code-prettify，看了一下立刻就變心決定改用 google-code-prettify。 ...

我身為一個程式設計師，有個鍵盤在身邊，也很合邏輯。這個鍵盤呢，是我用來撰寫代碼用的，很合理吧？可話說回來，這扳子，啊不，這鍵盤如果只有拿來寫代碼，那可就浪費了；身為一個高生產力的程式設計師，應該充分活用鍵盤的各種功能，活用到甚至能夠取代大多數滑鼠的操作，那才叫專業。所以說，善用功能熱鍵就很重要啦，江湖上有本武功秘笈，書名叫做《程式設計師提昇生產力秘笈》，裡頭就有一段關於「奧義，鍵盤捷徑」的心法敘述： ……程式設計（除了使用者介面設計外）是文字性活動，所以，你應該儘可能把你的手放在鍵盤上。……你一整天都使用 IDE 建立程式碼，而 IDE 有大量鍵盤捷徑。**全都學！**使用鍵盤捷徑在原始碼內走動，一定比使用滑鼠快。 (P.30) ...

今天偶然看到這句話，“To iterate is human, to recurse, divine."，無巧不巧，最近幾天的課程我也剛好在講解遞迴的概念。 說這句話的老兄是 L. Peter Deutsch，雖然他的姓寫作是「德意志（Deutsch）」，可是這位德意志先生卻是個道道地地的美國麻省人。Deutsch 在電腦界最主要的貢獻就是 Ghostscript 和 Archie。Ghostscript 是可以用來生成 PDF 或是 Postscript 格式文件的軟體，從 1988 第一版釋出一直到今年 2011 橫跨了 23 個年頭，仍然持續開發維護中（當然維護者早已換人接手，不再是 Deutsch 了），也衍生了許多分支專案。 ...

在 iPhone 或 iPad 的開發中，除了用 touchesBegan / touchesMoved / touchesEnded 這組方法來控制使用者的手指觸控外，也可以用 UIGestureRecognizer 的衍生類別來進行判斷。用 UIGestureRecognizer 的好處在於有現成的手勢，開發者不用自己計算手指移動的軌跡。UIGestureRecognizer 的衍生類別有以下數種： UITapGestureRecognizer UIPinchGestureRecognizer UIRotationGestureRecognizer UISwipeGestureRecognizer UIPanGestureRecognizer UILongPressGestureRecognizer 從命名上不難了解這些類別所對應代表的手勢，分別是 Tap（點一下）、Pinch（二指往內或往外撥動）、Rotation（旋轉）、Swipe（滑動，快速移動）、Pan （拖移，慢速移動）以及 LongPress（長按）。這些手勢類別在使用上也很簡單，只要在使用前宣告並掛到對應的視圖（UIView）元件上即可。 ...

從大學以來，這十幾年的工作與生活總與程式設計脫不了關係。前前後後寫了不少的 Code, 也接觸過許許多多不同的 Programming Language。這邊就來記錄一下自己現在還有印象的程式語言，也許十年之後再來回顧，又是另一種不同的想法吧。 QBasic 高中時候獲得人生的第一台電腦，當時還是 DOS 的年代，每個裝了 MS-DOS 的電腦都會內附 QBasic。還記得用 QBasic 寫過一些簡單的遊戲，像是 1A2B、迷宮產生之類的，但是真要說自己寫的其實也不是，很多都是照著當時雜誌（例如「第三波」）上的代碼 key 進電腦中而已。 ...

The Code Project - DataLayer - Freeware ODBC Library 經過包裝的 ODBC 函式庫，比直接調用 ODBC API 來得簡單些。上面的網頁中包含了如何使用的範例程式碼，相當容易上手。

參考自：Lordcolus’s Blog: 避免以IE瀏覽Blogger.com時出現空白網頁 這篇的用意有二： 紀錄以 IE 開啟 blogspot.com 會出現空白頁這問題的解決方式。簡言之就是將範本中的 <$BlogMetaData$> 移到 <title> 之前。 測試一下 BlogThis 的功能。這篇是由上述網頁下方的 Create a Link 連結直接產生的。

Programming Ruby: The Pragmatic Programmers’ Guide, Second Edition 蠻有名的一本，有名到跟作業系統的「恐龍書」一樣，這本被叫做「鋤頭書」（Pickaxe book）。許多人推薦，看來似乎是學 ruby 必讀的教科書。可是好貴、貴… Ruby in a Nutshell 基於對《C++ in a Nutshell》與對「歐萊禮」的好感，想必這本應該也不錯。大概是拿來擺在桌上的案頭參考書吧。 ...

Ruby on Rails 是預設使用 Unicode 的；MySQL 對於 Unicode 的支援也相當完整－－照理說兩者合作起來應該琴瑟和鳴才是。 然而我把 RoR 與 MyQL 兜在一起之後，即便已將 MySQL 文字編碼設為 UTF-8 Unicode (utf8)，MySQL 連線校對設為 utf8_general_ci，編碼的問題還是讓人傷透腦筋－－那些在 phpMyAdmin 中所 INSERT 進去的資料，在 RoR 的頁面中總是亂碼一串；而經由 RoR 頁面所輸入的資料，不僅無法透過 phpMyAdmin 看到正確編碼，甚至不能將資料正確地存入資料庫中。 ...

重裝了 MySQL 後發現，當 server 整個 reboot 的時候，MySQL 並沒有被啟動。找了一下發現原因。現在得像 apache 或 sendmail 等服務一樣，在 rc.conf 中加入 mysql_enable="YES" 另外，若要知道有哪些 server 必須透過 rc.conf 來啟動的，可以透過下列方式： cd /usr/local/etc/rc.d/ grep _enable * 或是在安裝完套件後，view 一下 /usr/local/etc/rc.d/xxx.sh，看看要在 rc.conf 中加入什麼選項才能於開機時自動啟動。 ...

Step 1: Install Ruby 先前不曉得裝什麼軟體就一併裝好了，所以跳過。 Step 2: Install RubyGems 這是等一下用來安裝 Rails 的工具，在 FreeBSD 下用 ports 安裝，輕鬆方便。 [freebsd] /usr/ports/devel/ruby-gems> make install clean Step 3: Install Rails 照官方網站上的描述，同樣一行指令搞定。 [freebsd] ~> gem install rails --include-dependencies 註：我連試了兩次指令都執行到一半失敗，可能是網路 timeout 關係，第三次就順利成功了。 Step 4: 建立應用程式 基本上這也是照著前一個網頁的指示作。 [freebsd] ~> rails /path/to/my/new/application [freebsd] ~> cd /path/to/my/new/application [freebsd] ~> ruby script/server 接下來開啟網址 http://0.0.0.0:3000 就能夠看到關於 RoR 的說明了。 說明頁面的最底下有 Getting Started，可以開始寫 RoR 的程式囉！ ...

PS. 本篇是前篇 CSS 的應用實例。

當圖文並列時，若要讓圖片能夠對齊排列，而不是呈現出梯狀的分佈。 可以使用下列語法： <img src="http://where.image.is/picture-01.jpg" style="float:left"> 文字段落一<br> <img src="http://where.image.is/picture-02.jpg" style="float:left; clear:left"> 文字段落二<br> 重點在於第二個 img 內的 “clear:left” 這個屬性的意思是如果左邊有浮動元件的話，此元件便移到該浮動元件下方。 而 “float:left” 則是將所屬元件指定為浮動性質。 下一篇便是應用範例。

發覺純用文字也蠻有趣的，研究了一下，用 CSS 作出幾個感覺還不錯的 logo。用文字 logo 的話，體積也會比使用小貼紙圖片要來得省上許多吧。 flickr <span style="color: blue;">flick</span><span style="color: red;">r</span> ※第一課：只是更改顏色，不難。沒有特地使用 flickr 自己的標準色與字體。 43 Things ...

之前用過 mantis，一個 bug tracker 系統。這套系統簡潔、方便，對中文支援也 OK，雖然中文介面翻的不夠徹底，但語系檔是純文字，自己動手改就好了。 不過有個不算問題的問題讓人煩惱，就是 mantis 會把訊息字串中包含 “@” 的 email 字串改成郵件連結，這功能原本貼心，但這麼一來只要 big5 編碼中有包括 @ 字元的中文字－－例如「世」或「一」－－就會被 mantis 把整句中文轉換為一個無意義的 email 連結。雖然無礙於系統運作，但這個偽物連結總是讓人看了心煩。 ...