今日腳踏車運動路線...

View Larger Map

super mario

原圖：super_mario_cookie.jpg

簡易式的三欄式網頁格局

在製做 opmsg 時，在想著，需不需要使用 blueprintcss 來做為頁面格局的框架，卻又覺得牛刀殺雞實在不快。所以自已做了一個只有三的格局：

.column {
    float: left;
    margin-right: 15px;
}

.column.one { width: 200px; }
.column.two { width: 600px; }
.column.three { width: 140px; }

.column.three:after {
    content: '.';
    clear: both;
    visibility: hidden;
}

使用方法就是寫三個 div, 分依次給 class 為 "column one", "column two", "column three"，就可以讓他們三欄併列了，實際上的效果正如 opmsg.com。

今天的單車運動路線

檢視較大的地圖

手動慢慢做的地圖，有些小錯誤... 有夠麻煩的。該買個 GPS tracker 了嗎

OpenID + Message

最近，利用一些擠出來的時間完成了這個網站: http://opmsg.com/。基本上是做了個 twitter 的原型，只不過在登入的部份，不必申請帳號，而直接採用了 OpenID。

而在人頭圖像 (Avatar) 的部份，也不自已處理，而直接使用了現成的服務： Openvatar。這個服務基本上就是拿 OpenID 來對應到個人圖象。與 Gravatar 或是 MyICON 是一樣的，只是個人的識別字串不是 Email，而是 OpenID。

另外一個完成服務則是 Chatlino，一個互動式聊天室。這個服務其實只算得上是 Chatlino 這個 Handlino Project 的 demo 站，不過基本上聊天的功能都是完備的。還有一些小 bug，不過 shelling++ 最近正在積極的進行重構當中。預計將會有新的 visual design。

關於 OpenID 的基本認識，可以看看 ericsk 所寫的認識 OpenID，而至於 OpenID 怎麼使用，則可以參考 Jeffrey's Note 的這篇文章：如何申請及使用OpenID ! 在 opmsg 與 chatlino 上，只需要打入 openid 網址就行了。目前 Yahoo 與 Google 兩大巨人也直接提供其使用者 OpenID 識別。Yahoo 使用者需要在 http://openid.yahoo.com/上啟用。Google 使用者則可直接用其 Blogger 網址做為 OpenID（不過，如果是使用外部主機做為存放 blog 文章處的話，則無法使用，必需將 blog 站放在 blogger 端才行）。有這兩大後援，無異是替 OpenID 陣營注入了最強的信心以及後援力。

OSDC.tw 圓滿結束

以下是我在這 2008 年 OSDC.tw 裡演講所用的投影片。首先是「網頁程式還可以怎麼設計」

| View | Upload your own

然後是 lightning talk 的部份。我總覺得我好像比較適合做 lightning talk。

| View | Upload your own

This thing I always forgot...

Just a memo. In my Jifty App::Model::User code.. I almost always need this:

sub _brief_description { 'name' }

sub current_user_can { self->current_user->id == self->id }

DPCustomMono2 這個字體

DPCustomMono2 vs ...

由於屬於 Mono 型，DPCustomMono2 這個字體也被列出在 Monospace/Fixed Width Programmer's Fonts 這頁網頁裡面。久久前看到，試了試，覺得這個字體特色很足，筆劃結尾處略重，說不上來倒底是算有無襯線，因為有的字母有，有的無。不過配合其他中文字在 iTerm / Terminal 上使用時，卻不盡理想。

今日又在找字體來欣賞時，再度逛到此字體的頁面，此頁還多了與其他幾種經典標準字體的比較。這才知道原來 DPCustomMono2 的來由，乃是專為 Distributed Proofreaders (DP) 計畫而發明的字體，其用意在讓校讀人能更加容易分辨出錯別字。因此特意設計出筆劃稍微不齊的字型。如下 Arial 般整齊畫一，在字字必看的情境之下，反而容易疲勞：

與 DPCustomMono2 對照如下

似乎是真是有點道理。定睛一看，馬上可以發現在看 Arial 版時，似乎不太能馬上確定倒數第二列第二字的「wlndows」的第二個字母是 L 或是I。一直看到 DPCustomMono2 版時，則立刻可以確定那是小寫 L。

既然了解到這層含意，我決定再度將我 Emacs 的字型設定為 DPCustomMono2 ，看看能不能一定程度上助我找出程式錯誤，或是文件錯誤。

"alert here" in Emacs.

When debugging javascript, sometimes it's quite helpful to put alerts. Here's a function for Emacs to insert an alert that shows current file name and line number:

(defun js-insert-alert-at-here ()
  (interactive)
  (insert (concat "alert(\""
                  (buffer-name)
                  ": "
                  (number-to-string (line-number-at-pos))
                  "\");")))

Auto-complete ssh hostname in zsh

This zshrc snippet automatically search for ~/.ssh/known_hosts for hostnames for ssh, scp, and ping command. It requires perl.

compctl -f -k "(
        `cat .ssh/known_hosts | perl -lnae '@C=split(",", $F[0]); print for @C'`
)" ssh scp ping

HappyDesigner Meetup #3

我在這第三次 HappyDesigner 聚會的講題是 "SPA, JavaScript::Writer, pQuery"，投影片如下，歡迎參考：

| View | Upload your own

下次會在 OSDC.tw 的場子上演講「網頁程式還可以怎麼設計」，OSDC 的日期是 4 月 12、13 日。內容大概會跟這次有一小部份相關吧。會涵蓋過去幾次做網頁程式設計的一些經驗與心得。

GrApple 也出了 Firefox 3 的版本

我想應該有不少人會喜歡的 GrApple 這個 Theme，因為它看起來很對 Mac 的味。不過也跟 Safari 很像。現在它出了給 Firefox 3 用的版本了。

這個字我曾經故意唸成「葛兒 Apple」，因來朋友們一陣笑。不過，如果老老實實的唸成「grap.ple」，這個字的意思是「摔角比賽」，反倒失去了這個 Theme 「跟 Apple 很合」的明顯意味。那麼倒底怎麼唸才比較好？不過，「摔角」的意思去解，其實多半也沒錯，因為，引述其首頁的一句話

GrApple look up to 3 times more beautiful than Safari and up to 5.5 times more beautiful than Opera 9 ;-)

它硬是要比其他瀏灠器美上三倍有餘嘛。

Driving is boring

Listening to new NIN album with crappy car stereo is a joy of low. I
just drove two hours straight to Taichung. Good place, good soybean
latte at 目覚まし cafe. 20 minutes before it's closed. Good.

That's my third coffee today.

いま...

目覚ましカフェに 豆乳ラッテ飲みます

在 iPhoney 裡面跑 javascript 測試

雖然不知道這代表什麼意義，不過看起來很好玩。

Safari 沒有 Date.now 啊...

if (!Date.now) {
    Date.now = function() {
        return (new Date()).getTime();
    };
}

只好這麼辨了。

Technorati Tags: javascript, safari

有夠酷的腳踏車音樂家旅行者大叔

在上野公園裡除了很幸運地看到了早開的櫻花之外，還見到這位自行製作所有樂器的大叔，所有的樂器都可以收納進他背後腳踏車的旅行袋中跟他一起四處雲遊。聽說全加起來約四十五公斤重（如果我的日文聽力有好到能完全聽懂他在說些什麼就好了）。

他的報導：http://www.power-tools.jp/ongaku.html 以及他的 Blog: http://blogs.yahoo.co.jp/tatexylophone

Update: Thanks dr bean for providing the information

恵比寿 自家煎焙 ヴェルデ

我還真的是第一次看見這個假名。本來想在 ipod 上面打一些記錄的，沒想到完全無法猜出輸入方式。回到家研究了一下，現在知道可以用「vu」打出它了。無論是在 ipod 上輸入，或是使用 MacUIM 來輸入，都是一樣的發音。這家店名的輸入方式是打「verude」。不過我想它原本的字應該是「Verde」吧。

簡單地說，這是一家實力取勝的店，各種味道特殊的單品豆都有。而且，沒有 BGM。

老闆手沖咖啡

店舖情報 (Y! JP)

雞蛋 3

「還沒經過時間和用戶的考驗」一言看似抱怨，實則總結了許多無奈與真理。倒讓人再想起 Agile Manifesto:

That is, while there is value in the items on the right, we value the items on the left more.

不過，有人說 refactoring 不嫌多，雖見仁見智，總是個理想。理想值嘛，正如國、高中物理化學課程所教，必定是犧牲了些極為基本的自然條件才能求得的。

「肉必自腐而後蟲生」，用這八個字來比喻軟體開發過程的話，好像也到了七八分。是啊，「肉」也是種「軟」體嘛。總之這門學問就老是離不開廚房食材了。也好。

但不知下回 入力法燒鳥會 何時開催？

茶具

成套的茶具，使飲茶氣氛加分（壺 + 杯 x 2 + 糖罐 + 壺保溫套 + 沙漏)