Loading...Please wait...
2008-05-23 by tacojohn
三月底(3/26-3/30)，跟Norman、Lucca及Jason一行四個人到日本關西地區去自助旅行。
這一趟有很多的小插曲，有機會再寫來回憶。
這邊先只跟各位分享一些我拍的照片，尤其是人的部份!!
不談印象中的日本人，光談我看到的...
乾淨、愛漂亮應該就代表全部了吧!!也許是他們飲食習慣的關係，街上找不到較為豐庾的人，無論是男生或是女生。
而女生更是幾乎都會畫上一定的妝容。
anyway，看看拍的不怎樣的圖吧^^
#1
#2
#3
#4
#5
#6
#7
#8
#9
#10
#11
#12
#13
#14
#15
2008-05-22 by tacojohn
進入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 != "true"'>,</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 != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=RelatedLabels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
上面這段程式，紅色粗體字則決定了抓取的相關文章的母數，這個數字得大於前面決定的列出文章的數量才行。
當然，這個數字越大相關文章的亂數樣本也越大，也就是相關文章可以顯示越多舊的相關文章。相對的耗費的資源也就多了點。
OK，到這邊基本上都做完了，唯一剩下的部份，就是把結果顯示了!!
顯示的部份，只有一個條件，就是必須在上面這一段程式的後面才能顯示(總得讓程式先抓完資料才有東西可以顯示吧^^)<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
ShowRelatedPosts('<data:post.url/>');
</script>
</b:if>
好了，儲存後就打完收工啦!!!
上一段藍色的判斷式，是用來判斷目前所在頁面是否在文章的連結內頁。所以如果是加上面的方式做的話，這個顯示相關文章效果，在首頁的文章是看不到的，得要點入文章的內頁連結（當然，那篇文章要有加註標籤被分類過），在顯示標籤的後面才會顯示效果哦!!※參考網站：
．Abin's Tech Note:加入相關文章功能(Related Post)
2008-05-05 by tacojohn
自從一個人在外面租房子後，我都會習慣性的轉開電視，不是為了看某些節目，更不是為了看某些明星，也許只是單純的想為冷清的房間增添那些許人氣。
今年一月的一個忙碌的夜晚，孤寂的我正與程式進行一場拔河的搏鬥。耳邊如同往常一般傳來電視那熟悉已久但卻又相當陌生的聲音…
也許是恰巧在那與程式進行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獨特的嗓音，把對對方那種情愫娓娓道來：不是激情的、也不是委屈的，一切都是那麼的自然，那麼的享受思念的攏罩
我想，這真的唱出了很多人(包括我)對另一半的想法吧!!
搭配墾丁天氣晴那淡淡陳述的調性，真的是近來我覺得台灣戲劇跟流行樂搭配最好的一部戲了!!
有你的快樂
我怎麼都不想睡 天特別亮夜特別的黑
當我深深的呼吸 心中充滿想你的甜蜜
想和你走在雨中 想要你牽我的手 傻傻的你不敢說愛
而我也故意要你為我等待
說不出有多麼快樂 還是不夠 這感覺這一切
就好像飄在外太空 別的星球 只有我們存在
喜歡和你在一起 無聊的生命也變有趣
當你聽我的音樂 分享在每一刻的心情
在一起越來越久 開始會對你在乎 這感覺我們都明白
只要你在身邊 日子就亮起來
說不出有多麼快樂 還是不夠 這感覺這一切
就好像飄在外太空 別的星球 只有我們存在
愛情在這個時候 我的心就像天氣 晴時多雲偶爾有雨
說不出有多麼快樂 還是不夠 這感覺這一切
就好像飄在外太空 別的星球 只有我們存在
