今天忽然心血來潮，把 PttChrome 的字體換成前幾天發現的 Noto Sans Mono CJK 看看，結果版面有些跑掉（如上圖），所以研究了一下要怎麼修正。

查到了一篇「在 BBSFox 中使用思源黑體」和我遇到的狀況一樣：

釐清原因：由於和西文字型的差異，中文的預設字高通常會稍微高一點，版面是用 <span> 控制， span 是 inline 元素，無法單獨控制其字高，於是將原本算好的文字行高 (line height) 硬是撐開了一點點，於是每行都滿出來了。

因為現行的 PttChrome 已經有針對 <span> 設定了 display: block，所以只要改滿出來的問題就好：

用 overflow 屬性隱藏超過的部份

在 <span> 的 css 加入 overflow: hidden，效果如下：

▲ 如入 overflow: hidden 後行高就不會滿出來了

如果不是用 Noto Sans Mono CJK，例如 Windows 內建的 MingLiu，因為本來就沒有 overflow 的情形，所以不會受影響。

▲ 新細明體沒有 overflow 的問題，所以不會受影響

老實說 Noto Sans Mono CJK 本身不那麼適合做為 BBS 用的字體，英文字 baseline 以下會被切掉一部份，例如 p, g 這些字，當然也可以強制去調整 <span> 的 height 屬性，讓整個英文字不會被切掉，但那些 ASCII 美工圖又會因為 font-size 和 height 不協調而斷開，如此修改後，只能算勉強可接受。

在 Mac 下，可以指定字體 fallback 到蘋方 (我的設定是 monospace, PingFangTC-Light)，雖然沒有 Noto Sans Mono CJK 這樣奇怪行高的問題，但其實這些 Mac 常見的中文字體 (LiHeiPro, PingFang, Lantinghei, etc.) 還是會稍微超出行高一些，所以把 overflow 設為 hidden 時，字的頂端和底部還是會被切掉一部份，反而讓 overflow 顯示出來，看起來還順眼些（如下圖）。只能說這是一個專為 Noto Sans Mono CJK 的設定，更優雅的解法或許要再找看看，不然就是在 PttChrome App 裡加一個可以手動調整要不要 hidden overflow 的選項了。

▲ 範例動畫用的字體是 PingFangTC-Light，將 overflow 設為 hidden 會使中文字的頭尾被切掉一些些（要稍微仔細看）

修改的 patch 檔請見我送的 pull request: Set span overflow to hidden for specific font-family (#32)

The post 在 PttChrome 中使用 Noto Sans Mono CJK 字體的修正 appeared first on I-Ta Tsai's Blog.

今天意外的在抽屜裡找到一支之前買雜誌（MonoMax 2013.10 號）送的鋼筆ーagnès b. Voyage 特製鋼筆，因為太久沒用，裡面裝的墨水都乾掉了，趕緊拿去泡泡水，好在還可以清乾淨。

細部照片

▲ 筆身上的 logo

▲ 筆尖

▲ 筆舌

試寫

多出一支筆剛好拿來餵之前先去買回來的「白金超微粒子藍」。本來沒有很期待這種贈品的表現，不過倒是出乎意料的滑順（其實是墨水的緣故？），剛好看到有人分享這句，就順便來個「‎每日一句正能量」吧！

▲ 試寫超微粒子藍 – #每日一句正能量

短期書寫心得

寫了這麼幾天，稍微有點心得，簡單的記一下（對照組是 SKB Noti EF 尖）：

1. 筆尖較粗（感覺是 M 尖吧？），配上超微粒子藍，成色還不錯，可能也是粗筆尖，比較不刮紙
2. 整體筆身較重，握起來穩，也較順手（用 Noti 都會把筆蓋套在後面加重使用）
3. 寫起來筆畫粗細較有別，較像書法的運筆（但這似乎會挑紙）
4. 出水量不太穩，不能寫太快，會有來不及出墨的感覺（可能是用紙的差別）（和上一點可能是互補的特性）
5. 沒辦法看到餘墨量，不知何時寫完，因為墨水和填充工具不在身邊，沒安全感

The post 意外找到塵封已久的一支鋼筆 appeared first on I-Ta Tsai's Blog.

第一次修改：強制使用 Italic 系列字體

1. 加入不同 heading 的漸層色
2. 強制使用 Source Han Code JP 的 Italic 系列字體
3. 改變 link 的顏色
4. 改變 inline code 的顏色
5. 改變分隔線的顏色

改顏色那幾項大概沒什麼特別的，就是從 color palette 中選出配起來比較順眼的顏色套到 CSS (透過 Atom > Stylesheet... 修改)，比較有趣的是第二點「強制使用 Source Han Code JP 的 Italic 系列字體」。

Adobe 早期先是推出了一套等寬字 Source Code Pro，讓程式設計師多了個 coding 的好字體，後來就是前年 (2014) 的大新聞，和 Google 共同推出了 Source Han Sans（Google 的版本叫 Noto Sans CJK），有趣的是，Adobe 官方推出了一套特別版的 Source Han Code JP，融合了等寬的 Source Code Pro 和日文版的 Source Han Sans，所以這套一推出後我就拿來當做 coding 用的字體（因為 Sublime Text 只能指定一個字體），在 markdown editor 也是如此。

▲ 被推倒的偽 italic 效果

Source Han Code JP 本身也有 italic 的字型，因為中文的斜體字大家還沒有定論，所以理論上它的呈現只有英文會是 italic，但 Atom 本身在實作的時候，如果該字體沒有提供 italic 字，會自動把它……嗯，推倒，如果已經用了 italic 字型，它會 推得更倒……XD Anyway，如果想呈現原本的樣子，也就是英文用 italic，中文則維持正常形狀，可以透過修改 stylesheet 來強制指定字體，並取消 italic 的 font-style。

@font-face {
  font-family: "Source Han Code JP Italic";
  src: local("SourceHanCodeJP-RegularIt");
}

@font-face {
  font-family: "Source Han Code JP Bold Italic";
  src: local("SourceHanCodeJP-BoldIt");
}

atom-text-editor::shadow {
  .markup.italic {
    font-family: "Source Han Code JP Italic";
    font-style: normal;
    .bold {
      font-family: "Source Han Code JP Bold Italic";
    }
  }
  .markup.bold .italic {
    font-family: "Source Han Code JP Bold Italic";
  }
}

▼ 上述修改的效果示意圖一覽如下

第二次修改：自己調配 Source Han Code TC

Source Han Code JP 其實是個日文字體，他包含的漢字其實不若 Source Han Sans 系列來得完整（字形數量: 18,180，而 Source Han Sans 系列的都是用到滿的 65,535），但實際用起來，在 Mac 下因為會 fallback 到其他黑體，例如 PingFangTC 之類的，不會有什麼感覺（其實是眼殘吧），但在 WinXP 下的 Sublime Text 就會出現缺字的情形。

前面提到沒有所謂的 Source Han Code TC (TC for Traditional Chinese), 不過我們一樣可以透 CSS3 的 @font-face 來指定，讓英文用 Source Code Pro, 中文用 Source Han Sans TC，改出一個所謂的 Source Han Code TC（參考 styles.less の編集による Atom での詳細なフォント設定）：

@font-face {
    font-family: AdobeOpenSourceFont-Latin;
    src: local(SourceCodePro-Light);
}

@font-face {
    font-family: AdobeOpenSourceFont-Latin;
    font-style: italic;
    src: local(SourceCodePro-LightIt);
}

@font-face {
    font-family: AdobeOpenSourceFont-Latin;
    font-weight: 500;
    src: local(SourceCodePro-Semibold);
}

@font-face {
    font-family: AdobeOpenSourceFont-Latin;
    font-style: italic;
    font-weight: 500;
    src: local(SourceCodePro-SemiboldIt);
}

@font-face {
    font-family: AdobeOpenSourceFont-CJK;
    src: local(SourceHanSansTC-Light);
}

@font-face {
    font-family: AdobeOpenSourceFont-CJK;
    font-weight: 500;
    src: local(SourceHanSansTC-Medium);
}

atom-text-editor::shadow * {
    font-family: AdobeOpenSourceFont-Latin, AdobeOpenSourceFont-CJK !important;
}

▲ 以思源黑體搭配 Source Code Pro 的呈現效果

在 Atom 的 Setting 中，也可以像 CSS 一樣指定 font-family（話說 Sublime Text 就只能指定一個字體），會依照順序 fallback，這是比較單純的做法（如下圖），但不論你設定的基底字重是什麼，預設的 bold 和 italic 都不變，如果想細部的指定 bold 和 italic 的字重，例如我基底是比 Regular 稍微細一點的 Light，粗體的時候就配上 semibold (英文) 和 medium (中文)，反差比較不會太大。如此，便需要用上述的方法。

Adobe 官方沒有出 Source Han Code TC 雖然有點可惜，而 Google 版的 Noto Sans CJK 倒是有出 Mono 版的 (Noto Sans Mono CJK)，不過英文就真的是 half-width monospace，美感差 Source Han Code JP 有點多，而且字重也只有 regular 和 bold 兩種可選！如果可以的話，還是自己混搭效果比較好。

雖叫 Material 但好像不是那麼 Material

我用的 theme 是 atom-material-ui，也搭配它的 atom-material-syntax，雖然它號稱

follows Google’s Material Design Guidelines

理論上應該是會和 Material Design 用的顏色一樣，但實際上去對照 Google 的 Color in material design 卻發現好像沒幾個是一樣的，也不知道是改版了還是我誤解了所謂 guideline 的意義，不過我對色彩沒那麼有 fu，所以我上面用的，還是都 follow google 的 color palette。

最終我用的 styles.less 檔如下，有需要者請自取：

The post 調配用於 language-markdown 的 Syntax Highlighting appeared first on I-Ta Tsai's Blog.

大概從去年 10 月開始，就陸陸續續在看嬰兒推車和汽車座椅，畢竟這也是我比較可以研究的方面，在沒做什麼特別的功課的前提下，從百貨公司逛到嬰兒用品店，最開始的打算是 Aprica 全配，推車就是 Aprica Soraria（ソラリア），汽座就是 Aprica Fladea（フラディア ラクート），總覺得對日本品牌比較有信心，不過這種東西要是一開始沒下手，後來變數也是蠻大的。

▲ Easywalker Mini Cooper 的聯名款推車，英國國旗藍推在路上應該相當吸睛。（上圖取自 citiesocial）

等待的過程中，看到 Easywalker 有一輛 Mini Cooper 的聯名款，配上英國國旗的外觀真是太生火了，而且價錢也比 Soraria 便宜許多，爸爸我自己開不起 Cooper，就讓兒子過過癮吧！不過到現場看了實品後，還是覺得座椅太低，座墊材質不是那麼細緻等等，暫時先打住了。

其實過程中也有看到以帶出國為考量的 Babyzen Yoyo，官方介紹影片中，一甩就開的那招，讓我一直想到神奇寶貝的橋段，實在太帥了。不過太座好像不是很喜歡那款，而原本對 Aprica Soraria 的興趣倒是轉到更輕量化的 Luxuna Light。

其實汽座和推車的搭配真的是有一點相關，因為某一次看了提籃後，忽然又覺得原本想用的 Aprica Fladea 實在太笨重，而且還沒有 Isofix（有 Isofix 的是 Cururila（クルリラ），不過台灣沒有引進），反正之後一定要換成長座椅，就先用用看提籃吧！

提藍一開始是鎖定 Recaro Privia，這時可以和提籃搭的推車又重要起來，發現除了他們家自己的推車外（傘車的設計，不只太座不愛，我自己都覺得不是很理想），似乎都不能轉接，便把目光轉向號稱提籃界的霸主—Maxi-Cosi。

剛好最近 Yoyo 出了小改款的第三代—Yoyo+，主要的差異在於可以用一個轉接器，接上 Maxi-Cosi 的提藍，這是最讓我心動的一點。其他的考量大概是可以帶上飛機，出國比較不怕被拖運摔壞，另外也考慮如果放在摩托車腳踏墊處，或是放在小馬 2 裡，應該會好收許多。

本來也想比照汽座從國外訂購，不過 maxis-babywelt 只有舊款第二代 Yoyo，還沒開賣 Yoyo+，而其他找得到貨的像是 babydino, babycare 等等，買起來才比台灣公司貨 (預購價 16000 NTD) 便宜幾百塊，2016 年 2 月時線上尋價如下（maxis-babywelt 是 4 月才上線的，但也沒有比較便宜就是了）：

如果考慮到公司貨可以提供的保固維修服務，多那幾百塊就當做是買保險的概念，所以直接向嬰兒用品店下訂了。向台灣的公司購買還有另一個好處是，到貨的時間比較容易預期，那時預計 3/15 出貨，隔天我們就收到了。話說在德國網站訂的汽座，從下訂到到貨，總共等了一個月，每天都提心吊膽的。

開箱

▲ 共有三個小箱，主體骨架、座墊、轉接器。骨架還有一個束口的防塵袋。

▲ 折起來的骨架真的是超小的。說明書幾乎都是以圖片來呈現。我們選的顏色是藍色。

▲ 裝好後展開的樣子，這是 6+ 的版本。套上雨罩的樣子，不過這個雨罩沒有很有質感。^^a

▲ 底下的置物空間還算大，可能要等真正使用才會有比較深刻的感受

▲ Yoyo 有所謂的白管和黑管兩個版本，我們選的是白管，比較搶眼些。路上看到的好像也都是以白管居多。

Maxi-Cosi Pebble 合體

第三代 Yoyo+ 最主要的差別在於可以透過轉接器（如上圖）和提藍連接，適用的提藍有：

• BeSafe iZi Go & iZi Go Modular
• Bébé Confort Pebble & Pebble Plus
• Cybex Aton Q
• Maxi-Cosi Pebble & Pebble Plus

可惜還是無法轉接 Recaro Privia 提藍。

▲ 和 Maxi-Cosi Pebble 合體，高度還算 ok，抱嬰兒應該不會太費力。

接下來開始期待我們推著 Yoyo+ 在國外街頭悠閒漫步（確定不是手忙腳亂？）的身影啦！

其餘照片請見 Flickr 相簿: Babyzen Yoyo+ 開箱

The post Babyzen Yoyo+ 開箱 appeared first on I-Ta Tsai's Blog.

Atom 原本就有內建 markdown-preview 這個套件，可以做到 live preview（如下圖 1），光這點就比 Sublime Text 好很多，再裝上 markdown-scroll-sync 套件，讓 preview 的視窗可以和編輯區同步捲動（如下圖 2）：

▲ 【圖 1】markdown-preview 套件已經將 Live Preview 預設開啟，另外我個人比較喜歡 GitHub style，所以也勾選

▲ 【圖 2】markdown-scroll-sync 套件作用的情形（圖片出自 mark-hahn/markdown-scroll-sync 的 GitHub page）

這樣一來基本上就已經可以做為一個不錯用的 Markdown 編輯器了，不過按照原先的設定可能還不夠完美，建議再做以下的調整。

內建 language-gfm 的 syntax highlighting 有問題

Atom 的 Markdown syntax highlighting 是透過 atom/language-gfm 這個官方的套件來支援，但它用的 grammar 感覺不是很完整，例如在中英混合的文章裡會顯示錯誤（其實主要是沒有在斷字點上）：

▲ 內建的 language-gfm 無法正確的做 highlighting 的一些案例

本來想自己追看看有沒有辦法改出合用的 grammar 順便送一個 pull request 給他們，但又覺得不是那麼容易一蹴可幾，剛好又發現有人已經做好另一個 Markdown 的 grammar: burodepeper/language-markdown（如下圖）

▲ language-markdown 的 syntax highlighting 比較完整一些，但仍有一些問題，另外它的 color scheme 也比較不優，header 沒有 highlight 出來

一般寫 code 並不希望句尾有一些額外多出來的 whitespace, 在 Atom 中是由內建的 atom/whitespace 套件來進行移除，但 Markdown 有時會需要句尾的 whitespace 來做強制換行的動作，所以這個套件有選項可以設定：

▲ atom-whitespace 套件可將 trailing whitespace 移除，如果搭配官方 language-gfm 套件還可排除 markdown 文件

不過改用了 language-markdown 以後，這個 remove trailing whitespace 的功能就失效了，要額外針對特定副檔名做排除的動作，在 Atom > Config... 中加入：

'.md':
  whitespace:
    removeTrailingWhitespace: false

atom-markdown-table-formatter 這個 package 可以利用快速鍵的方式或是在存檔的時候，讓 table 排得比較美觀些，但搭配 language-markdown 後，會因為 grammar 和原本的 language-gfm 不同，無法作用，可在 formatter 的 grammar setting 裡加上 source.gfm, source.litcoffee, text.html.basic, text.md, text.plain, text.plain.null-grammar （這是 markdown-preview 的預設值，而 markdown-table-formatter 原本只有 source.gfm）

搭配雲端同步服務

之所以會直接在 Evernote 上寫作主要是看上它會自動同步內容，不管是在家裡還是辦公室都可以編寫最新的資料，如果改用 Atom 也可以搭配其他的雲端同步服務，例如 Dropbox 等等，我個人是利用家裡的 Synology Cloud Station 來做私有雲。

可做為跨平台的方案

▲ 上圖為 Atom，下圖為 MacDown

設定至此，Atom 已經和一般的 Markdown 編輯器相差不遠，基本的功能都有了，和我之前用的 MacDown 相比，除了 syntax highlighting 比較差些（但我相信 language-markdown 會持續改善），preview 的效果幾乎是一模一樣，而 Atom 更大的優勢在於其跨平台的特性，不論在 Mac, Linux, Windows (除了 XP) 都可以用同一套環境，或許以後都會以它為主力了吧！

The post 將 Atom 做為主力 Markdown 編輯器 appeared first on I-Ta Tsai's Blog.

MarkdownPad

我在 Mac 下一般是用 MacDown 這一套 editor，或是直接在 Evernote 裡寫好，再用 Marked 2 來 preview（詳細做法可參考「以服務的方式讓 Evernote 可以 Preview Markdown」），所以要在 Windows 下打造類似的環境大概也是找 editor 或是 previewer 來用。目前比較常看到，有支援 WinXP 的 Markdown editor 大概是 MarkdownPad 這一套。它有分免費的 Free 版和要價 14.95 USD 的 Pro 版，當然免費的版本功能上就稍微做了點閹割，對我來說比較有意義的差別是 Pro 版才有支援下面四個 features:

1. Markdown Tables
2. Fenced Code Blocks
3. GitHub Flavored Markdown support
4. Markdown Extra support

不過如果只是短期用用，倒也不必太在意，但因為它的 Preview 應該還是用 IE8 來 render，所以 IE 會遇到的問題它也會有，例如下圖，插入的圖片全部破圖無法顯示（第三段會談到這個 SSL 造成的問題）。

▲ MarkdownPad 應該是用 IE8 來 preview，所以在 Windows XP 下無法顯示使用 CloudFlare Universal SSL 的圖片連結

Chrome App 的 Editor

自從用了 Chrome App 裡的 Line 之後，發現這也是一個不錯的跨平台解決方案，我一共試用了兩套：

1. Minimalist Markdown Editor
2. StackEdit

StackEdit 是以直接在網頁開啟 Markdown 檔案的方式來執行的，而我比較喜歡的是 Minimalist 那種以單一 App 視窗來開啓的方式，不過在 Windows XP 下，Chrome 一樣會遇到 SSL 問題，插入的圖片全部破圖。

▲ Minimalist 使用 Chrome 來 render 網頁，所以在 Windows XP 下無法顯示使用 CloudFlare Universal SSL 的圖片連結

Windows XP 不支援使用 CloudFlare Universal SSL 的網站

CloudFlare 自從推出 Universal SSL 的服務後，許多網站都利用它做無痛的加密連線，而我個人的 SSL 雖然是走 Let’s Encrypt，但為了用它的 CDN 服務，也只好用這個 Universal SSL。從 CloudFlare 的說明文件可以知道：

• Free plan SSL service will utilize Elliptic Curve Digital Signature Algorithm (ECDSA) certificates from Comodo or GlobalSign.
• SSL for Free plan users works with modern browsers that support Server Name Indication (SNI) and operating systems that support EDCSA certificates:

▲ CloudFlare 列出要可以用 Universal SSL 的瀏覽器最低需求

所以在 Windows XP 下，除了 Firefox 外，IE 或 Chrome 皆無法連線，會出現以下錯誤 (ERR_SSL_VERSION_OR_CIPHER_MISMATCH)。

最根本的解法當然是購買他們的 Pro, Business, or Enterprise plans，但我又不是要盈利的，哪有那麼大手筆，還是用 Firefox 擋一擋就好，大不了不要掛他們的 CDN 嘛！

Sublime Text 的 Markdown 相關 Package

Sublime Text 是我平時在寫 code 用的編輯器，雖然不是免費軟體，但可以跨我平時用的 Windows （尤其是 Win XP） 和 Mac 平台，也只要用一套設定檔，蠻方便也用得習慣習慣的，Markdown 嚴格說起來也算是一種 code 嘛，當然也可以用它來寫囉！

找到了兩個和 Markdown 相關的 Package:

1. MarkdownEditing – 提供 Syntax highlighting
2. Markdown Preview – 將 Markdown 文檔轉換成 HTML 再到瀏覽器去 preview

可以設定 Key Binding (在 Preferences > Key Binding - User) 來加速 preview 的流程：

{
  "keys": ["alt+m"],
  "command": "markdown_preview",
  "args":
  {
    "target": "browser",
    "parser": "markdown"
  }
}

因為上述 CloudFlare SSL 的問題，browser 只能選用 Firefox，但在 Markdown Preview 的 preferences 中無法指定開啓的 browser，所以必須將 Firefox 設為預設瀏覽器。

這個環境的好處是與平時 coding 用的是一樣的介面，暗色底白字比較不那麼刺眼（寫著寫著都想搬回去 Mac 上用了，直接用 Evernote 寫稿只能用白底啊啊啊～），加上有 syntax highlighting 的效果，還蠻賞心悅目的（實際使用如下圖）。如果要做到更 realtime preview，可以搭配 LiveReload，每當檔案一儲存，browser 也會同步更新，可惜 LiveReload 只支援 Windows 7 以上的系統，就不適用於本文設定的狀況了。

▲ Sublime Text 和 Firefox 搭配在 Windows XP 下寫作 Markdown 文檔（注：這套 color scheme 不是 MarkdownEditing 內建，而是直接套 Material Theme 的）

缺點除了不像一般的 Markdown Editor 可以 Live Preview 外，就是如果要搭配 Evernote 來做雲端的儲存，需要另外手動處理，稍嫌麻煩外，還有可能會漏掉忘了同步。

如果一定要用 Firefox 才能連線的話，可以找 Firefox 自己的 Addon，例如 Markdown Viewer，它可以直接用 Open File 的方式來開啓純 Markdown 檔，結果也相當不錯，和 ST Markdown Preview 的最大差別在套用的 theme（如下圖比較），我個人比較喜歡 ST Markdown Preview 出來的樣子（留白很重要）。

▲ 左：ST Markdown Preview；右：Firefox Markdown View。個人比較喜歡 ST Markdown Preview 的效果

提到 Sublime Text 容易聯想到 GitHub 出的 Atom，因為 GitHub 本身就是 Markdown 的擁護者，所以 Atom 就已經預先安裝了 Markdown Preview package，它甚至連 Live reload 都已經實作了，再搭配上 markdown-scroll-sync 這個 package，可以同步滾動 preview 頁面，這樣和一般的 Markdown editor 也相差無幾了。從 demo 的圖（如下）來看，它的 preview 是直接整合在 editor 內的，比起目前用的方法都要額外的 viewer 來得更加方便，而且 Atom 是完全免費的，少了三不五時跳出來的 Sublime Text 購買提示，讓人十分心動啊！可惜的是 Atom 要 Windows 7 以上才能跑，三聲無奈啊！

▲ Atom Markdown Preview 的運作畫面，直接把 preview 整合在 editor 裡是和 Sublime Text 最大也最吸引人的不同 (圖片出自 atom/markdown-preview 的 GitHub page)

小結

經過一番 survey 和測試，本篇說明了個人在非常時期如何在 Windows XP 的環境下，用有 syntax highlighting 的 Sublime Text 寫 Markdown，再 link 到 Firefox 來 preview，另外，在 Mac 的環境下，接著也會嘗試用 Atom 來取代原先用 Evernote + Marked 2 的做法，留待後篇再續。

The post 在 WinXP 下打造一套書寫 Markdown 的環境 appeared first on I-Ta Tsai's Blog.

三月初去找了專業的工作室拍孕婦照回來後，就一直躍躍欲試，而且當天有一些比較清新、俏皮的風格也都沒拍到，所以打算趁著肚子還大大的時候，自己去找攝影棚練習拍看看，聽同事建議，找到「糖果罐」這個攝影棚，太座看了他們的粉絲團照片也覺得還不錯，便請了半天假（因為平日的場地費便宜很多），展開我們的自助孕肚照之旅。

▲ 糖果罐的四號棚，有很多小物的佈景

糖果罐在高醫的附近，離我們住的地方也蠻近的。車子可以停在他們的騎樓下，還算方便。因為出門時急急忙忙的，居然忘了把自拍用的腳架帶上車，幸好老板好心借我他的腳架，雖然有點用得不很習慣，尤其是拍直幅的時候一直會垂頭，但總是比趕回去拿，來得省時省力些。

▲ 這是剛妝扮好的第一組照片，好像也不知道要怎麼拍，就先試試看了

▲ 利用窗光來擺一些比較奇特的姿勢

▲ 左：窗光半身；右：有試著用棚燈和黑色的背景，但燈實在不好控制，難得有一張比較滿意的

我們借的是四號棚（另外還有三號棚），場地蠻寬敞的，提供了大、中、小三組棚燈，不過我前後也只用到中和小的兩支而已，棚燈和燈架實在比我想像中的重上許多（其實是不想承認身體虛 XD），就不想搬著大棚燈動來動去了。其實如果要達到最佳的場地利用，大概可以有兩組人馬共用同一個時段吧！不過一來我們對設備也不熟，也想保有一點隱密性，還是自己獨享就好。

▲ 因為老闆借的腳架用不習慣，直幅會一直垂頭，得把相片轉正，有時候構圖就不是那麼理想

▲ 有時候想拍比較生動的畫面也不是很容易

除了之前拍婚紗、上次拍孕婦照之外，好像都沒進過攝影棚，自然也沒用過棚燈，看其他攝影師（就是上回去 601 拍的時候）調起來好像還蠻容易的，但親自操作起來卻不是那麼一回事。出力和平常用的小閃燈完全不是同一個等級，即使開最低的輸出，想要和窗光搭配，就是會爆亮，最後只好對著牆壁打當跳燈用。另外，補光用的功能（是這個 term 嗎？）也不太好掌握，會變成雙重的色溫，早先躍躍欲試的興奮感，不一會兒就被挫折感給取代了。

▲ 這套是比較自然的風格，有點像我們平時出去玩的生活照，所以拍起來還蠻輕鬆的

▲ 肚子貼上笑臉，這個 style 在 601 拍可能不會出現

▲ 自己畫 Loading 圖，感謝同事贊助蠟筆一組。一開始 progress bar 還畫過頭，太不小心了

當下在拍的時候一直覺得拍不好，沒辦法得到想要的光線，不過回家選片修圖時好像也沒有本來想得那麼壞，反而覺得果然專業棚燈出來的燈質還是比平常在用的小閃燈高上一截，除了比較均勻外，也比較柔和（可能是因為當跳燈在用？），太座本來的膚質就好，燈打起來就更加晶瑩剔透了。

▲ 雖說本來就知道自己有點中年發福，但沒想到都快跟孕婦一樣大了是怎樣！？

本來還在想，有了無線觸發器、棚燈，就可以用底片機多拍幾張做紀念，不過事實上是根本沒時間也沒心情用底片機啊，可能要等這些設備用得更熟練一些，不然就是要有更充裕的時間，再來考慮多帶底片機會比較實際吧！人還是不要太貪心的好。

▲ 其實我不太會畫畫，不過看著 demo 的圖片照抄，應該還可以吧！幸好這次一筆就成功

▲ 圓滾滾的肚子配上米老鼠（？）的臉相當合適啊！重點是肚臍眼不可以塗滿，不然會很難擦 ^^a

老實說這次拍完雖不滿意但尚可接受，還有進步的空間，另外也有點意猶未盡的感覺，或許等小嬰兒出生，也可以再來租一次攝影棚拍個新生兒攝影之類的，但可能要先做好他可能會屎尿齊流，讓我們整理場地整理到超時的心理準備就是了。XD

The post 自拍孕肚照 – 棚燈初體驗 appeared first on I-Ta Tsai's Blog.

懷孕真的是一件很難得的經驗，孕婦寫真又是值得紀念的一刻，雖然自己 略懂 喜歡拍照，本想自己拍就好，但又怕沒辦法呈現最美好的樣子，所以還是交給專業的工作室來處理。太座自己 survey 了一些，覺得當初替我們拍婚禮記錄的 Wewe (陳佳蔚) 還蠻喜歡的，而現在 Wewe 早就不做婚攝，而是和他先生成立了 601 工作室以孕婦和新生兒寫真為主，所以我們在去年的 11 月底預約，今年的 3 月拍照。

有了拍婚紗可能會搞很晚的經驗，所以我們大概比預定時間提早了一個小時到，不過 601 倒是在應該開門的時候才開門。

他們養了一隻柯基犬，不會怕生也不會亂叫，有時等得無聊時和牠玩玩心情也會比較輕鬆些。

▲ 601 工作室養的小柯基

不禁止側拍，但小心不要干擾拍攝

▲ 在二樓化妝室等化妝師上妝

基本上他們並沒有強烈的禁止側拍，經詢問後化裝師只交代不要拍到工作人員就好，我因為不想 被誤以為是側拍奧客 打擾拍攝，所以帶的是底片機，想說趁機在一旁拍個幾張就好，消耗一下快過期的底片，不過後來可能越拍越起勁，靠得太近就被制止了，所以照片不是很多，後面兩三套服裝就全都沒拍了。其實本來就覺得側拍不是很好意思了，多少還是會影響攝影師的工作，沒想到已經盡量小心了還是造成人家的困擾，真是不好意思。

▲ 一些底片的側拍照

不過後來不側拍，找不到什麼事做，帶了 Kindle 去想看點閒書，但又一直無法專心，有點閒得發慌，開始做起年會要用的投影片來了，都做到筆電沒電了，拍攝都還沒結束，這種攝影活動真是相當耗時費神的工作啊。

成品包裝精緻

表定是 40 個工作天會拿到成品，我們拿到的時間算一算也差不多。包裝是用一個很精緻的盒子，內含一組木製的 USB 來取代一般常見的 DVD 光碟，這點很讓人驚豔，也省了我還得去其他地方找光碟機的麻煩。其實檔案也沒有大到一張 DVD 裝不下，但用有質感的 USB 來裝就是爽啊！

▲ 外包裝是個很精緻的木盒

▲ 相片 USB 是木製的

作品屬冷豔雜誌風

他們的拍攝風格就是比較冷豔，高反差，色彩濃郁，所以被稱為「雜誌風」，就我現在的人像拍攝功力，少了這種調性的化妝師，修圖也不曾試過這麼冷的色系，想自己拍出類似這樣的照片大概是很不容易的。

選了幾張照片，應該可以感受到所謂的雜誌風吧！

雖然說 32 週是個理想的拍攝週數（他們官方的建議是：單胞胎媽媽 30-35 週），不會因為肚子太大而行動不便，和身形的比例也剛好，不過我們家的肚子比起一般正常週數是小了些，所以看起來曲線就不怎麼明顯。

選擇他們的方案，要完全的接受這樣的拍攝風格，如果都很喜歡當然不是問題，另一個好處是不用再費心挑片選片，成品的張數也是固定，沒有攝影師鼓吹加錢增加照片的麻煩，但就得犧牲自己原先有的一些拍攝構想，例如比較偏自然風的生活照，或是在肚皮上寫字畫 loading 的頑皮風，預約前要考慮清楚。

有了這次的經驗，我也了大致了解棚拍的感覺，加上有些想拍的東西沒拍到，所以後來我們在週數更多、肚子更大一些的時候，去租了幾個小時的攝影棚，自己再拍一回，詳情下回分曉。

The post 雜誌風孕婦照 (601 攝影工作室) appeared first on I-Ta Tsai's Blog.

這個活動是今年農曆年前 1/24 在高雄橋頭糖廠辦的，距離有點遙遠了，補記錄一下。

距離第一次參加 Flickr Photowalk（第一次的記錄請見「Flickr Photo Walk」） 已經快兩年了，這段期間他們也有在台灣各地辦了不少次這樣的活動，不過剛好都無緣參加。有別於第一次自己帶了重裝備，結果好像也沒拍出什麼特別的，這次剛好還遇上寒流來襲，索興輕裝出動，只帶了 GR 就出門了，反而讓我重溫剛拿起相機拍照的那段輕鬆時光。

活動大約有十來個人參加，在橋頭糖廠捷運站集合，然後到糖廠裡小小的逛了一圈，大約一個多小時左右的時間。

▲ 時尚之丘 by tsaiid (CC BY-NC-SA)

▲ 在灰燼中求生存 by tsaiid (CC BY-NC-SA)

用 GR 拍照相當的輕鬆，好收好拿，當天有點下小毛雨，一手撐傘一手拍照也不成問題。不知道是不是我自己的錯覺，總覺得用 GR 拍的時候，好像會比較能夠去嘗試不同的視角，另外因為機身內建了一些色調的 preset，也會多試一試，所以風格和平時用 DSLR 拍的會有些不同。

▲ 風車之林 by tsaiid (CC BY-NC-SA)

▲ 日式宿舍 by tsaiid (CC BY-NC-SA)

▲ 葉子 by tsaiid (CC BY-NC-SA)

▲ 冷到不想起來的狗狗 by tsaiid (CC BY-NC-SA)

主辦方在活動後一個禮拜內請大家上傳自己比較滿意的作品，公佈在官方的 blog 記錄裡。我上傳了七張，其中兩張有被選到：

▲ 慢 by tsaiid (CC BY-NC-SA)

▲ 微笑之門 by tsaiid (CC BY-NC-SA)

這次還有件特別的事，就是第一次看到 Ricoh Theta 的實機和實拍照（應該是 Jonathan Chen 帶來的），它的特色是可以拍 360 度的全景照，蠻好玩的，有錢有閒的時候也想買一台來玩玩。不過這種特殊的相機要拍得好，可能也不是很容易就是，另外要用特定的軟體或上傳到他們的官網才能完全解放 360 的功能，也是稍微受限了點。

#高雄糖廠 #photowalk – Spherical Image – RICOH THETA

▲ 出發前大家在捷運站拍的大合照

#Flickr #photowalk – Spherical Image – RICOH THETA

▲ 結束前大家拍的相機大合照

雖然最近 flickr 好像有點邁入中年，失去活力的感覺，甚至可能被賣掉的傳言都出來了，當初就是看好它賣給 Yahoo，家大業大的感覺比較有保障才付費加入的啊！只不過這也不是像我這樣小小的使用者可以掌控的，希望它不要整個倒站讓我之前整理照片的心血都白費了就是了。

本日照片請見 Flickr 相簿：Flickr Photowalk 橋頭糖廠

The post 第二次參加 Flickr Photowalk – 重溫輕鬆拍照的感覺 appeared first on I-Ta Tsai's Blog.

本來是沒打算要寫這篇心得的，畢竟我這個人的缺點就是抱怨比讚美的多，只看見人家缺點沒看見優點，加上又是在自己家裡辦的，寫出來好像比較不好意思一點，不過看 mcdlee 拋出了她的看法，我也忍不住回了一些，乾脆稍微整理一下自己的想法（偷渡一點政治議題，不喜勿入）。

看到 Chinese Taipei 就不順眼的 CTSR

The Radiological Society fo Republic of China was founded in 1951 and re-named as CTSR in 1991. (Kim HS, 2016)

之前沒查到這個醫學會什麼時候改名的資料，學會的網站上也沒交代，反而是韓國人替我們整理了，本來還以為是為了配合現在這個親中的政權的政策才改的呢！對內自稱 RSROC，然後對外又改稱 CTSR，真的是很有趣。不能像外科醫學會就叫 Taiwan Surgical Association 這樣簡單明瞭嗎？

用 iPad 是個創舉，但也有點小悲劇

本屆年會的一項創舉是大量的 E 化，傳統的海報改為用 App 來呈現的 e-Poster。在越來越電子化的時候這是一個不錯的嘗試，不過要是讓我選，我寧可把資源用在優化現有的年會官網上。雖然他們想把 App 打造成一個新的資訊平台，但我個人是不看好的，有多少人連安裝都沒安裝？我個人則是年會過了就刪了。其實即使做了一個完整的 web 平台，可能也不見得有多少人用，但起碼在網路上存在的時間應該會久一些，延續性也高一些。

在 App 上看 e-Poster 的體驗其實不怎麼好，每一頁的中央都加了浮水印，說好聽一點是要保護作者的權益，但實際用起來超礙眼，尤其是在淺色底的 slide 上（如下圖）。另外，翻頁動畫個人也覺得很雞肋，如果你交的 PDF 檔是用多張投影片來呈現動畫效果，配上翻頁動畫看起來相當的白痴。（不要叫我交可以顯示動畫的 PowerPoint 檔啊！我手邊沒有正版的 Office）

▲【年會 App 不佳的 e-Poster 閱讀體驗】把浮水印打在白底的 e-Poster 上真的是超礙眼

▲ 在黑底的 e-Poster 上比較不會影響閱讀

e-Poster 用投影片的模式來呈現個人覺得還蠻合理的，RSNA 也是這麼做。話說連傳統的海報都可以用投影片的方式來呈現了，如下圖是在 IASGO 2012 傳統海報展示區，畫面左側和右側的那兩份就是做成投影片的形式，e-Poster 當然就更合適了。

▲【IASGO 2012】傳統海報也是可以用投影片的形式呈現

這次還有主打一個用 iPad 來 oral present 的功能，如果一切順利大家應該也都還可以接受，反正一般來說，如果你不是 invited presenter，也只會讓你用公用的電腦而已，不過現場是出了不少包，就有點無言了…我個人沒有親自操作過，可能要花一段時間來上手吧！

這個 App 還有做了線上提問和意見回饋的功能，不過只有在開幕的演講有看幾個人在測試，其他就完全沒見到了，應該是大家還不習慣，文化不同吧！但如果不一定要綁在這個特定的 App 裡，可以用大家平時就有在用的 social network 直接串資料，參與感應該會更高一些。

場地費不要省，還是交給專業的來

▲ Prof. Castillo 做的專題演講，不僅畫面比例不對，連色偏的也令人驚嚇

這次觀察到的主要問題來自於投影機的品質，對於現在這個「戀投影片癖」的時代，真的是個不可原諒的錯誤啊！ 在兩個主要的會議室都可以發現投影機被設定為 16:9 或 16:10 的寬螢幕格式，和投影片規格不同也造成影像的變形，不過可能大家不是非常在意吧！話說敝科會議室的投影機也被設成 16:10 好長一段時間才被調過來。

另一個問題是對比度和灰階度的問題，可能燈管老化了吧！總覺得投影出來的品質不是很好，尤其在看 mammography 的片子就更明顯了（我不會承認是我眼力不好的）。但更大的問題是連顏色都跑掉（如上圖），在 Castillo 大師演講的其中一場（可惜我沒有親臨現場），聽說投影機好一陣子都搞不定，後來搞到顏色也有問題，大師身經數百場專題演講，什麼大風大浪都遇過，還可以侃侃而談，但對這樣的品質心裡應該會偷笑吧！

其實說敝院的場地真的很不好也說不過去，但的確和一些比較新的演講場所比起來，例如去年的福華國際文教會館，相形失色許多。不過如果自己是影像方面的專科，但又不去要求展示出來的影像品質不是很怪嗎？不管是經費的考量還是方便性的考量，或許場地這一塊都可以再加強一下。

邀請大師來演講，加分不少

▲ Prof. Castillo 是上一任 (2007–2015) AJNR 的主編，不過如果沒有事先做功課可能不知道他的來歷有多大吧！場內坐的人好像有點少

其實也蠻感謝敝科吳主任要我們事先了解一下這次的講者，我才知道有這麼一個大咖要來（還有其他大咖，但因為不是我準備的，就不太熟了）。Prof. Mauricio Castillo 是剛卸任 (2007–2015) 的 AJNR (neuroradiology 的頂尖期刊) 主編，寫過數百篇的 paper，一二十本的教科書，演講近千場，也教過相當多的學生，對我來說，根本就是神級的人物，不去朝拜一下不行了。

他講的除了幾個和 neuro 有關的議題外，第二天也講了一個最近很紅（因為看到蔡依橙醫師前一陣子才討論過），關於 predatory journal 和 open-access 方面的議題。老實說這個議題離我比較遠一些，畢竟我在學術領域根本新生兒等級，目前工作也沒有限期投稿和被刊登的壓力，應該不會是這類不良騙錢期刊的目標客戶，但從中也可以了解到一個傳統老牌期刊（如 AJNR）面對現在 open-access 海嘯來襲的一些看法和因應措施，在充滿了影像的各個次專科演講中，真是一股清流啊！

演講的提問時間，座長還特別 Cu 蔡依橙學長起來 comment（不過我相信學長應該本來就有準備要發問了），只能說在現場聽兩位大師就這個主題進行深入的討論，真的是如沫春風。要能做到像學長這樣和大師用英文討論，除了對議題了解的夠深入外，還能清楚表達，真是值得學習。

話說 Castillo 有提到一些分辨 predatory journal / faked meeting 的 criteria，轉頭看看學會的年會網站，怎麼覺得相當的符合啊。

▲ 蔡依橙醫師針對 Prof. Castillo 的講題做了一些 comment 與提問

跨出第一步，多與人交流

今年也比較有勇氣和別人交流。去年講了 AutoHotKey 的議題後，在網路上認識一位陽明的學長 Goman Kuo，這段期間本來一直要來敝院參觀，但沒有特別的機會，總算在今年的年會見到面了。除了見識到學長珍藏的十來把經典機械式鍵盤外，也交流了一下 RIS 的設計，相當不錯。

另外每年都會去聽的 IT/OT 場次，有台大 Yi-Chang Chen 帶來的 report template AHK parser，雖然和我的理念不是很相同（我比較偏 web 派的），似乎也是一條可以嘗試的路。陳醫師講完後，我居然被座長楊主任 Cu 起來發表看法，老實說自己不是表達得很好，這種沒有什麼時間準備的即席短講，我還得再磨練磨練才行。會後剛好在點心區遇到陳醫師，鼓起勇氣上去與他攀談，難得在台灣遇到對 AutoHotKey 有興趣也做得很好的同好，不知日後有無機會合作一番。

其實每年年會的第一天晚上都有舉辦晚宴，之前不是在高雄辦的我就都沒有去參加，主要是因為已經安排一些活動或是去找當地的朋友，所以今年是第一次出席，感覺有點像在吃尾牙，再搭配上今年的理監事候選人的逐桌敬酒，就更有尾牙的氣氛啦！話說我們學會還真大方啊，國外醫學年會的晚宴除了要事先報名外，每個人也都要自費個幾百到 1 千塊左右，而我們的不只可以免費參加，還可以攜伴，如果覺得自己的會費繳得有點心酸，絕對要來吃這頓吃個夠本啊！

▲ 有點像尾牙的年會晚宴

科裡很多同仁都出來幫忙

▲ 科裡的同事有被分配到報到櫃台、試片室，還有各場地的引導人員等等

去年年會結束後便聽說今年要在敝院舉辦，就以往的經驗，感覺主辦單位應該會需要全員出動吧！話說我們科裡的放射師、護理師們幾乎都被找出來當工作人員了，反而住院醫師們沒有被安排到什麼工作，看大家在忙東忙西的時候，心裡還真有點過意不去啊！雖說這樣我們樂得輕鬆，不過事後想想，少了一次機會參與大型活動的舉辦，也是蠻可惜的吧！

自我期許

前一陣子因為即將接總醫師工作去和部主任小小的談了一下，她的一番話也讓我想了很久：「雖然你對電腦很有興趣很不錯，但未來的方向也是要自己去開創的，我們也無法替你安排。」老實說自己也知道好像在這些領域真的是停滯了好一陣子，沒有新東西可以拿出來講，雖說今年年會也不算完全缺席（有 e-Poster），但事實上心虛得很，真得要好好的為未來打算了！

本日相簿請見 Flickr: 放射醫學年會

The post 2016 放射線醫學會年會 appeared first on I-Ta Tsai's Blog.