20080831

蘿蔔

食材處理
白蘿蔔不同部位的料理
白蘿蔔近頭部的部份因為飽水度較高,味道較甜,適合用來做成沙拉等生食,中間部份因辛辣味較弱及柔軟,所以適合用來做成關東煮或燉煮等料理,尾巴部份,由於辛辣味較重及纖維較粗,適合切做成湯料。
使用白蘿蔔一定要削皮嗎?
其實不是,只要確定它不含農藥的話,經過清洗乾淨後,即可連皮一起使用。不過皮有較粗的纖維,如果不削皮去燉煮,會比較難吞嚥,經削下來厚厚的一層皮,可以切絲做沙拉或做味噌湯的湯料,或醃漬。
去除蘿蔔泥的水份
要去除蘿蔔泥的水份,最好的方法是放在濾網上約7-8分鐘,讓水分自然滴去,各其他食材一起煮時,味道才不會變淡,一樣美味。如果要做成天婦羅的沾醬,就要多除去一些水分,不過需注意若放置在濾網過久的話,也會造成維生素C的流失。
選購
用手拿著覺得沈沈的,葉子看起來青又綠,就是新鮮白蘿蔔的特徵。若頭部有嚴重黑斑、尾巴長長的及葉子黃黃的等情形,就表示白蘿蔔不夠新鮮了,不宜購買。
保存
購買新鮮的白蘿蔔後,如果要保存的話,由於莖和葉會吸收水份,會使白蘿蔔本身失去水嫩感,所以買回來後應馬上切除,而切除下來的莖及葉柔可以用熱水燙過後,用來當湯料或煮飯、炒菜皆可,另外為了防止白蘿蔔變得乾燥,最好用報紙包裹後放入冰箱保存。

四季豆

保存方法
四季豆通常直接放在塑膠袋中冷藏就能保存5~7天,但是擺久了會逐漸出現咖啡色斑點,如果想保存得更久一點,最好將四季豆洗淨,用鹽水汆燙後瀝乾,再放入冰箱中冷凍,便可以保存很久。切記水份一定要瀝乾,冷凍過的四季豆才不會黏在一起。

龍鬚菜

保存
龍鬚菜蠻適合燙來吃;燙完不用過冷水不會變黃,放冰箱還可以保存個2~3天,但是千萬不要放冷凍啦!

茄子

產季
茄子的生長季較長,每年的6~10月是它的收成季,9月最盛。
食材處理
不過當茄子洗淨切開後很容易變黑,主要是它含有一種「單寧」的成分;在接觸空氣中的氧化現象,就像蘋果、梨……等水果都有這種成分,所以在洗茄子時,放在清水中沖洗一會兒,或是在鹽水中沖洗,就不會變黑了。
選購
選購表皮顏色亮麗有光澤,外型平整先滑,柔軟有彈性,無種子為佳。如果剛收穫不久,蒂部切口會比較水嫩,萼刺尖銳,摸時會被刺痛。
保存方法
一般保存時間為1-2天。
茄子的表皮覆蓋著一層蠟質,它不僅使茄子發出光澤,而且具有保護茄子的作用,一旦蠟質層被沖刷掉或受機械損害,就容易受微生物侵害而腐爛變質。因此,要保存的茄子一般不能用水沖洗。
茄子是一種相當脆弱的蔬菜,買回的茄子需要冷藏,在冷藏前要先用密封袋裝好在放進蔬果保鮮室裡保存,如果直接放進冰箱的話,茄子的水分容易流失,冷藏的時候要多加注意冰箱的溫度,最好維持在6度左右,以免茄子凍傷。

20080830

瓠瓜

嫩瓠瓜怎麼選?
個頭別太大:每個約300~500公克最適合。
表面無刮痕:挑選沒有刮痕或受傷的,否則煮後會變黑。
帶點短絨毛:瓠瓜的短絨毛,代表新鮮度。果蒂愈濕綠愈新鮮。
子小且偏白:剖開的扁蒲,可以從子的大小跟色澤觀察,子小而白的較嫩,大而黃的偏老。

老瓠瓜有啥用?

擺久了的瓠瓜、個頭太大的瓠瓜,或是不小心受了傷的瓠瓜,若不想再吃它,只要放得再久一點,等它變硬,鋸開之後,裡頭的籽可種新瓜,殼則是阿嬤時代傳統好用的水瓢!

絲瓜

如何挑選

兩種絲瓜都應挑選外觀頭尾平均者,我常買大頭大尾小的,真是笨。澎湖絲瓜還須注意皺褶的間隔是否勻稱,越均勻代表肉質越甜。
如何保存
絲瓜買回家最好能在1-2天內吃完,最能品嘗到絲瓜的新鮮甘甜。如果沒有馬上食用,可用報紙包好,再套上塑膠袋收冰箱冷藏,延長絲瓜保存期限。最後小小叮嚀,要烹調前再削皮,薄薄的瓜皮是絲瓜的天然屏障。
切絲瓜刀法
切開絲瓜的處理步驟會影響口感,必須切除絲瓜內部的白色纖維,也就是帶籽的部份。過多纖維,吃起來較粗糙、感覺比較老。這個小弟我之前都不知道,每次都吃到纖維,再把它給吐出來,真噁心。


(圖片來源:聯合電子報)

20080829

Gerbil 文件基礎

Gerbil 文件基本元素
書的結構對應 Gerbil 元素
chapter
section

<%
# parameters for the HTML format
$title = "rails 行車手冊"
$authors = { 'fhopecc & wind' => 'http://fhopecc.blogspot.com' }
%>

<% chapter "MVC 模式" do %>
<% section "簡介" do %>
MVC 模式是 rails 框架所使用的模式。
<% end %>
<% end %>
Gerbil 是利用 ruby 的區塊(block)語法及 ERB 來模擬標籤語言,
chapter 表示 block 中內容是一個章,我們知道章可以包含多個節,故 chapter 的區塊中可包含多個 section ,上述有一個 chapter 其標題為 MVC 模式,而其包含一個 section 簡介。

20080827

一個合作寫書的架構

一個良好合作寫書的架構,
必須滿足下列條件:
*精簡表達書的結構,讓作者專注於內容

精簡表達書的結構
寫一本書最重要的是精簡表達書的結構,
而這個表達方式首先必須能表達出書的結構,
通用來說,
書的結構基本上包括了章、節、段落、
圖、表、參考文獻、目次、索引等等元素。

這些元素也包括了基本的階層關係,
像是章這個元素,可能由許多節組合而成,
而節又可以包含許多段落,
最後段落由字元組成。

而節又可包含子節這種遞迴關系。

表達書的結構,是基本要求。

第二個要求是上述的表達語言必須是最簡單的
最簡單表示我只須要寫出必要的結構,
至於電腦可以幫妳作的,
如下面常見的元素通常可由電腦幫忙產出:
自動編號
章、節、圖、表出現的順序自動為其產出編號。
目次
電腦可以依據章、節的階層結構及章、節、圖、表出現的順序自動產出目次。
交互參照
平常妳看的「請見圖1」之類的交互參照,
則必須給參照的名字,讓電腦為妳產出「請見圖1」之類的文字。
索引
作者只要給定索引字清單,
電腦會搜尋整份文件,
並依照索引字清單製作成索引。
排版
可由文件中的參照在排版之後製作出來,
排版可由元素的階層關係及前後關係推理元素要如何呈現出來,
就讓電腦去作。

當電腦能為妳自動產出更多內容時,
我或妳,身為一個作者,
只需要專注寫出書的內容。

表達書結構的語言
至於精簡表達書結構的語言:
傳統上有 Docbook,
及現正研究的 Gerbil。

轉換
當用上述表達書結構的語言寫完原始內容後,
則通常會經過原始內容轉換呈現或排版內容。
例如
docbook 就會經過以下程序來產出可見的 html 檔。
  1. 用 vim(或妳不學,用其它的純文字編輯器)製作 yourbook.xml 檔(這個檔只描述書本的結構)
  2. 將 yourbook.xml -轉換-> yourbook.html
  3. 用 IE 看 yourbook.html 是否符合呈現的需要
  4. 再回到第1步,作修改

20080826

CSS 的位置

使用 <STYLE>...</STYLE>標記 ( 置於BODY本文區之前 ),定義HTML標記供整個網頁使用。可使用多個<STYLE>...</STYLE>標記。
所以擺在 <HEAD></HEAD> 是因為 head 在 body 標記前。
請參考什麼是CSS?

20080824

控制 html 段落的行距

調整 css 的 line-height 屬性



老妹:妳一定要去借一本 css 的書來讀。
段落的行距,可藉由 line-height 屬性設定,如下例:


若源碼如下:

<p style="line-height:1">
line-height:1 妳看到的應該是 line-height 屬性值為 1 的段落,
假設你輸入的數字為1,則代表行距是文字大小的1倍
</p>

<p style="line-height:2">line-height:2


line-height:2 妳看到的應該是 line-height 屬性值為2的段落,
假設你輸入的數字為2,則代表行距是文字大小的2倍
</p>

程式碼顯示如下:


line-height:1 妳看到的應該是 line-height 屬性值為 1 的段落,
假設你輸入的數字為1,則代表行距是文字大小的1倍



line-height:2 妳看到的應該是 line-height 屬性值為 2 的段落,
假設你輸入的數字為2,則代表行距是文字大小的1倍

20080823

竹筍

如何挑選
麻竹筍──選購時以筍基部寬廣、色澤亮麗無乾萎現象,而筍尖要選擇密合一點的比較好。
孟宗竹筍──
冬筍:筍支像似黃牛角,呈土黃色其肉質硬實,但基部纖維化的部分占較少的為佳。
春筍:多直立形,因外皮有淡黑色的毛,又稱毛竹筍。選購時以筍基部寬廣,筍尖密合包含的較好。
桂竹筍──筍支細小且埋於泥下,採收不易。一般桂竹筍實際上並不是筍體而是露出地面且肉質細緻的幼竹。採收後極易老化,為保持肉質的細緻不致粗糙老化,會立刻做成桶筍。
箭竹筍──和桂竹筍類似,為出土幼嫩竹支,但其筍支更為細小,也是以產品加工方式上市。
如何保存
竹筍採收後會迅速老化,除了已經加工過的桂竹筍與箭竹筍之外,其他的竹筍保鮮極為不易,因此要盡量趁鮮食用。

如何挑選:
選擇薑身肥大硬實、表面平滑無口,且具重量者。
如何保存:
老薑本身已纖維化,不適合冷藏保存,容易使水分流失,可放在潮而不濕的細沙裡保存。嫩薑與粉薑要裝入保鮮袋內,置於冰箱保存。薑只要切過,切口就必須用保鮮膜或保鮮袋包好,放入冰箱冷藏。

Gerbil

Gerbil 一個相當輕巧且排版工具,100% 純 ruby 寫成。

A.安裝


1. 妳要先裝 ruby
2. 打開命令視窗,用下列指令安裝這三個 gem

gem install RedCloth coderay
gem install gerbil

3.再輸入下列指令,測試是否安裝成功:
gerbil -v
若安裝成功會出現
Gerbil 3.1.0 (2008-06-22) http://gerbil.rubyforge.org /home/sun/src/gerbil

20080822

學習的困難

在我的學習事物的經驗中,
我發現了兩種令人會想停止學習的兩種情緒。

學不會的感覺--要學會接受「不懂」的狀態

任何東西剛開始學的時侯,
總是讓妳感覺到,
妳學得會嗎?
當你學習全新東西時,
這種感覺更是強烈。

我稱這種狀態叫作「不懂」。

舉一個實例來說明「不懂」,
當妳看到 btthedcd 這個字時,
應該會有「不懂」的感覺吧!

因為妳的記憶中,
沒有這個英文字的中文意思,
當頭腦找不到這個字時,
就會發出「不懂」的感覺。

但我要說的是,
「不懂」是學習一定會產生的感覺,
為什麼呢?
首先回到學習的定義,
學習就是學會自已原本不會的東西,
所以沒有「不懂」,那來的學習。

而這個感覺越強烈,
表示妳要學習的事物,妳是相當不熟悉,
所以妳的頭腦中可完全沒有碰過這個事物過。

所以若妳能接受越強列「不懂」的感覺,
表示妳能學習更多元且多樣化的事物。

當妳無法接受「不懂」的感覺,
那妳一感覺到「不懂」,
馬上就轉移注意力到妳熟悉的事物,
這樣妳內心世界永遠不會擴大,
只侷限在妳已熟悉的小框架。

挫折感--要用毅力去克服

強烈的「不懂」感,
往往令人深感挫折,
於是妳自然會避免去接觸。

但是忍受「不懂」感覺的能力,
卻是讓妳將來與眾不同的重要能力。

在所見即所得編輯器四處氾濫的今天,
學習 vim 來處理文字,
對大部份的人而言,絕對是陌生的。

vim 的特性就是它是鍵盤導向的編輯器,
所以對滑鼠的支援很少,
但是當妳的手指完全習慣後,
妳發現妳閉者眼睛也能編輯一份複雜的文件。

換個方式比喻,
剛開始學吉他時,
每一個和絃都要用一個手指一個手指的去按,
當吉他進入中級的程度時,
你可以發現妳不需要看手指以及擺在譜架上的和絃圖,
只要看到 Am ,手指就自動擺好。

當一開始我確認我想要鍵盤為主的編輯方式,
來節省我使用過度的眼力,
我開始持續不斷強迫自已用 vim,
只要是打字,
就算最後是要存成 word 檔,
我也在 vim 打完字,
再貼到 word 檔,
2, 3 個月後,
vim 變成我的本能。

練習、練習、再練習,
不斷的去接觸,才能把這個東西學會。

當我嚴長壽「總裁獅子心」中提到的,

怕他就去研究他

一樣的,
妳必須不斷的接觸,
才能了解事物的真正本質,
那時妳也就熟悉了,
而且發現自已的能力又提升了。

同時要記住目前這件事的挫折感,
將來有能力、技巧可以輕鬆處理這件事時,
以前的挫折回憶,
會讓妳對自已的學習能力更有信心,
這就是「努力之後的信心」。

Rails 的國際化

全球化的時代,應用程式支援多國語言介面已成基本功能,
這時好用的國際化介面可節省不少開發的功夫,

若您是使用 rails 來開發應用程式,
我推薦 Globalization 這個 plugin,
來作為您國際化的選擇。

中文文件較完整為國網中心:中文/國際化

英文文件則可參考:Get on Rails with Globalize!

20080821

網頁編排初體驗

"不可使用所看即所得的編輯軟體"
對於編輯HTML語法只在HELLO WORLD階段的我,不能使用FRONTPAGE、dreamweaver、NVU等方便的網頁編輯器!苦阿!

品爸派給我工作是要將WORD另存成HTML檔後,從其原始檔去排版。我從早上接到此指令後,死命的在GOOGLE搜尋,從頭開始學習CSS,可是DEADLINE是今天下午五點(謎之音:完了),不管死馬當活馬醫啦!用筆記本打開由WORD轉的HTML檔案後,看到一堆亂碼對我微笑著!這…我要從何下手阿!原還想以偷雞的方式,偷偷用剛在阿榮福利味上抓的NVU來排版,所看即所得才是王道嘛!改得順手時,存一下,看看編輯的成果!用火狐看,很好很好!品爸說事主是用IE看的,所以我再用IE瞧瞧看,報應阿!全跑掉了!只好土法鍊剛了,用換行的方式去排版,品爸說不重要的TAG可以刪掉,我怎知那些不重要阿!正當我陷在HTML亂碼中,公司的人又一直××的一直叫,等我回頭要再改剛剛的東西,我剛是在那一行><

碎唸了這麼多,我也只改了五頁(哭)

網頁的列印控制

設計網頁的時候, 通常考慮到的是 '讓瀏覽者賞心悅目' 的排版問題。
如果瀏覽者打算列印你的網頁, 或是你的網頁利用資料庫處理了一些資料,
準備製成報表, 這時便會遇到分頁的問題。

怎麼樣讓網頁於列印時自動分成適當的頁數呢?
其實有個簡單的指令, 馬上能讓你達成心願。

這個指令是:
{{{
<P style='page-break-after:always'></P>
}}}

雖然這是 HTML 的 css 而非 Javascript 的指令, 不過配合網頁進入時
所啟動的 Javascript 的 window.print() 印表機交談視窗指令,
更能讓網頁的列印方便許多!

{{{
example.htm

<HTML><HEAD><TITLE>網頁舉例</TITLE></HEAD>
<BODY>

<CENTER><A HREF='print.htm'>連結到想要分頁列印的網頁</A></CENTER>

</BODY>
</HTML>
}}}


print.htm
{{{
<HTML><HEAD><TITLE>自動分頁列印!</TITLE></HEAD>
<BODY onLoad='printPage()'>

<SCRIPT LANGUAGE='JavaScript'>
<!--// 自動列印: 會彈出印表機交談視窗
function printPage() {
window.print();
}
//-->
</SCRIPT>

<CENTER>這是列印的第一頁!</CENTER>

<P style='page-break-after:always'></P>

<CENTER>這是列印的第二頁!</CENTER>

</BODY>
</HTML>
}}}
----
昨天跟同事研究一個小問題,是要把註冊繳費單列印出來,原本這個工作是用word的合併列印來讀取excel裡面的資料,再把它們印出來。 現在想要用網頁+資料庫,讓用戶端可以直接從網頁上瀏覽後再列印,解決方式就是為這個網頁設計一個列印專用的 css樣式表:
<style type="text/css" media="print">
...
</style>

接下來的問題就是A4印表機的整頁內容最大邊界為何,經過昨天的測試大致上得到下列的結果...
#printArea{
width:170mm;
height:258mm;
border:solid 1px #000000;
font-size:12pt;
}
我在<body>區塊裡面放了一個<div>並把它的id名為printArea,
在預覽列印的時候可以看到一個大框框(border:solid 1px #000000;)
調到這個大小(w:170mm,h:258mm)剛剛好佈滿可列印的內容區。

另一個要注意的就是字型與字體的變化:
一般我們在公文書上的字型都是用標楷體居多,所以我們可以這麼定義...
font-family:"標楷體";
字體的部份是要以列印出來的實際大小為準,所以用pt作為字體單位...
exam:
font-size:16pt; /*段落項目的大小 */
font-size:12pt; /* 一般內文的大小 */
font-size:10pt; /* 較小的字體 */
font-size:8pt; /* 如果是要列印出來,那到8pt已經差不多夠小了,再小就不能看嘍! */

因為上列的css都是針對print用的CSS,所以針對網頁瀏覽時呈現方面也要另外製作一個css
<style type="text/css" media="screen">
...
</style>

這是比用Crystal Report更方便的網頁列印Solution,不過有點累人就是了....

列印 html 時,css 要直接用 style tag 不能 include css file,
否則不會產生效果。
----

20080816

目前要寫書的分配工作

  1. 安裝、Hello World(妹妹)
  2. HTTP協定(me)
  3. MVC架構(me)
  4. 連接資料庫的範例(妹妹)
  5. ActiveController
  6. ActiveRecord
  7. ActivePack
  8. 上傳檔案
  9. Migration介紹

20080815

採取 Docbook 合作寫一本書

採取 Docbook 來合作寫一本書,
有幾個工具要學習。

1.vim 編輯器
vim 只是一個單純的文字編輯器,但是它可是寫 Docbook 文件的好工具。
Docbook 格式為一個 xml 檔(基本上是個文字檔),設計給專業書籍用的,
所以參考結構,目錄的自動產生,都相當完整,
但相對而言,xml檔要打很多標記(tag),而且只要語法錯,
就沒辦法轉換成 html 檔,而 vim 可藉由其語法 hilighting 的功能,
讓我們在編輯時,就知道有沒有寫錯語法。

基本 vim 的使用,可看李果正兄這篇 大家來學 Vim 一個歷久彌新的編輯器。

還有家裡還有 Or'eilly 出的「UNIX 超級工具」上下兩本書,
也有介紹基本的 vim 使用。

關於 vim 的學習,最好的方法就是強迫自已多用。
想當初我只要是純文字的東西,一律使用 VIM 來編輯。
用越久,越是發現它的強大。

另外坐而言不如起而行
若妳還沒有把 vim 安裝在家裡,
或是公司電腦,
一切都是白作的。

2.轉換 Docbook 至 HTML
當妳把要寫的書製作成一個 yourbook.xml 檔時,
要經過一個轉換器,把 yourbook.xml -轉換-> yourbook.html,
這樣就可以用IE or Firefox看 yourbook.html,
去了解妳書本大致的模樣。

而轉換目前滿複雜的,要安裝很多工具,
有一篇文章是簡體的,
但還算完整可用,照著作希望妳應該可以完成吧!
DocBook文檔轉換環境設定

再 summary 一下寫書的步驟:

  1. 用 vim(或妳不學,用其它的純文字編輯器)製作 yourbook.xml 檔
  2. 將 yourbook.xml -轉換-> yourbook.html
  3. 用 IE 看 yourbook.html 是否符合呈現的需要
  4. 再回到第1步,作修改

雙手併用,減少滑鼠腕

因為身為資訊人員,長時間必須使用滑鼠,
終於有一天爆發了,手腕一直疼痛,
當然我完全知道原因是使用過度,
唯一的藥方就是減少使用。

於是我申請了一個無線滑鼠,
強迫自已在上班時間利用左手來使用滑鼠,
過了一個月,
左手使用如右手般流利。

晚上在家便使用右手來使用滑鼠,
現在滑鼠腕真的沒了。