PHOTO 物語 × MAR 19, '2009

上星期某一天，公司的電腦做完 Windows Update 就掛了，歷經一天的嘗試仍然只有重灌一途，回到家後，陪伴多年的 TOSHIBA Notebook 居然開不起來，而且是硬體損壞，推測是主機板出問題，這種厄運只能用機瘟或犯太歲來解釋了。（我有安太歲啊！）直接維修 NB 似乎不怎麼划算，而且多年來我把 NB 當桌機用，看來是該讓它退休了，所以乾脆訂了一台新的桌機。



這個星期新的 HP Pavilion 終於送到，環境也 Setup 得差不多了，一切都回歸正常。

新機規格：

• Intel Core 2 Quad Q8300 2.5GHz 四核心處理器
• 4G DDRII 800 記憶體
• 750GB SATA 3G 7200rpm 硬碟
• nVidia GeForce 9500GS 512M 獨立顯示卡

...（閱讀全文）

新鏡入荷 - OLYMPUS Zuiko Digital ED 12-60mm/F2.8-4 SWD

我的 OLYMPUS Zuiko Digital ED 12-60mm/1:2.8-4 SWD 滿月了！

一個月前從辣妹很多的 eWhat 入手了這隻標準變焦鏡後，這段時間幾乎都是使用這顆鏡頭拍照，無疑的她已經取代原本的 ZD 11-22mm，成為新一代的機身蓋，我想未來 ZD 12-60mm 將會是我最常使用而且陪伴最久的鏡頭。

使用 OLYMPUS E-3 拍攝。Click 檢視大圖。

ZD 12-60 銘板。12-60mm（24-120mm equiv.）、光圈 F2.8-4、ED 低色散鏡片，還有 SWD（Supersonic Wave Drive）超音波馬達。



OLYMPUS ZD ED 12-60mm/F2.8-4 SWD 是 E-3 上市時所搭配的標準變焦鏡，也是 OLYMPUS 第 1 顆採用 SWD 超音波馬達的鏡頭，配合上 E-3 新的對焦模組，可以實現「世界最速 AF」的境界。

另外，12mm 至 60mm （135 等效 24-120mm）涵蓋了好用的廣角與中望遠焦段、F2.8-4 的大光圈、0.28x（135 等效 0.58x）放大率，讓 ZD 12-60mm 成為非常好用的鏡頭，甚至是目前 4/3 System 的最佳旅遊鏡，再者 ZD 12-60mm 雖然屬於 HIGH GRADE 等級，但是用料卻不輸 SUPER HIGH GRADE 的鏡頭，尤其是包含一枚 Super ED 在內的總共 4 枚 ED 鏡片，成像畫質優異、銳利、色澤飽滿、防塵防滴，不但好用而且信賴感十足。

ZD 12-60 口徑 72mm 大眼睛。



ZD 12-60 全貌 with 蓮花遮光罩。OLYMPUS E-System 第二章的新鏡頭都是「銀藍環」為識別，銀色線越粗等級越高。



ZD 12-60mm/F2.8-4 SWD vs ZD 11-22mm/F2.8-3.5，最常用鏡頭的前後代，ZD 11-22 將轉為功能導向的鏡頭。



ZD 12-60mm/F2.8-4 SWD vs ZD 14-42mm/F3.5-5.6，高階標準變焦鏡對決輕巧標準變焦鏡。



測焦截圖，12mm 廣角端（左）與 60mm 望遠端均準焦。

ZD 12-60/F2.8-4 SWD 実写：

#1.

E-3 12mm f/8.0 1/60s ISO100

#2.

E-3 60mm f/11 1/250s ISO100

#3.

E-3 19mm f/3.5 1/320s ISO200



ZD 12-60/F2.8-4 SWD 規格：

• 焦距：12-60mm（135 等效 24-120mm）
• 鏡頭構成：10 群 14 枚（Super ED 鏡片 1 枚，ED 鏡片 2 枚，非球面 ED 鏡片 1 枚，非球面鏡片 2 枚）
• 防滴處理：防塵防滴機構
• 視角：84° - 20°
• 最短攝影距離：25 公分（全焦段）
• 最大放大倍率：0.28 倍（135 等效 0.56 倍）
• 最近攝影範圍：62 x 46mm
• 光圈葉數：7 羽、圓形光圈
• 光圈範圍：f/2.8-4.0 ~ f/22
• 濾鏡口徑：Ø72mm
• 最大直徑 × 全長：Ø79.5 × 98.5mm
• 重量：575 公克
• 鏡頭等級：HIGH GRADE
• 鏡頭構成與 MTF 圖：
  
  
  
  

參考資料：

• http://olympus-imaging.jp/product/dslr/accessory/lens/12-60_28-40swd/index.html
• http://www.four-thirds.org/en/products/standard.html#12-60

...（閱讀全文）

玫瑰 ‧ 2009 ‧ 士林官邸

士林官邸的玫瑰季上星期就結束了，可能因為這樣，玫瑰花況並沒有很好（預期中），不過來這邊拍照的人還是很多，而我主要是想測一下 ZD 12-60 這顆鏡頭拍花花草草而來，目的不是拍玫瑰但是拍的都是玫瑰（汗），整理後把這些照片 PO 出來當作一個記錄。

使用 OLYMPUS E-3 + ZD 12-60/2.8-4 拍攝。Click 檢視大圖。

#1. 金黃金幣。


#2.


#3.


#4. 白露斯塔 Sneprinsesse 源自荷蘭 1946。


#5.


#6. 午夜深藍 Midnight Blue 源自美國 2004。


#7.


#8. 中國娃娃。


...（閱讀全文）

世界最小、最輕的防手震 DSLR - OLYMPUS E-620 發表

今天看到最震撼的消息就是 OLYMPUS 發表了 E-620 數位單眼相機的新聞，雖然先前已經看多許多新機的傳言，但發表後仍然忍不住拍手鼓掌，E-620 可以說是 OLYMPUS 最成熟、也最令人滿意的消費級數位單眼相機。

以前入門機的選擇大多會在 E-420 的輕巧與 E-520 的防手震間抉擇，想要又輕又有很酷的皮套，卻因為沒防手震而有點缺憾，想要好的操作效率與防手震，又享受不到輕巧又迷人的配件，如此常常讓人反側難眠，再者選擇 E-520 又肖想著 E-3/E-30 的翻轉螢幕與高速自動對焦系統，而 E-620 的出現，之所以令人感動，就是因為 E-620 幾乎融合了 E-420、E-520 與 E-30 特長而成，不但具備 OLYMPUS 各項最新技術與特性，而且又保持著輕量小巧的強悍機身。



OLYMPUS E-620 主要特點：

• 世界最小、最輕量並搭載手震補正系統的單眼相機（475 公克）。
• 新開發的小型手震補正機構，最大 4 級補正效果。
• 1,230 萬畫素高速 Live MOS 感光元件。
• 新開發 7 點雙感應器、高速 AF 對焦系統，中央 5 點雙十字對焦，每秒 4 張連拍。
• 2.7 吋 HyperCrystal III 兩軸可動式液晶螢幕，上下左右視野 176 度。
• 搭載 TruePic III+ 影像處理器，並具有 6 種藝術濾鏡（Art Filter）、4 種影像比例（4:3/3:2/16:9/6:6）、與重複曝光。
• 視野率 95%、放大率 0.96x 光學取景器。
• 最多 8 人臉部檢出與人臉陰影／背景控制。
• 使用小型 BLS-1 電池。
• 可選購小型輕量的垂直手把 HLD-5。
• 夜間攝影輔助的按鈕背光。
• COLOR UNIVERSAL DESIGN 認證。

E-620 吸收的日月精華：

• 中階機身 E-30 下放高速 AF 對焦系統（對焦點與雙十字減少）、藝術濾鏡、照片比例、重複曝光、2 軸可動式 LCD、外部白平衡感測器、鏡頭調焦功能。
• 延續 E-520 的4 EV 防手震系統。
• 保留 E-420 的輕量小型化機身、迷人的機身皮套與背帶、BLS-1 電池。

參考資料：

• 新聞稿：http://www.olympus.co.jp/.../nr090224e620j.cfm
• 官網：http://olympus-imaging.jp/.../index.html

...（閱讀全文）

「台菜」茂園餐廳

公司部門的聚餐這次選在茂園餐廳，以台菜、海鮮為主的茂園是將近 40 年歷史的老店（Since 1971），雖然是老店但用餐環境還不錯，尤其在大包廂內更是舒適。茂園的消費約在中價位、沒有菜單，菜色是依時令而變化，每盤菜的份量會依照人數調整，雖然不是走高級精緻路線，卻能吃到相當美味的家常台菜料理。

使用 OLYMPUS E-3 + ZD 12-60/2.8-4 拍攝。Click 檢視大圖。



白切雞。用的是放山雞，肉質剛好，不會太澀也不會像肉雞那麼軟，而且還有膠凍，是店內招牌菜之一。



豬腳拼大腸。大腸滷得相當入味，滷豬腳更是出色，又嫩又有 Q 度、清爽不膩，搜索過往記憶後，茂園的滷豬腳是最合我胃口的。



丁香魚這道菜真的非常好吃，味道香、口感酥脆又不會太乾，不知不覺就會一直夾來吃。



鹽酥小卷。小卷吃起來口感很 Q。



蒜泥鮮蚵。



蚵仔新鮮肥美，搭配銀芽（豆芽去頭尾）與蒜泥，相當特別的口味，白飯消耗度 No.1。



花枝丸拼蝦卷。



炸蝦卷很清爽，炸花枝丸很有彈性而且吃得到花枝塊，兩者都建議沾胡椒鹽吃來提味。



味道蠻清淡炒青菜。



鹽冬瓜蒸鮮魚。鹹的鹽冬瓜與鮮嫩魚肉搭著吃，又是一道家常美味。



蛤蠣味增湯。



飯後水果。





名片存檔


店資訊
茂園餐廳
地址：台北市長安東路二段 185 號（近遼寧夜市）
電話：(02) 2752-8587、(02) 2711-4179
營業時間：11:30 ～ 14:00，17:30 ~ 21:00

檢視較大的地圖

...（閱讀全文）

PHOTO 物語 × FEB 19, '2009

今天嘉義朴子老家有事情要辦，因此搭夜車回去了一趟，本來打算有時間就順便拍些街景，不過完全沒這個機會，而且這裡的街道變化之大，完全不是我印象中的朴子了。

使用 OLYMPUS E-3 + ZD 12-60（#1-4） 與 Panasonic FX33（#5-8） 拍攝。Click 檢視大圖。

#1. 朴子老家的門牌，這是今天在朴子唯一的一張照片。


#2. 有了等車的空閒時間，可以拍些高鐵車站 - 高鐵嘉義站外觀 1。


#3. 高鐵嘉義站外觀 2。


#4. 高鐵嘉義站外觀 3。


#5. 高鐵嘉義站站內一角。


#6. 搞錯列車進站方向，轉頭再拍已經錯過車頭。


#7-8. 窗外的景色更迭，從遼闊的嘉南平原回到緊湊的都市。

→

今日最高速：時速 303 公里。
Nokia E70 + Sports Tracker 連線 G-sat BT-359S 藍芽 GPS 測得。



Update, 2009/3/24 這次終於不再錯過！Fujifilm F50fd 拍攝。


...（閱讀全文）

Blogger Hack - 使用 Modal Window 方式顯示大尺寸照片

由於 masaru's vision 版面配置的原因，我的照片都是以縮圖的方式發表，當點選縮圖後才以另開視窗的方式開啟大圖，最近趁著閒暇時間研究如何提供更好的使用經驗與感受，於是開始著手撰寫利用 Modal Window 形式來展示大圖，這個效果已經上線一段時間了，似乎沒太大的問題，所以將這段程式碼分享給大家。

所謂的 Modal Window 是一種顯示子視窗的方式（如下圖），在此不探討此種介面的特性，有興趣可以到 Wikipedia 查閱。回到主題，在撰寫此效果時，第一個考慮的是裝置這個功能的便利度，如果每次發表文章都要額外添加許多 Code，那就不是我要的結果，再來就是對於不支援的瀏覽器或是 JavaScript 錯誤或關閉時，是否會造成照片無法顯示的問題，所以在這個版本，於發表文章時只需要增加一個 class 的屬性，而當發生不支援情況時，則會以原本的另開視窗來顯示大圖，而不會造成錯誤。

• 名稱：Masaru Photo Modal Window Hack
• 版本：0.51
• BSP：Google Blogger（其它 BSP 亦可安裝）
• 相簿平台：僅支援 Google PicasaWeb 網路相簿，並自動處理寬度 144、288、320 或 400 pixels 的縮圖（大圖則為 800 pixels）
• 支援瀏覽器：Microsoft Internet Explorer 6, 7, 8、Mozilla Firefox、Google Chrome、Apple Safari

★ 小提醒：masaru 不保證此程式碼能完全正確執行，亦不負安裝後造成異常的責任；另外，在修改範本前請先做好完整備份的工作。

安裝步驟
開啟 Blogger 管理網誌介面，進入「版面配置」→「修改 HTML」，修改前先點選「下載完整範本」備份你的範本。接著點選「展開小裝置範本」的 Check Box 開啟完整的範本，依下列順序分別裝載 CSS、JavaScript 與 HTML 即可。

1. CSS:
將 CSS 複製到 ]]></b:skin> 這行字元的下一行，或是貼在 <head> 與 </head> 之間即可。

<style type='text/css'> 
 .photoPanel
 {
  position: absolute;
  width: 770px;
  height: 600px;
  z-index: 99999;
  text-align: center;
  display: none;
 }

 .photoPanel .photo
 {
  padding: 10px;
  border: solid 1px #666666;
  background-color: #ffffff;
 }     

 .photoBackground
 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99998;
  background-color: #000000;
  cursor: not-allowed;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  opacity: 0.6;
  display: none;
 }

 .largePhoto
 {
 }
</style> 

2. JavaScript:
將下列 JavaScript 放置於 CSS 之後。而其中紅色字樣的 URL 為載入照片時會顯示的 Loading 圖示，請自行改用自己的 Loading 圖示網址。

若你不想自行設計，可以下載這張圖後，再上傳至你的網路空間，並更新紅色字樣的 URL。（請勿使用我提供的網址）

<script type='text/javascript'>
 // masaru's vision photo viewer version 0.5
 var masaruPhotoViewer = {
  loading: "http://lh3.ggpht.com/...../s288/loading.gif.jpg",
 
  start: function() {
   document.getElementById("photoImage").src = this.loading;
  
   var ns = (navigator.appName == "Netscape");
   if (ns) document.captureEvents(Event.CLICK);

   document.onclick = function(e) {
    if (!e) {
     e = window.event;
    }
    
    var pass = true;
    var regex = new RegExp("/s(144|288|320|400)/", "g");

    var t = ns ? e.target.className : e.srcElement.className;

    if (t == "largePhoto") {
     pass = masaruPhotoViewer.initPhoto((ns ? e.target.src : e.srcElement.src).replace(regex, "/s800/"));
    }
    else if (t == "photo") {
     pass = false;
    }
    return pass;
   }
  },

  initPhoto: function(photo) {
   var pass = navigator.userAgent.indexOf("MSIE 6") > 0 ||
    navigator.userAgent.indexOf("MSIE 7") > 0 ||
    navigator.userAgent.indexOf("MSIE 8") > 0 ||
    navigator.userAgent.indexOf("Firefox") > 0 ||
    navigator.userAgent.indexOf("Chrome") > 0 ||
    navigator.userAgent.indexOf("Safari") > 0;

   if (pass) {
    var p = document.getElementById("photoPanel");
    var b = document.getElementById("photoBackground");
    var w = document.documentElement.clientWidth;
    var h = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight);
    var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
    var t = (document.documentElement.clientHeight / 2) - (600 / 2);

    if (t &lt; 0) {
     t = 0;
    }

    p.style.top = t + st + "px";
    p.style.left = (w / 2) - (770 / 2) + "px";
    b.style.width = w + "px";
    b.style.height = h + "px";

    p.style.display = b.style.display = 'block';
    document.getElementById("photoImage").src = photo;
   }

   return !pass;
  },

  closePhoto: function() {
   var p = document.getElementById("photoPanel");
   var b = document.getElementById("photoBackground");
   p.style.display = b.style.display = 'none';
   document.getElementById("photoImage").src = this.loading;
   return false;
  }
 }; 
</script>

3. HTML:
HTML 部分則放於 <body> 與 </body> 之間的任意位置即可。（建議放前面一些）

<div class='photoPanel' id='photoPanel'><a href='#' onclick='return masaruPhotoViewer.closePhoto();' title='點一下關閉'><img id='photoImage' class='photo' /></a></div>
<div class='photoBackground' id='photoBackground'> </div>
<script type='text/javascript'>
 masaruPhotoViewer.start();
</script>

使用方式
在撰寫 Blog 文章時加入了照片，會產生如下列的 HTML 碼，只要在 <img> 中加入 class="largePhoto" 這個屬性（紅色字串）即可讓你的 Blog 擁有以 Modal Window 顯示照片大圖的功能。

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPvqHfTDk_N7y1wAmt31bhLBgytIKB0ZnFj_45p_cAxbZN3oLFpykuhdEni78zrzHu1cB_53DilGIDU2y6pHc92yv9q0DS1F7mxMIrkx9-G4-SETgZcjcWc8rh0M6hZA6VEHr1a30a3gTF/s1600-h/P1081595.jpg"><img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPvqHfTDk_N7y1wAmt31bhLBgytIKB0ZnFj_45p_cAxbZN3oLFpykuhdEni78zrzHu1cB_53DilGIDU2y6pHc92yv9q0DS1F7mxMIrkx9-G4-SETgZcjcWc8rh0M6hZA6VEHr1a30a3gTF/s400/P1081595.jpg" border="0" class="largePhoto" alt=""id="BLOGGER_PHOTO_ID_5288933330058924642" /></a> 

效果展示
點選下列照片來體驗 Photo Modal Window。


若有任何問題，歡迎留下你的意見。

...（閱讀全文）