Endless TACOJOHN: 05/01/2008

2008-05-23

京都人和 People in Kyoto

三月底(3/26-3/30)，跟Norman、Lucca及Jason一行四個人到日本關西地區去自助旅行。
這一趟有很多的小插曲，有機會再寫來回憶。
這邊先只跟各位分享一些我拍的照片，尤其是人的部份!!

不談印象中的日本人，光談我看到的...
乾淨、愛漂亮應該就代表全部了吧!!也許是他們飲食習慣的關係，街上找不到較為豐庾的人，無論是男生或是女生。
而女生更是幾乎都會畫上一定的妝容。
anyway，看看拍的不怎樣的圖吧^^

#1

#10

#11

#12

#13

#14

#15

2008-05-22

【Blogger】相關文章(Related Posts)

進入Web2.0後，標籤(tag)的使用無疑是最具影響力之一的突破。
不同於傳統的樹狀分類，tag的運用可以是一對一、一對多甚至是多對多。
以Blog而言，tag的標示使用便相對的方便且重要了!!
當在觀看一篇特定文章時，能夠自動將相關的文章給列示出來，就可以可讓讀者看到可能同樣有興趣的文章，更可吸引讀者去瀏覽自己其他的文章。

由於Blogger會賦予每篇文章靜態連結網址，所以我們很容易便可透過RSS來達成上面我們要的功能了!!
意即，只要透過文章tag的RSS Feed，抓出所有擁有相同tag的文章，並將之列出(或亂數選擇幾篇)即可。
以下的做法是參考自ABIN'S TECH NOTE，該網站有很多很有用的blogger hack，而且在blogger的基礎教學上也很豐富，是玩blogger的template或是widget一定要去逛逛的好站哦!!

要改之前，請千萬記得要先備份template。
首先，要先在<head>及</head>之間加入下面這一段JavaScript的程式

<script type='text/javascript'>
//<![CDATA[
var relatedPostsNum = 0;
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedDates = new Array();

function RelatedLabels(json) {
  for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedPostsNum] = entry.title.$t;
    relatedDates[relatedPostsNum] = entry.published.$t.substr(0,10);
    for (var j = 0; j < entry.link.length; j++) {
      if (entry.link[j].rel == 'alternate') {
        relatedUrls[relatedPostsNum] = entry.link[j].href;
        relatedPostsNum++;
        break;
      }
    }
  }
}

function RemoveDuplicatedPosts(PostUrl) {
  var tmpUrls = new Array(0);
  var tmpTitles = new Array(0);
  var tmpDates = new Array(0);
  function contains(a, e) {
    for(var j = 0; j < a.length; j++)
      if (a[j]==e)
        return true;
      return false;
    }
    for(var i = 0; i < relatedUrls.length; i++) {
      if(!contains(tmpUrls, relatedUrls[i]) && PostUrl != relatedUrls[i]) {
        tmpUrls.length += 1;
        tmpUrls[tmpUrls.length - 1] = relatedUrls[i];
        tmpTitles.length += 1;
        tmpTitles[tmpTitles.length - 1] = relatedTitles[i];
        tmpDates.length += 1;
        tmpDates[tmpDates.length - 1] = relatedDates[i];
      }
    }
  relatedTitles = tmpTitles;
  relatedUrls = tmpUrls;
  relatedDates = tmpDates;
}

function ShowRelatedPosts(PostUrl) {
  RemoveDuplicatedPosts(PostUrl);
  var r = Math.floor((relatedTitles.length - 1) * Math.random());
  var i = 0;
  if (relatedTitles.length > 0) {
    document.write('Related Posts: <ul>');
    while (i < relatedTitles.length && i < 5) {
      document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a> - ' + relatedDates[r] + '</li>');
      if (r < relatedTitles.length - 1)
        r++;
      else
        r = 0;
      i++;
    }
    document.write('</ul>');
  }
}
//]]>
</script>

可以看到上面，其實是透過JSON去抓取RSS Feed的內容，並且只抓取文章的標題、連結及日期的部份。另外，ABIN前輩還透過RemoveDuplicatedPosts這支程式將文章自身給排除在候選名單之外，更顯得合理，否則在文章內的相關文章還出現自身就有點脫褲子放屁的感覺了!!
此外，在ShowRelatedPosts這支函式中，有兩個部份比較需要注意，一是我用紅色粗體字標示的部份，就是要亂數選取文章的篇數，意即要列出的文章篇數。
二則是document.write的部份，這部份就是要如何顯示在文章內的格式(並非顯示的位置)，這兩個部份非常方便讓使用者來修改!!

再來便是要決定何時呼叫上面的函式來抓取文章了。
先找到在文章裡顯示該文所擁有tag的程式，在列出tag的同時，就順便做過濾RSS Feed的動作，避免重新再做一次浪費資源及時間!!

<b:if cond='data:post.labels'>
  <data:postLabelsLabel/>
  <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  </b:loop>
</b:if>

在上面這段程式中的每個迴圈最後，就執行程式去抓取!!
也就是將上面這段程式加入下面藍色的部份

<b:if cond='data:post.labels'>
  <data:postLabelsLabel/>
  <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=RelatedLabels&amp;max-results=10&quot;' type='text/javascript'/>
    </b:if>
  </b:loop>
</b:if>

上面這段程式，紅色粗體字則決定了抓取的相關文章的母數，這個數字得大於前面決定的列出文章的數量才行。
當然，這個數字越大相關文章的亂數樣本也越大，也就是相關文章可以顯示越多舊的相關文章。相對的耗費的資源也就多了點。
OK，到這邊基本上都做完了，唯一剩下的部份，就是把結果顯示了!!
顯示的部份，只有一個條件，就是必須在上面這一段程式的後面才能顯示(總得讓程式先抓完資料才有東西可以顯示吧^^)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <script type='text/javascript'>
  ShowRelatedPosts(&#39;<data:post.url/>&#39;);
  </script>
</b:if>

好了，儲存後就打完收工啦!!!
上一段藍色的判斷式，是用來判斷目前所在頁面是否在文章的連結內頁。所以如果是加上面的方式做的話，這個顯示相關文章效果，在首頁的文章是看不到的，得要點入文章的內頁連結（當然，那篇文章要有加註標籤被分類過），在顯示標籤的後面才會顯示效果哦!!

※參考網站：
．Abin's Tech Note:加入相關文章功能(Related Post)

2008-05-05

有你的快樂

自從一個人在外面租房子後，我都會習慣性的轉開電視，不是為了看某些節目，更不是為了看某些明星，也許只是單純的想為冷清的房間增添那些許人氣。
今年一月的一個忙碌的夜晚，孤寂的我正與程式進行一場拔河的搏鬥。耳邊如同往常一般傳來電視那熟悉已久但卻又相當陌生的聲音…
也許是恰巧在那與程式進行N戰N/2+1勝賽制中奪得了一勝，剛好那麼有一絲絲閒情逸致細細聆聽耳邊傳來的聲音；更也許是因為這聲音實在太美妙動人，讓我在與程式搏鬥的當而能夠忽略掉旁邊0與1大軍傳來的陣陣叫囂聲與加油聲…
無論如何，我就是聽到一個，能讓我放下手上的工作，把心思轉移到電視的一個好聲音!!

就像我當年聽Norah Jones、Jack Johnson、Lisa Ono一般
一點慵懶、一分輕鬆、加上自然不造作的情緒；沒有衝浪般的激情(好吧，我承認我沒衝過浪)，也沒有攝影時的孤獨(嗯，對啦，我拍照時都是一群人到處瘋…並不孤獨啦)，單純就是一種會讓人置身事外卻又能清楚體會的那一種淡淡然。
不哭不吼，不急不徐，不太過亦無不及；沒有令人驚艷的技巧，卻又有完全的修飾；天生厚實卻又不沉悶的嗓音，娓娓唱來，畫面就自然會呈現。
像咖啡般又香又儂郁，像XO般醉人卻順口…相同的，都是喝一口就能溫暖你的心!!
一個歌手，要有著什麼樣的經歷才能詮釋這樣的感情??依我那未發育完全過的大腦來看，時間應當是必然的條件之一。
也許…一個擅長靈魂樂、Jazz樂，有著黑人天生好聲線的歌手才會是她的真面目吧…

飛奔到電視前，看著眼前的這首Let's Start From Here，主唱者竟然是個跟我一樣有著黑頭髮、黃皮膚的年輕女孩…再看看名字，竟不是曾經令我極度驚艷的雪兒、Susan Wang等名伶(廢話，聲音就不像了)…
Joanna Wang，這名字很陌生…但…未來的歌壇，應該肯定會有這個年僅19歲的小女生的一席之地。

前面這一段沒頭沒腦的文章，其實早在很久前就該寫了…不過我的個性一向很懶…該忘的絕對是不會記得的…所以…過了快半年才出現，請各位不要拿垃圾丟我…但拿錢丟我倒是非常歡迎^^
過年後也買了Joanna的這張CD…每天上下班也聽到快爛掉了，最近這一個月也已經換成了PS.I Love You原聲帶在播放…直到這兩天…
因為某人每天翻上又翻下(這各位不用懂，我跟她懂就好了^^)的看著「我在墾丁天氣晴」這部豆導的連續劇。在某人的強力推廌加上小弟個人強烈的好奇心之下…我也開始看了一下這部影集…
OKAY，看到這兒，可能有人真的想丟垃圾過來了…怎麼有人會瘋到把Joanna跟我在墾丁天氣晴穿插亂講@@
各位別急啦，因為我在墾丁天氣晴的片頭及片尾曲都是收錄Joanna這專輯的歌，所以也勾起了我對她這專輯的想念，並再度把這張CD拿出來細細回味一番。

這篇文章其實不是要跟各位分享我對Joanna的欣賞或是我在墾丁天氣晴這影片的看法，而是單純的想分享一下Joanna這專輯裡的一首歌，也是我在墾丁天氣晴裡的片頭曲：有你的快樂
這首歌除了旋律優美以外，歌詞更是寫的非常的棒，配合Joanna獨特的嗓音，把對對方那種情愫娓娓道來：不是激情的、也不是委屈的，一切都是那麼的自然，那麼的享受思念的攏罩
我想，這真的唱出了很多人(包括我)對另一半的想法吧!!
搭配墾丁天氣晴那淡淡陳述的調性，真的是近來我覺得台灣戲劇跟流行樂搭配最好的一部戲了!!

有你的快樂
我怎麼都不想睡天特別亮夜特別的黑
當我深深的呼吸心中充滿想你的甜蜜

想和你走在雨中想要你牽我的手傻傻的你不敢說愛
而我也故意要你為我等待

說不出有多麼快樂還是不夠這感覺這一切
就好像飄在外太空別的星球只有我們存在

喜歡和你在一起無聊的生命也變有趣
當你聽我的音樂分享在每一刻的心情

在一起越來越久開始會對你在乎這感覺我們都明白
只要你在身邊日子就亮起來

說不出有多麼快樂還是不夠這感覺這一切
就好像飄在外太空別的星球只有我們存在

愛情在這個時候我的心就像天氣晴時多雲偶爾有雨

說不出有多麼快樂還是不夠這感覺這一切
就好像飄在外太空別的星球只有我們存在