Jen-Ming's Blog

Something about ELMAH (Error Logging Modules and Handlers)

2010-06-23T07:55:00.000+08:00

不管是在開發階段還是真實上線的狀態，總還是會有原本工程師遺漏的邏輯漏洞。以前總是要請使用者抓畫面，才能取得完整的錯誤訊息，且這樣的話無法即時收到錯誤的訊息；以前都是用土法煉鋼的方式弄一個 ErrorLogger 類別之類的東西來記錄，原來真實世界上已經有很多商業與 OpenSource 的套件可以使用，今天要介紹的是 Elmah。下圖來源為原專案網站，這是根目錄下的管理介面，顯示著錯誤例外發生的日期、類型、訊息簡介等，傑克，真的太神奇了!

1. 基本安裝與設定

已經有太多的資源可查詢，這邊就不廢話，直接放連結請大家參閱囉。基本上就是先把該組件參考至專案中，接著設定 Web.config 檔就可以運作了。

Elmah Wiki Pages: for example, Using ELMAH with ASP.NET MVC
如何偵錯--ELMAH 絕妙的偵錯工具安全架設於ASP.NET MVC
下載解壓縮後的路徑下 Elmah\samples\Demo 中有一個 Web.config.template 的檔案可以參考。

2. 儲存方式設定 Log errors to several back-end storages
Elmah 提供多種記錄錯誤的方式，包括實體的資料庫(MS SQL, SQLite, etc.)和檔案(XML)，以及記憶體中。以下的例子是以 Microsoft SQL Server 2005 當例子說明。

2-1. Web.config setting & Create a Elmah database

<configuration>
  <elmah>
    <errorLog type="Elmah.SqlErrorLog
        , Elmah" connectionStringName="ELMAH.Sql" />
  </elmah>

  <connectionStrings>
    <add name="ELMAH.Sql"
         connectionString="Data Source=YourDBSource;
         Initial Catalog=ELMAH;Persist Security Info=True;
         User ID=YourUserID;Password=YourPassword"
         providerName="System.Data.SqlClient" />
  </connectionStrings>

</configuration>

接著我們新增一個資料庫 ELMAH(上一段中所設定的資料庫名稱)，接著很重要的是要執行解壓縮後路徑 Elmah-1.x\db 下的 SQLServer.sql 檔案，把程式需要叫用的 Stored Procedure 新增到 ELMAH 資料庫中；做完上述的設定後，執行 http://project.domain/elamh.axd 就可以看到錯誤列表頁面了。

3. 使用 Gmail 寄送錯誤訊息
這邊要特別設定的地方是 smtpPort="0"，另外一些信件的相關設定也可以一併在該區段中設定。

<configuration>
  <elmah>
    <errorMail from="...@..." to="...@..." 
               priority="high" smtpPort="0" useSsl="true" 
               subject="Error form ELMAH: " async="true" />  
  </elmah>
  <system.net>
    <mailSettings>
      <smtp deliveryMethod="network">
        <network
          host="smtp.gmail.com"
          port="587"
          userName ="YourGmailAccount@gmail.com"
          password ="YourGmailPassword"
         />
      </smtp>
    </mailSettings>
  </system.net>
</configuration>

收到信的範例如下圖。

或是參考下列的相關說明文章：

4. 在 Web Service 中偵錯
若是用 ajax 呼叫後端的 Web Service 發生錯誤的話，你會發現 ELMAH 並沒有記錄該錯誤，找了 StackOverflow 似乎也沒有較好的作法，目前我是像那些網友建議的方式，用 try-catch 包住程式邏輯，來達成記錄錯誤的目的。請參閱這一篇討論 Handle exceptions in web services with Elmah

public int WebServiceMethod() {
  try {
   ...
  }
  catch (Excetion ex) {
    Elmah.ErrorLog.GetDefault(
      HttpContext.Current)
          .Log(new Elmah.Error(ex, HttpContext.Current));
  }
}

5. 安全性設定
當網站正式部署上線後，要讓維護人員可以進入 elamh.axd 需要下列的設定。請參閱這一篇 Allowing secure, remote access to your ELMAH error log: 這邊要注意的是，如果一般使用者和管理者都是透過同一頁面做登入驗證的話，可以在對應的 Controller 中再做處理，或是如同上一篇作者建議的用 Role 的方式做管理。

在 MS VS 中的「class 或 CssClass 值未定義。」警告訊息

2010-01-10T20:41:00.005+08:00

通常在 MasterPage 中會引用一些 CSS，但是很詭異的是在 ContentPlaceHolder 使用那些定義於 CSS 中的 class 時，儘管實際 render 網頁的時候是正確的，但每次看到編譯完後 MS Visual Studio 2008 出現一排警告訊息還是覺得很厭煩...

雖然有網友說安裝完 VS SP1 後就可以解決上述的問題，不過在我的開發環境還是一樣會出現這些警告訊息；下列的程式碼是從 Tired of Visual Studio Telling You "The class or CssClass value is not defined"? 擷取出來的，原作者把原本的引用路徑複製一份到 <asp: Literal...> 中，且把該控制項設定為 Visible="false"，編譯後檢視網頁原始碼會發現並沒有什麼不同(因為 Visible="false")，但是對 Visual Studio 而言就不會出現那些警告訊息了，雖然不是最佳解，但還是有蠻好的效果的。

<head runat="server">
  <title>The Page</title>
  <asp:Literal Visible="false" runat="server">
    <link href="~/Content/SuppressCssWarnings.css"
        rel="stylesheet" type="text/css" />
  </asp:Literal>
  <!-- You probably have more here... -->
  <link href="~/Content/SuppressCssWarnings.css"
      rel="stylesheet" type="text/css" />
</head>

Firefox Extension：IDE Environment Setup

2010-01-08T03:19:00.007+08:00

接觸 Firefox 以來，對多樣化且功能強大的 Extensions 印象很深刻，但從沒想過有一天也需要去開發擴充套件...一切就從老闆的需求開始去硬K...這個系列(如果還有下一篇的話)，比較不會用市面上常見的電腦教學書一般，用一個大案子貫穿整個主題(因為我也不太熟XD)，比較會傾向用 case 的方式來說明，希望能減少有興趣踏入的朋友一些摸索撞牆的時間...若文中內容有誤，也請不吝賜教 ^o^

開發勢必要會的知識：Javascript 和 XUL(XML User Interface Language)，官網上有詳細的中文說明，煩請參閱...本文主要是想介紹自己常用的開發環境設定。撰寫 Javascript Code 方面，我是使用 Spket IDE - 可以直接整合到 eclipse 中，安裝好後，可以直接建立一個 Firefox Extension Project(如下圖所示)。

這樣做的好處是，Spket IDE 可以快速的幫我們開出一個符合 Firefox Extension 的檔案架構(如下圖)。且用 eclipse 的好處是，可以直接對著根目錄的 build.xml 按下右鍵後選取 "Ant Build" 會直接幫你打包成 .xpi(其實本身也是一個壓縮檔，裡面有包好的 .jar 等檔案)。

XUL 中定義了很多常見的控制項(XUL controls)，如果怕敲錯字或不想看文件的話，可以用 XUL Explorer 小工具來建構你想打造的 Extension 外觀。工具左邊是你想要放的控制項，像是按鈕或是選單之類的，拖到右邊後，可以按下 Preview 就會是在 Extension 中長的樣子。

長久被 MS Visual Studio 養慣...實在會覺得整個 IDE Solution 相對沒有非常友善...因為我敲錯字或多一個 ; 還是可以 build 成功...有時候會 debug 很久..因為 console 也看不到錯誤...實在很難想像大如 firebug 的套件是怎麼快速開發和維護的。

JSON serialization and deserialization in .NET

2009-11-25T11:53:00.023+08:00

近期常用到 AJAX 方式去呼叫後端的 Web Services，資料的傳遞交換均是用 JSON (JavaScript Object Notation)，這篇主要是整理一些在 .NET 上序列化 (Serialization)和反序列化 (Deserialization)的小技巧和心得。

對於 JSON 的入門觀念可以參閱 Introducing JSON 或是 syshen's blog 中的 JSON 介紹。JSON 的資料格式簡言之可以看成是 Object 和 Array 的組合；Object 是指用大括號 {} 包起來的 string:value 的組合，如果多組組合的話，中間則是以逗號區隔，例如：{string1:value1, string2:value2, ....}。而 Array 的特徵則是用中括號 [] 包住以逗號區隔的 values。

接下來分別整理一下在 .NET 中對 JSON 做序列化和反序列化的動作。

序列化 (Serialization)
假設情境是，前端的 AJAX 對後端的 Web Service 做了一個呼叫，而我們想要回傳 JSON Data 的話，可以用下列的方式。

var query = from _table in DataContext
    .Table select _table; // obtain data by Linq 

System.Web.Script.Serialization.JavaScriptSerializer serializer 
    = new System.Web.Script.Serialization.JavaScriptSerializer();

List<Dictionary<string, object>> rows 
    = new List<Dictionary<string, object>>();

Dictionary<string, object> row;

foreach (var item in query) { 
    // each object can contains the number of string/value pairs 
    row = new Dictionary<string, object>();
    row.Add("string1", value1);
    row.Add("string2", value2);
}

return serializer.Serialize(rows);

反序列化 (Deserialization)
可能的情境是，後端的 Web Service 接收到前端的資料格式為 JSON 結構，可能是單筆也可能是多筆資料的集合；目前的話 .NET 3.5 以上可以用 DataContractJsonSerializer 類別來處理，或是可以用 Json.NET 做解析，使用上最大的差異在於 Json.NET 在做解析(parse)的時候並不需要事前建立對應的 Mapping-Table，但是 DataContractJsonSerializer 使用上必須對應到強型別的物件上 (strongly managed objects)，所以需要事先宣告外，在資料結構上有異動時，還需要連動變更。

DataContractJsonSerializer Class

// before using DataContractJsonSerializer class
// , we need to claim the mapping data-types
[Serializable]
[DataContract]
public class DataObject
{

  [DataMember(Name = "title")]
  // can assign the custom property
  public string Title { get; set; }

  [DataMember(Name = "url")]
  public string URL { get; set; }
}


DataContractJsonSerializer ser 
    = new DataContractJsonSerializer(typeof(DataObject));

MemoryStream ms 
    = new MemoryStream(Encoding.Unicode.GetBytes(jsondata));

DataObject o = ser.ReadObject(ms) as DataObject;

但如果 JSON 內含有多筆的資料要如何處理呢? 例如：[{items:{"title": value, "url": value},{"title2": value, "url2": value}}]

// here we need defined List&lt;DataObject&gt;
[DataContract]
public class DataObjects
{
    [DataMember(Name = "items")]
    public List&lt;DataObject&gt; items { get; set; }
}

DataContractJsonSerializer ser 
    = new DataContractJsonSerializer(typeof(DataObjects));

MemoryStream ms 
    = new MemoryStream(Encoding.Unicode.GetBytes(jsondata));

DataObjects os = ser.ReadObject(ms) as DataObjects;


// loop data
foreach (DataObject o in os.items)
{
    Console.WriteLine(o.Title);
    Console.WriteLine(o.URL);
}

References：

Json.NET
如果是使用 Json.NET 的話，就不需要先宣告對應的型別，相對而言較彈性與簡潔；例如輸入的資料格式為：json = [{},{},{},.....,{}]

JArray a = JArray.Parse(json);
foreach (var item in a)
{
    JObject o = item as JObject;
    // Console.WriteLine((string)o["title"]);
}

Emily

2009-10-23T02:29:00.003+08:00

許久沒有拿起相機了...謝謝鯰魚和 Eric 讓我也能一起去外拍插花 ^^

也謝謝 Emily 頂著大太陽跑了一整天，總是自然的對著鏡頭微笑

.....又詞窮了...總之，能心無旁騖的按著快門，真的是很快樂的一件事。

Street View@Google Map

2009-08-19T13:45:00.002+08:00

小佛，你路邊停紅線被抓包了啦!
猛到讓我起雞皮疙瘩的服務...有人知道怎麼進這家公司嗎XD

檢視較大的地圖

My Lovely Son

2009-07-22T01:32:00.003+08:00

終於和你見面了，抱著你，好溫暖，好幸福，更謝謝大家的關心與祝福，希望你能平安健康的長大，是我最深的心願。

murmur...眼睛有大很多，謝謝布丁的改良哈哈

我要睡覺啦，不要再拍了

2009 Ginat XTC HB3

2009-07-17T23:21:00.000+08:00

July 17th, 2009
這台車的開箱文網路上已經一堆了，就不再贅述，補上他的出生照一張。

Whitney New Single (2009) I Didn't Know My Own Strength

2009-07-07T17:28:00.004+08:00

很久沒聽到 Whitney 的新歌了，昨晚回家的路上在警廣的節目中聽到這首歌，真的感動到眼淚都快流下來，雖然不是以前熟悉的高亢嗓音，但稍微的沙啞中感覺放了更多的感情，總之這是我很膚淺的敘述，但真的很推薦這首歌。

很喜歡這一句歌詞...
I crashed down and I tumbled, But I did not crumble.

Lyric / 中文版

(Verse 1)
Lost touch with my soul
I had nowhere to turn
I had nowhere to go
Lost sight of my dream
I thought it would be the end of me
I thought I'd never make it through
I had no hope to hold on to
I thought I would break

(Chorus)
I didn't know my own strength
I crashed down and I tumbled
But I did not crumble
I got through all the pain

I didn't know my own strength
Survived my darkest hour
My faith kept me alive
I picked myself back up
Hold my head up high
I was not built to break
I didn't know my own strength

(Verse 2)
Found hope in my heart
I found the light to light my way out of the dark
Found all that I need, here inside of me
I thought I'd never find my way
I thought that I'd never lift that weight
I thought I would break

(Chorus)
I didn't know my own strength
I crashed down and I tumbled
But I did not crumble
I got through all the pain

I didn't know my own strength
Survived my darkest hour
My faith kept me alive
I picked myself back up
Hold my head up high
I was not built to break
I didn't know my own strength

(Bridge)
There were so many times I
Wondered how I would get through the night I
Thought took all I could take

(Chorus)
I didn't know my own strength
I crashed down and I tumbled
But I did not crumble
I got through all the pain

I didn't know my own strength
Survived my darkest hour
My faith kept me alive
I picked myself back up
Hold my head up high
I was not built to break
I didn't know my own strength

(Outro)
I was not built to break
No no, I got to know my own strength

2009 綠

2009-06-10T17:08:00.002+08:00

雨天後，總會在小徑旁找尋這樣的翠綠。
看著這些交錯的小草和圓滾滾的水珠...

總是讓我感受到滿滿的生命力!

沒有微距鏡，水珠上有樹的倒影喔。

依昀收涎

2009-06-03T14:00:00.003+08:00

真佩服岳父大人，不知道去哪買到傳說中的收涎小餅乾，令人噴飯的是，接到岳父的電話時，我以為依昀的脖子是被一個圓圓的大餅乾圍繞，原來是用紅線哈哈，太妙了，這張雖然是模糊的，但是看她笑得超開心的啦哈哈，好可愛。

補上一張依昀的正妹定裝照，看她的小手還是緊緊握著餅乾，粉可愛捏哈哈

在網路上找「收涎」的民俗習慣解釋時，意外發現還可以這樣辦收涎趴，用 Mister Donut 當餅乾真的是很妙，等小明出來也要搞這種的，哈哈

轉眼間

2009-05-04T13:33:00.003+08:00

轉眼間，五月到了...

懷著感恩與興奮的心情參加了口試，果然心臟要大顆一點才行..

這幾天隨手翻了「天使補習班¹」，作者洗鍊的文字總令人感同身受。

很喜歡裡面的一段句子：

是我們的，要努力爭取，爭取不到的，鐵定不是我們的。

進研究室前，小穎熱心的喊了我來欣賞這美麗的光影²，糊的是我拍的。

喜歡這種似乎有柳暗花明又一村的光影。

這張清楚的應該才是小穎的神之手，哈哈。

再來糊一張，神秘詭譎的藍光。

murmur...亂七八糟的文字鋪陳..這篇有看懂得舉手哈哈，
跳 tone 跳很大 (純記錄)

¹九歌文庫出版，游乾桂著，天使補習班。
²攝於中研院資訊所新舊館交界

2009 天元宮春櫻

2009-03-21T00:17:00.002+08:00

不知道從什麼時候開始，每年來天元宮拍櫻花的念頭總是隨著櫻花季的到來而越發濃烈..到也不是迷戀櫻花的美，只是這裡是那年的我們留下快樂回憶的地方...時間不停的前進著，兄弟們也朝著不同的方向努力著，只想告訴你們，很珍惜每次的相聚，因為總充滿著歡愉的氛圍。

PS.先解毒一下，雖然標題是天元宮的櫻花，但是這次沒有讓天元宮入景了，全部都是淺淺淺淺淺到爆的櫻花照哈哈

2009 阿里山 Sakura, Alishan, Taiwan

2009-03-19T19:03:00.006+08:00

只有親自來到這裡，才能體驗她的美。

同場加映：
Island master B.H.E：阿里山 . 屬於我的記憶

中研院資訊所舊館旁 — 石牆蝶 Cyrestis thyodamas formosana

2009-03-14T17:10:00.004+08:00

這幾年每天走過的樹，從不曾仔細的觀察過，只覺得抽芽，新綠，花開，落葉這般的循環著..
這天照例上完網球課回研究室時，意識到樹下怎麼有一位大哥拿著相機猛拍，定睛一看才發現盛開的花束上滿滿的蝴蝶和蜜蜂忙碌著在採蜜，馬上衝回去拿了 GRD 來記錄這美麗的蝴蝶，這一位服務於 TEIA 的林大哥，很有學問，告訴我這種蝴蝶的學名是石牆蝶(Cyrestis thyodamas formosana)，更不吝惜於分享他所知的知識，謝謝您林大哥!
最妙的是，可能中國人的好奇心真的太強了，尤其是看到一個人拿著相機在樹下不知道拍什麼，總計那天下午，我總共遇到了4團人，他們也是驚奇著樹上竟然掛了這麼多美麗的蝴蝶，石牆蝶的保護色不認真看還真的部會發現他的存在...
這棵樹在中研院資訊所舊館旁的停車場旁，除了有很乖的蝴蝶讓你拍個夠外，還認識了很多新朋友，蠻有趣的經驗，快來一起欣賞這些美麗的蝴蝶吧 ^o^

石牆蝶 Cyrestis thyodamas formosana

欽慧♥張寧婚宴紀錄

2009-03-04T11:48:00.004+08:00

和張老師結緣是因為網球班和阿志的邀約，老師總是給人甜甜的溫暖感覺，氣質更是不需贅述，婚宴那天雖是第一天看到師丈，卻能感受到兩人的契合，學生衷心祝福老師您們幸福，快樂每一天。

這不是靈異照片啦，修圖的時候有看到張妹在角落偷笑，覺得還蠻妙的就留著了哈哈

和第一張不同的是，多了台下許多長輩的凝望與祝福。

本日我最正 — 亘亘

2009-02-10T10:16:00.002+08:00

感謝 vivid 夫婦遠從台中北上探望狗頭兒夫婦，還帶了一位小天使，讓這幾天除了美食之外還有滿滿快樂的回憶 ^o^

[整理]如何顯示標題列於無資料的 GridView

2009-02-02T03:20:00.012+08:00

如同 Kevin Marshall 所說的，使用 ASP.NET 中的 GridView 時，當你所繫結(binding)的來源是沒有資料的時候，GridView 會整個不見，也不會出現原本的 Header 或是 Footer，使用上非常的不便...以往便宜行事的作法先彈出一個 alert message，接著把 GridView 不顯示，實在是有點鳥...即便 GridView 裡面有 EmptyDataTemplate 可以先設定好沒有資料的時候要顯示何種資訊，但不能動態設定顯示和關閉...上述方式都有其缺陷。

歸納一下許多高手前輩的分享文，主要是透過繼承並擴展原有的 GridView 類別，新增相關控制的屬性(i.e. Header or Footer)，接著覆寫(override) CreateChildControls Method 來建立對應輸出的表格。

以下是相關的文章：

Kevin Marshall: Displaying GridView When No Data Exists
根據發表日期和 Matt Berseth 在文中的引用說明，這一篇個人認為是原創文，裡面的概念寫的很清楚，很有參考價值。
Matt Berseth: How To: Show Header and Footer Rows in an Empty GridView
這篇文章中引用了 Kevin Marshall 的片段程式並加以改寫後，並且新增控制 Header 和 Footer 是否顯示的屬性。
ASP.NET 魔法學院: 擴展 GridView 控制項 - 無資料時顯示標題列
中文參考資料，以 VB.NET 撰寫。

其實看了上面的文章應該就能實做出來了，若還有需要可以參考以下的 Setp-by-Setp。

1. Add New Class.
首先新增一個類別，例如名為: EmptyGridView，接著你會發現 ASP.NET 中的 App_Code 資料夾裡面有一個 EmptyGridView.cs。

2. Set Namespace & Code.
接著為了引用的方便，我把 namespace 設定為 EmptyGridView，並設定該類別繼承自 GridView，最後貼上 Matt Berseth 文中的 code 即可。如以下所示：


namespace EmptyGridView
{
    public class EmptyGridView : GridView
    {
      // Copy Matt Berseth code here.
    }
}

3. Register the class.
接著在 ASP.NET 的頁面中，註冊這個 class。
<%@ Register TagPrefix="Custom" Namespace="EmptyGridView" %>

4. GridVew property.
最後在 GridView 中去設定相關的屬性(顯示/不顯示/文字)就可以了。最後在 Postback 的 Event 中，也能透過設定來動態控制。
<Custom:EmptyGridView ID="gv" runat="server" AutoGenerateColumns="false" ShowHeader="true" ShowHeaderWhenEmpty="true" EmptyDataText="沒有符合查詢條件的資料。">

最後是一些程式中不熟悉的地方的話，可以參考下列的文章:

資訊所舊館側門

2009-01-21T15:00:00.003+08:00

平淡的構圖和鋪陳，但內心的感受是溫暖的。

2009 Happy Birthday!!

2009-01-16T10:14:00.001+08:00

妳問我：開心嗎?
我說：這已經不是開心而已...是感動..

謝謝大家啦，我愛你們喔 ^_^

光陰的故事 — 憲光二村

2009-01-15T12:39:00.003+08:00

好妙的樹幹!

缺了黃色的窗框...殘念

布丁和寶礦力

布丁? 梁文音?

Joanna Wang -Times of Your Life(2009)

2009-01-08T11:21:00.006+08:00

最近遠傳電信狂打的廣告，王若琳(Joanna Wang)的渾厚嗓音，配合整個故事結構，腦中開始重疊著這些的動人片段，不管是家庭的、工作的、感情的，還有軍旅中剪頭髮的那一幕，滿滿的珍貴回憶...都是生命中重要的片段，或許這也是自己踏入攝影的初衷...

這首歌的原唱是 Paul Anka(保羅安卡)，也是相當的動聽，很棒的經典歌曲，推薦給大家。

Lyric/Translation：～＊ Buoyancy ＊

Times of Your Life	妳生命中的時光
Good morning, yesterday	早安，昨日
You wake up and time has slipped away	當妳醒來，時光已悄悄溜走
And suddenly it's hard to find	剎那間，這一切再也找不回來
The memories you left behind	那些妳遺忘的回憶
Remember, do you remember	妳記得嗎？妳還記得嗎？

The laughter and the tears	歡笑與淚水
The shadows of misty yesteryears	朦朧的過往歲月的影子
The good times and the bad you've seen	那些妳經歷過的歡樂與痛苦的時光
And all the others in between	還有介於兩者之間的日子
Remember, do you remember	妳記得嗎？妳還記得嗎？
The times of your life (do you remember)	妳生命中的時光

Reach back for the joy and the sorrow	回首過往的歡笑與憂傷
Put them away in your mind	將它們存放在心底
The memories are time	回憶就是
that you borrow to spend when you get to tomorrow	妳借來在明天花用的時光

Here comes the saddest part (comes the saddest part)	接下來是最悲傷的部分
The seasons are passing one by one	季節會依序嬗遞
So gather moments while you may	收集那永恆的剎那，在妳能夠的時候
Collect the dreams you dream today	收藏妳今天夢見的美夢
Remember, will you remember	妳記得嗎？妳還記得嗎？
The times of your life	妳生命中的時光

Gather moments while you may	收集那永恆的剎那，在妳能夠的時候
Collect the dreams you dream today	收藏妳今天夢見的美夢
Remember, will you remember	記得嗎？妳還記得嗎？
The times of your life	妳生命中的時光
Of your life	在妳生命中........
Of your life	在妳生命中........

Do you remember, baby	妳還記得嗎？寶貝
Do you remember the times of your life	妳還記得生命中的時光嗎？
Do you remember, baby	妳還記得嗎？寶貝
Do you remember the times of your life	妳還記得生命中的時光嗎？

PAUL ANKA - TIMES OF YOUR LIFE (1975)

閒

2008-12-31T10:45:00.008+08:00

窗外的濛濛細雨混合著漫室的茶香，眼前的好友們，
很高興能認識大家，更懷念每週打球的時光，和充滿笑聲的夜市巡旅，
即將踏上不同的夢想的你們，請帶著我最真摯的祝福。

Generate Lightbox syntaxs with Flickr API

2008-12-09T15:43:00.014+08:00

使用 Lightbox 套件的 bloger 常會遇到的問題，大概就是每次都要很麻煩的去點 flickr 的 Medium 和 Large Size 的圖片連結。在小穎昨天晚上沒給我看他寫的服務之前，自己真的就是打開好幾個頁籤，然後一張一張的點開，實在有夠浪費時間。

這是從昨天晚上寫到下午的小雛形，大意來說就是透過比較友善的 UI 來產生寫網誌時候需要嵌入的 Lightbox Code。下圖是初版系統的介面，系統目前發佈在這裡。

使用方式很簡單，就是像上面規劃的三步驟：

先輸入自己的 flickr account。
接著系統會先抓出最近上傳的 50 張照片出來，且會把該帳號所建立的 Sets 都列在下拉式選單中。這時候你可以直接透過點選照片的方式來標記哪些是等下要產生 code 的照片，若是照片太多不方便點選，也可以直接選取特定的 Set，讓數量變少方便選擇。
最後填下你要的 group name，然後按下 "Generate" 按鈕就會得到 Lightbox Code，是不是很方便呢，個人覺得和以前相比，貼圖上真是快多了!

這邊一定要感謝一下小穎提供的 idea 和系統，才讓我脫離 Lightbox 地獄哈哈

阿桐阿寶四神湯

2008-12-04T16:38:00.004+08:00

正當我覺得齊齊人怎麼不發一語的狂嗑，心裡正納悶著有這麼好吃嗎?...

有! 真的是粉好吃，沒有一點肥肉的瘦肉，帶著甜味的糯米，還有不膩的醬汁，
天啊，真是太好吃了!!

附上寫的超讚的食記一篇: [記食] 30年老店阿桐阿寶四神湯