最新文章

[鐵娘日誌] 專科同學會

5月 31, 2009
突然接到專科同學的來電,
說5/23(星期六)要在耕讀園舉辦同學會,
畢業至今,也很少跟專科同學聯絡,
轉眼間同學們都已經為人妻.為人母了...

軟體開發經典圖的說明

5月 30, 2009
之前有貼過,軟體開發的經典說明圖
後來在ptt上看到有人在討論它的意義,覺得很棒,所以整理出來。
當然這張圖的解釋是因人而異囉,你也可以有自己的解釋呢 ^^

縮圖上的文字看不清楚,建議點進去看大圖呦 ^^


從左上圖一,到右下圖十。
參考ptt上的討論,再加上我的一些認知來一一進行解釋。 ^^"

圖一:
客戶描述他的需求, 但是客戶往往連他自己也弄不清楚到底真正要的是什麼。
用它自己的辭彙,連輪胎鞦韆都說不出來,只講的出鞦韆。
而且還功能重複,一片板子就夠的東西硬要作三片........

圖二:
PM (專案經理) 至少案子接多了,知道點狀況,板子用一片就夠。
但因為脫離實作太久了,只用腦袋憑空想像出架構

只知道有樹、有鞦韆,鞦韆綁在樹枝上。
至於鞦韆實不實用就不管了 XD

結果就搞出這種看似ok,實際上一 run 就完蛋的系統.....

圖三:
系統分析師一看:靠! 這東西根本不能run嘛!
系統分析最常碰到的盲點 - 頭痛醫頭,腳痛醫腳
流程走不下去了,再旁邊多加兩個子流程補起來就好......

圖四:
程設師說:客戶要有樹,有繩子,有鞦韆,我都寫出來給你了,還缺什麼嗎?
再補一刀:而且 "Unit Test 都有過喔 = ="

圖五:
企管顧問:你這鞦韆是要用來坐的,但是既然要坐,
沙發肯定比板子更能發揮貴公司的競爭優勢。

板子不用拆,再導入一張沙發吧。

(另一種解釋是,顧問可以把你家的破鞦韆唬爛成
金光閃閃瑞氣千條,樣樣符合國際標準的高級貨...... )

圖六:
文件? (無言...)
專案文件完成度,跟國王的新衣差不多,有跟沒有其實是一樣的.. 囧

圖七:
User 端的環境,本來就只能裝一條繩子,而且只能綁輪胎。
安裝人員拿了金光閃閃的鞦韆系統去User端,
能裝起來的大概只剩條繩子.....
整合測試跟上線測試就等著被幹爆吧


圖八:
跟客戶收費,收的錢都可以蓋一座雲宵飛車了!

圖九:
支援? 砍掉重練比較快.
通常都是叫個倒楣鬼,抱著那堆國王新衣文件,自己慢慢研究。
還有個根能出來,算是不錯的了.......

圖十:
搞到最後,其實客戶要的是一個懸吊在樹枝上的輪胎。

圖片來源



小鐵的足跡

5月 27, 2009
這兩天,忽然間腦中興起了一個念頭...
既然我們常常帶小鐵出去走走,
那麼何不幫小鐵做一個足跡地圖,記錄著他所走過的地方呢?



剛好 GoogleEarth + Picasa + Google Map 結合起來,
就可以很方便地產生這樣的地圖!


做出來大概是像下面這樣子:(點圖片就會連結到Google Map中呦!)

GoogleMap小鐵的足跡


如果要做的更漂亮,就要再去編修 kml 檔,然後放到網路空間上來連結囉。


小鐵突入日月潭 !

5月 26, 2009
2009.5.23 (日)

很重要的里程碑啊!
因為這是小鐵九個月以來,第一次離開台中縣市!

之前我的專科同學會,也是到日月潭。
這次和小鐵一起去,想必會刺激很多 XD

早上六點我們就起來做準備,當然很多東西是昨天就弄好了。
不過光是要讓小鐵做發進前準備,就要花不少時間呢 ^^"

這次要去日月潭,我才注意到國道六號已經通車。
所以昨天先上網查了一些資料:
體驗國道六號的美~日月潭 - 威丫的烘焙部落

這篇有詳細的說明呦!

走國道六號試玩日月潭

國道6號霧峰系統至東草屯小記 - 新南極轉運站

可惜的是天氣陰陰的,所以國道六旁邊的風光大打折扣 XD
但是看著前方奔馳入雲的國道,也是另外一種氣象啦~~

我們開的比較慢,但是也是約50分鐘就到了目的地!

進了日月潭後,第一站先到文武廟,不過在這邊我們發現背帶並不是那麼好用...
天氣非常悶熱,不管是我們還是小鐵都汗流浹背 orz



最後我還是和鐵媽說,要把背帶拿回車上放。
等我走去又走回來時,大家都已經晃完了 > <
不過還好一開始有跟上合照啦 ^^"

謝謝 Brian 幫大家拍的照片:


文武廟對面是366階的年梯步道

每一階都有刻著日期和當天出生的名人。
所以每個人都會走到自己生日的那一階拍照...



最痛苦的還是從最下面要爬回來時...
(有錄影片,但還是不要公諸於世好了...orz)

中午到伊達邵的一家迥原民宿餐廳吃,
還蠻好吃的,比起上次同學會來吃的餐廳好多了!
人多分攤起來也蠻便宜的。
老闆也會和我們聊聊呢 ^^

接下來就到碼頭上玩遊戲,
小茹真是利害啊,玩這樣的記名字遊戲,
很快大家就熟了,重點是增加男生和女生互動的機會啦,哈哈哈 ~~~

再來是要划船,我們帶著小鐵當然不適合。
就去逛逛伊達邵的街囉!

直到小鐵出現疲態...


小鐵的睡眠時間被打亂,
再加上忽然來了場大雨。
(一直到我們離開都沒有停...)

我們也不得不先和大家告別而打道回府。

這點我們下次會再好好研究,如何能夠儘量不影響小鐵的作息。
以及如何搬運小鐵....

不過可愛的小鐵還蠻受歡迎的呢!
許多美眉們都抱著他拍照 XD

不管如何,都是收獲良多!
謝謝 Ricky 和小茹的召集 ^^

相簿的其他照片在此:

DISQUS實裝

5月 25, 2009
終於下定決心把貧弱 Blogger留言系統換掉,
改成了蠻多人推薦的 DISQUS



申請的方法google搜尋一下就有囉!

比較麻煩的是,有時我們已經修改過模板的程式碼,已經亂成一團 XD
DISQUS的安裝功能可能就無法幫我們修改程式碼... (煉鋼廠現在就是這樣...)

所以,就必須要用人工的方式,一個個修改啦!

我參考的文章如下:


初學者如何在Blogger安裝Disqus - 黑色童話



How-To: Add DISQUS Manually on Blogger/BlogSpot - WebDev


不知為何黑色童話的那篇我改了沒有成功,
最後主要是按照 WebDev 的那篇改的。

除了這些文章的修改方式外,
還要記得把我們自己加上的內嵌留言移除 (煉鋼廠的模板下,是自己加的)

另外,"最新回應" 外掛模組也因此失效囉!
所以我使用 DISQUS 的 Recent Comments widget 取代之。

麻煩大家在這篇文章幫我試試看 DISQUS 的留言功能是否正常 ^^

小鐵扶著東西站起來了! 然後呢?

5月 22, 2009


本來是前幾天要貼的啦,結果後來小鐵生病就先沒寫了。

今天中午小鐵在家睡覺時,鐵媽發覺他發燒。
一量乖乖,居然39度多!

豹與熊 - 在逆境中請奮戰到最後

5月 21, 2009
已經有點歷史的影片了,但是我是今天才從朋友那兒看到~~
原本以為只是野生動物間的獵殺影片而已,
隨著劇情的推進,愈來愈感到緊張,也為了小熊捏了把冷汗....

小鐵得了腸病毒 !!

5月 20, 2009
今天早上鐵媽說小鐵的頭有點燙,有可能是發燒 !

沒想到中午就接到鐵媽打來的電話說,
醫生診斷出來是腸病毒咽峽炎 !!

程式設計之道

5月 19, 2009
原作是冼鏡光,曾載於PC微電腦傳真雜誌上,以前我看到後就非常喜歡這篇。
總覺得每次看就有一些不同的領悟 XD
看到這篇編排的很好,就借過來一用了。
原址在東邪島 - 程式設計之道


----------------------------------------------------------



第一部 寂靜虛無篇



大師如是說:“學會從程式抓蟲子之後,就可以畢業了。”


1.1 節

寂靜虛無中有奧秘,不動不靜,乃程式之源,吾無以名之,故稱之為程式設計之道。

若道至大,則作業系統至大;若作業系統至大,編譯程式亦然;若編譯程式至大,則應用程式亦復如是,是故使用人大悅,世有和諧存焉。


1.2 節

程式設計之道無遠弗屆,雖晨曦微風而返。

道生機器語言,機器語言生組譯程式。組譯程式生編譯程式,於是萬餘語言存焉。

各語言有其目的,均表達軟體之陰陽;其在道中亦各得其所。

但若能避免,就不要用COBOL 寫程式。


1.3 節

太初有道,道生時空,故時空乃程式設計之陰陽。

程式員不悟道則時空永不敷使用,悟道者恒有充份時空完成目標。


1.4 節

上智程式員聞道而行之,中智程式員聞道而求之,下智程式員聞道而笑之。

若無笑聲則無道矣。至高之聲難以聽聞。

前進就是後退之路;大智總是晚成;每一個完美的程式仍有BUG。

道在所有知識之外。


第二部 古之大師篇

大師如是說:“三日不寫程式則生命無趣。”


2.1 節

古程式員神秘而深奧,無以度量其思維,僅能描述其表象。

像狐狸涉水般地小心;像戰場老兵般地警覺;像未經琢磨的木頭般地璞拙;像洞中深潭地不透明。誰能指出他們心靈中的秘密?答案全在道中。


2.2 節

大師Turing曾經夢到他是一部電腦,醒後道:

“不知是我Turing作夢變成機器,還是一部機器作夢變成我Turing。”

一家大電腦公司的程式員參加軟體會議後,向他的經理報告說:“你知道其他電腦公司有什麼程式員嗎? 他們不修邊幅,頭髮長而邋遢,衣服既舊且皺,他們破壞了氣氛,而且我簡報時老是製造噪音。”

經理說:“我根本就不應該派你參加會議,這些程式員超然物外,他們把生命看成無稽,意外的結合。他們往來而無藩籬,為他們的程式而活,為什們他們一定要受社會積習的約束?他們生活在道中。”


2.3 節

生手問大師:“有一個程式員從不設計,測試程式,寫作文獻,但了解他的人都認為他是世間最好的程式員。為什麼?”

大師曰:“這個程式員已充份悟道,他超越了設計的需要;系統垮了不會生氣,而無條件接受這個世界。他超越了文獻的需要,他不再計較是否有人看他的程式。他也超越了測試的需要,他的每一個程式都圓滿無缺,清澈,優雅,目的自明。是的,他已悟道,登堂入室。”


第三部 設計篇

大師說:“到測試程式時再回頭修改設計就太遲了。”


3.1 節

曾經有人在參觀電腦展每天進門時都向警衛說:“我是的妙賊,偷東西的技巧已臻化境,先告訴你,我絕不會放過這次展覽。”

這段話刺激到警衛,因為展覽場有好幾百萬元價值的儀器,所以老是盯這他,不過卻只看到這個人一個攤位接著一個攤位看,哼著小曲而已。

這個人出門的時侯,警衛把他帶到一旁搜身,但卻找不到什麼。

第二天這個人又來了,而且教訓警衛說:“昨天我收獲不錯,不過今天會更佳。”所以警衛就更加注意他了,但是仍然沒有結果。

最後一天警衛終於忍不住好奇心,問那個人:“賊大師,我給您弄得寢食難安,您是否以教我,究竟偷了些什麼?”

這個人笑笑,說:“我偷的是概念。”


3.2 節

從前有一位大師專寫沒有結構化的程式,一個生手模仿他,也開始寫沒有結構化的程式。當這位生手要求大師評量進展時,大師卻批評他寫作沒有結構化的程式。

大師說:“對大師適用的不一定適合生手,在能超越結構化之前,必須先悟道。”


3.3 節

某長官問程式員:“設計會計系統與作業系統,那一個比較簡單?”

程式員說:“作業系統。”

長官發出不相信的驚呼:“很顯然的,會計系統不如作業系統複雜”,他說。” 不!”程式員回答,“在設計會計系統時,程式員是各種不同主意的人之間的橋樑,這些主意不外乎: 系統要如何作業? 報表型式如何? 要如何迎合稅法?...等等。反過來,作業系統卻不受外界表象的限制;在設計作業系統時,程式員尋求人與機器間最純的和諧,這就是為什麼作業系統容易設 計。”

長官點頭微笑稱是:“但是那一個容易偵錯?”

程式員沒有回答。


3.4 節

經理去見大師,並且告訴他一套新應用程式文件的需求規格,問道:“如果我給你五個程式員,要多久才能設計好這個系統?”

大師很快回答:“一年。”

“但是我們需要馬上用這個系統! 如果我給你十個程式員,那要多久?”經理說。

大師皺眉說:“這要兩年。”

如果我給你一百個程式員呢?”

大師聳聳肩:“這個系統根本作不出來了。”


第四部 寫作篇

大師如是說:“寫作良好的程式本身自成天堂,寫得差的程式本身就是地獄。”


4.1 節

程式要輕靈,副程式像一串珍珠。程式的精神與意圖應始終如一,不多不少;沒有多餘的迴圈,也沒有額外的變數,既不缺少結構,也不過份笨重。

程式應該追隨“最低驚訝定律”,這是什麼?

簡單得很,使用人對程式的反應是驚訝的機會要愈低愈好。

程式不管再複雜,應該以一個整體來作用;他應該用內部邏輯,而不是外在的表象來指導作業。

如果程式不滿足這些要求,就會雜亂而易生混淆,唯一的補救就是重新寫過。


4.2 節

生手問大師:“我有一個程式,有時侯作得很好,有時侯卻不行;我一直遵行程式設計的規律,但是卻把我弄得很困擾,其理安在?”

大師答曰:“因為不悟道才會如此,只有笨蛋才會期望他的同儕有合理的行為,而你卻對人類生產的機器有所期望?!計算機只模擬了決定論,只有道才十全十美。程式設計的準則還是暫時性的,只有道才會進入永恒。所以,你在開竅前要先思索道。”

“但我要如何才能知道已經開竅了呢?”生手問。

大師回答:“從此以後,你的程式都能正確執行。”


4.3 節

大師對弟子說:“不論軟體之為大為小,道在所有軟體中。”

“桌上型計算機有道嗎?”弟子問。

“有!”大師答。

“電動玩具程式中有道嗎?”弟子續問。

“也有!”大師說。

“那個人電腦的DOS 中有道嗎?”

大師咳一下,輕輕挪動了位置,“下課”,他說。


4.4 節

皇太子的程式員正在寫作軟體,指尖在鍵盤上飛舞,程式順暢無誤的編譯完成,執行起來像陣微風輕拂而完美的結束。

“了不起!”,太子嘆曰:“你的技巧無懈可擊。”

“技巧?”程式員從終端機上轉過頭說,“我所信從的是道,道超越任何技巧!我開始學寫程式時,在我眼前所見是混成一片的程式;三年後,不再見到這一大 片程式了,我學會使用副程式;現在,眼前一片空靈,什麼都沒有了,所有東西都進入無型式的一片靜寂;所有感覺都不必作用。我的精神可以依直覺而不必依任何 計劃行事,換言之,我的程式自己寫作自己。當然,有時會有困難的問題;我看著他們到來,我降低自已的速度,靜靜的看,改一列程式之後困難就會煙消雲散;我 再重新靜靜坐著欣賞工作的歡樂。我閉上雙眼一會兒,然後關機。”

皇太子說:“我的所有程式員都那麼聰明睿智嗎?”


第五部 維護篇

大師如是說:“雖然程式只有三列,但總有一天需要維護。”


5.1 節

常用的門不必上油。

急流不會淤塞。

聲音與思想不能在真空中傳遞。

不用的軟體會生鏽。

這就是至大的奧秘。


5.2 節

經理問程式員究竟要多久才能把手上的程式寫完。“明天",程式員很快的回答。

經理說:“我想你不太踏實;真的要多久?”

程式員想了一會兒:“我希望在程式中加上一些東西,這至少要兩週。”程式員終於說 。

“時間還是短了一些",經理堅持說:“如果你能簡單的告訴我什麼時後能寫完我才會滿意。”

程式員同意這一點。

幾年後經理退休了,在歡送餐會上發現那個程式員伏在終端機上睡著了,因為他寫程式寫了整夜。


5.3 節

一個生手被分派去寫一個單純的財務軟體。

這個生手狂熱地工做了幾天,但是當大師看他的成品時,卻發現這個程式中包含一個螢光幕編修程式,一組一般性的繪圖程式,一個人工智慧界面,但卻沒有什麼與財務方面有關。

大師就問他,這個生手卻變得很激動:“不要那麼沒耐心,”他說,“我最終會把財務部份加上去。”


5.4 節

好農夫會忽視他種的穀子嗎?

好老師會忽略他最差的學生嗎?

好父親會容許他的孩子挨餓嗎?

好程式員會拒絕維護自己的程式嗎?


第六部 管理篇

大師如是說:“程式員要多,經理要少,生產力就會增加。”


6.1 節

經理有開不完的會的話,程式員就會寫電玩;主計部門想到利潤,發展經費就會被刪減;高級科學家談到藍藍青天,那麼青天一定會有浮雲飛過。

當然,這不是程式設計之道。

當經理許下承諾,程式員就不理會電玩;當主計部門有長程規劃,就會回復和諧與秩序;當高級科學家處理手上的問題,問題很快就會解決。

這才是程式設計之道。


6.2 節

為什麼程式員沒有生產力? 因為他們的時間都花在開會上頭。

為什麼程式員難以駕御? 因為管理階層干預太多。

為什麼程式員一個接一個辭職? 因為他們精力耗光了。

在不良管理下工作,程式員不會覺得他的工作有價值。


6.3 節

某個經理快被炒魷魚了,但是他底下的一個程式員寫了一個叫好又叫座的程式;當然,這位經理因而保住了飯碗。

經理打算給這位程式員一點獎勵,但他拒絕接受,並且說:“因為我覺得這是個有趣的概念,才會寫這個程式,所以我不希望有獎勵。”

經理聽了之後說:“這個程式員雖然職位不高,但卻充份了解做為一個職員的責任,讓我們把他升成崇高的管理顧問吧!”

在告訴程式員時,他再度拒絕,說:“我之存在是因為可以寫程式,如果升了我,那除了浪費每一個人的時間外而成不了事。我可以走了嗎? 我還得寫程式。”


6.4 節

經理告訴程式員們說:“下面是你們的工作時間: 早上九點來上班,下午五點鐘下班。”所有程式員都很生氣,有幾個馬上辭職。

於是經理說:“好吧! 這樣好了,只要能夠如期完工,工作時間由你們自定。”程式員現在滿意了,每天中午開始工作,直到第二天早上。


第七部 公司智慧篇

大師如是說:“你可以對主管示範一個程式,但無法讓他通曉電腦。”


7.1 節

生手問大師:“遙遠東方有一個叫"公司總部" 的偉大樹狀結構,上面滿滿地標上了些副總裁,會計長等的圖案。它發出大量的備忘錄,每張上面都寫了"收文!" "發文!"沒有人知道是什麼意義。每年都會把新的名字加到新的分枝上,但似乎全都徒勞無功。為什麼這樣一個不自然的組織還能繼續存在?”

大師回答說:“你已經體認到這個龐大的結構,而被它不合理的目的困擾。不過你能不從它無休止的迴旋而得到樂趣嗎? 能夠不欣賞深藏在枝葉底端毫無困難的程式設計嗎? 為什麼要被他的無用而困擾呢。”


7.2 節

東方海上有大魚曰鯤,鯤能變成雙翼遮天的大鵬。當大鵬飛越陸地時帶來一道公司總部的訊息,這道訊息正好掉在一群程式員中央,然後大鵬折起雙翼乘風而歸。

生手程式員瞪眼望著大鵬,因為他們不認得;中智程式員憂大鵬的來臨,因為他們害怕它帶來的訊息;只有大師才能繼續坐在終端機前工作,因為他不知大鵬的來去。


7.3 節

象牙塔的魔術師帶著他的最新發明去見大師,他推了一個大黑盒子走進大師的辦公室,大師正在靜靜的等著。

“這是一套整合性,分散式,一般用途的工作站",魔術師如是說,“還有一套專屬的作業系統,第六代語言,多項最先進的使用人界面,再加上人體工學的設計;這花了我的助手們好幾百人年才造出來的,不是很了不起嗎?”

大師抬了下眼珠子,“的確了不起。”大師說。

魔術師繼續說:“公司總部已經下令每個人都要用這台工作站做發展新軟體的基石,您同意嗎?”

“當然。”大師答道:“我馬上會把它放到資訊中心去。”於是魔術師高高興興的回到象牙塔去。

幾天後,一個生手在大師的辦公室裡團團轉,說:“我找不到新程式的報表,您知道會在那兒嗎?”

“當然",大師答道,“報表就堆在資訊中心裡頭的基石上!”




7.4 節

大師可以毫無憂慮的從這個程式轉入另一個程式,管理上的改變傷不到他;縱使計劃中止了,也不會被炒魷魚。為什麼? 因為他充滿了道。


第八部 硬體與軟體篇

大師如是說:“沒有風,草不會動,沒有軟體,硬體就是廢物。”


8.1 節

生手問大師:“我知道一家電腦公司比其他的大得多,高高在上就像巨人之比侏儒;它的任一部都可以單獨成為一個企業。為什麼會這樣?”

大師回答:“你為什麼問這個笨問題? 這家公司就是因為它大才會這麼大。如果它只知道硬體,沒有人會買它;如果只生產軟體,沒有人會用它;如果只維護系統,人家會把它看成修理員;但是因為他把 所有的合在一起,人們就把它當神一樣看待了。它根本無需競爭,因為贏來不費吹灰之力。”


8.2 節

大師有一天經過一個生手旁邊,發現生手迷上一台手掌型的電玩,“對不起",大師說,“我可以看看它嗎?”

生手停下來,並且把這台機器交給大師。大師說:“我看到這台機器玩起來有三個層次:初級,中級,高級;不過這種機器通常都有另一個層次的說法,使機器贏不了人類,而人類也勝不了機器。”

“啊! 大師",生手說:“這個奇妙的開關在那裡?”

大師把機器摔到地上,用腳把它踏爛。

突然地,生手開竅了。


8.3 節

從前有一位微電腦的程式員對一位來拜訪他的大型電腦程式員說:“你看,在我這兒多好! 我有我自己的作業系統與案儲存設備,我不必與任何人共用任何電腦資源;軟體本身自給自足,而且容易使用。為什麼你不辭掉目前的工作來加入我們?”

於是大型電腦的程式員就對他的朋友解釋:“大型電腦就像古之聖哲般的穩穩座落在資訊中心中央,磁碟一個接一個蔚為奇觀,軟體像鑽石般地有多種面目,像古森林般的濃密茂盛。各個程式像一片急流般地湧入系統,而這就是我在那兒工作的樂趣 。”

聽了這段話之後,微電腦程式員靜默無聲;但是這兩個人卻結為好友,至死不渝。


8.4 節

Hardware 與 Software 走在路上,Software 說:“你是陰我是陽,如果我們能一條心,一定會成大名賺大錢。”所以,他們就聯合在一起而想征服世界。

走了一段路之後,碰到Firmware,穿得破破爛爛,拿著根柺杖,並且對他們說:“道在陰陽之外,寂靜不動如古井之不生波瀾;道不求名,故無人知曉其存在;道不逐利,因它圓滿無缺。道超乎時空之外。”

Hardware 和 Software 聽了之後倍感慚愧而打道回家。


第九部 尾聲

大師如是說:“這是下課的時候了!”



煉鋼廠第二期工程報告

5月 19, 2009
在繼上次更換了版面後,我繼續參考別人家的網誌來進行微調。
目的仍然是讓看的人覺得快,又很順。
而且文章要好找!

功能調整:

使用的 Blogger Hack 與外掛插件:

1. 又是 "繼續閱讀"...

原本使用的懶人包,後來覺得會在一進來的時候,顯示所有文章內容後再隱藏起來。
看起來覺得不是很舒服... 所以就試試 abin 的。

修改成 abin 的版本 首頁長篇文章的收合 ,也就是可以用兩種 tag 。
讓圖少的文章直接讀進來再隱藏一部分,圖多的則改成連結。

雖然 abin 這個 hack 也會造成 blogger 在背景把它讀完。
但是可以讓讀者在連進來時,不會有一頓一頓的感覺而比較順暢。

2. 非首頁只列出標題

標籤或搜尋頁面只列出標題 - abin ,可以和1配合,讓除了首頁之外,都只列出標題,瀏覽起來比較快。
但是,因為之前我有使用日曆的修改,所以造成排列有問題,只好自己再修一下程式碼了。


3. 摺疊 sidebar 的元素

大量使用 讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling),把不用直接顯示的先蓋起來。雖然還是會讀,可是讀者看起來比較順。

4. Sidebar 元素的顯示控制

和3的目的相同,讓某些元件只在首頁顯示。
當讀者進到文章內頁時,就可以比較清爽。比如像 MyBlogLog 這樣的大元件,在主頁之外不顯示。
側邊欄元件只能在首頁顯示/不顯示 - abin

5. Ajax 文章日曆


為了方便讀者快速找文,一開始我增加文章日曆:

Blogger 專用的 Ajax 文章日曆 (Blogger AJAX Archive Calendar) - LVCHEN。

如此一來,再加上網頁存檔、標籤,可以快速找到所要的文章。

主要還是放在右上的最新回應、人氣排行,這是讓讀者可以有個參考。

但後來又看到一篇 我心中最理想的Blogger Archive日曆外掛
是由 "網誌存檔" 元件修改而來,比 LVCHEN 的更適合我用!
所以我就換下來囉!而且 "網誌存檔" 和 "最新文章插件" 也就省掉了!

6. 3D 標籤雲 WP Cumulus

無意在 kate 介紹的 - 敗家誌中看到的,參考下列連結:

超炫的3D標籤雲(WP Cumulus)一步一步教你中文化移植到Blogger上
WP-Cumulus 3D標籤雲中文版

有點麻煩,但我覺得很炫。而且展示的意義大於實質用途 XD
成功的放上去後真的有種成就感呀 ^+++^

7. jQuery的Tab分頁

在第一次載入時,會一起顯示,之後就會變成分頁。
我現在的想法是用在連結的分類!
也就是把各種不同類別的連結 (親子部落格、好友部落格...等),用這個 Tab 集中起來。
使用者要切換分頁,速度也相當快呦!

調用jQuery特效實作(Tab控件篇)


版面調整:

1. 欄寬調整

伊斯法罕模板的欄寬比較讓我不滿意的地方,應該就是切成兩邊的sidebar。
寬度比較窄,很多外掛插件 (軌道啊,噗浪等) 要放上去,都會覺得很擠。
所以就找了一些資料,邊試邊改調到可以接受為止囉!

範本架構圖片 (可以看到哪些部分叫什麼名字)
擴展 blogger 版面寬度
修改blogger範本(2) - 改頁面寬度
blogger頁面寬度修改--心得

煉鋼業寬度修改
CSS中,
#blog-wrapper : 從 940px 加為 1024px (我的header image 是 940x250,所以要再加大) 不過標準上並沒有這個區,應該是此模板自己定義的吧?
#content-wrapper:928px 加到 1012px,就是中下方裏面這一整塊的寬度。
#main-wrapper: main是左邊這一塊本文區,620px 不變。

重點的側欄來啦!
#side-wrapper:右方側欄外框。324px 加大到500px。
#sidebar1:非標準的,此模板自定。是指正常側欄。268px,加大到340px。
#sidebar2 和 3:這就是切成左右兩個側欄的地方,各120px,加大到140px和180px。較大的一邊可以用來放軌道等插件。

下方的橫欄:
#lowerads-wrapper:920px,不知是不是倒數第二條那個較短的?可以視情況配合整體加長。

2. 上方的 LinkBar

將一些不需要出現在主頁的插件,如噗浪、CBox 及 Google 留言板,都移過去變成連結。
這樣就不必在進入時花費許多時間載入了。
有需要的人自己就會去點,而連到另一個頁面 。

3. Header 重製


之前的是直接拿了可愛的照片就放上去,完全沒考慮配合版型,還有載入速度 orz
這次我就根據模板原有的圖片,等比例調整後。
再請鐵媽把選出來的成長照片,一個個整理上來。
這樣不僅可以看到小鐵的成長,而且也不會很突兀。載入速度也快!

4. 元件配置

按照載入順序由上至下,由左至右的原理。
這次選的模板就是讓 sidebar 放在右側和下面,也就是本文 main 會在 header 後第一個載入。
因為讀者要的就是內容,而不是那些有的沒有的元件。

再來是將讀者最需要的資訊 (如人氣排行、文章日曆,可以幫助尋找文章),放置在上方。
相當重要的社交工具 "部落軌道",當然也要放在明顯的位置。

其餘的儘量放置在下面。

廣告就不放了。在流量還不夠高之前,廣告根本沒有意義!


效能


使用 pingdom 進行測量。
在剛開始更換模板之後,全載入約24秒...

調校後,為 5~6 秒之間,幾乎快了四到五倍之多!
看來還蠻成功的啦,本文載入速度更是在2秒之內,也相當快  ^^

先醬

目前仍然不斷在微調一些東西,有進一步的成果再和各位報告了。


謝謝 Kate 給予的支援 ^^

這兩週的小鐵 (九個月)

5月 17, 2009
最近比較少貼小鐵的文啊,趕快整理整理po一下 XD


前陣子帶小鐵去重慶國小走走,那邊可以看到許多爸爸媽媽帶著小朋友在玩呢!
還有一個小姐姐在練習走路~

一個真正的強者

5月 13, 2009
本文引用自huiya100 - 一個真正的強者

沒想到居然看到這個好文,好廣告!
我是邊看邊感動啊 ~~~~

這根本是一部電影了呀 !!

一直想要收集這樣正面憾動人心的強者群像,終於開始第一篇了 ^^
英雄的繪卷 !

~大鐵





一個從小聾啞的女孩,懷揣著音樂的夢想長大,卻經常遭受姐姐的不屑與打擊。

正當她對自身的價值產生疑問的時候,一個流浪藝人告訴她:音樂,只要你閉上眼睛就能看見。”

兩人同時入圍音樂節,由於嫉妒和害怕,姐姐在比賽前雇人摔壞了妹妹的小提琴,打傷了一直在教導妹妹的流浪藝人。


自以為陰謀得逞,但是妹妹仍然出現在比賽現場,飛揚的卡農從殘破的小提琴中破繭而出,震動了所有人的心。


這是一部相當完整的濃縮版電影,伏筆,發展,轉折,高潮,典型的人物性格,激烈的矛盾衝突,可以說一切符合戲劇的元素都在本片中一一呈現。


開場的悲劇化色彩濃烈,聾啞的小女孩和落魄的流浪藝人同樣都是悲劇的代表人物。


而最後的高潮運用了很多意象化的景物,曠野,蝶化,朝陽,都預示了一個新的方向。


極具衝擊力的運動鏡頭,充滿情緒化的蒙太奇剪輯手法,和引導人物命運的卡農樂曲,都給這部影片賦以激昂的史詩感。


片子雖然是潘婷的公益廣告,但與宣傳的商業主體已無多大關係了,全片揭示的是一個勵志主題:

在困境中仍然能保持積極樂觀的人,才是一個真正的強者。


這個廣告正是在影射人生


最喜歡裏面聾女和那個賣藝老人間的對話:

“為什麼我和別人不一樣?”

“為什麼你必須和別人一樣?”


Who am I ? 我是怎樣的我? 是活在別人期待下承受巨大壓力的我? 還是活在別人陰影底下不敢抬頭的我?




有時上帝將我們打碎、為的是祂可以重新塑造我們。

願神賜福您



機車還是贏不了汽車 !

5月 13, 2009
記得這個廣告嗎?
機車廣告蠻溫馨的。

看到網路上有人剪接真的好好笑哦 XD




還有更多版本,請連結過去看看,Mobile01 上有人整理了哦 !
[更新]最後還是敵不過三菱的Fortis~~

始動! 巨型獨角仙機器人

5月 13, 2009
轉載自 engadget 中文版 - Andy Yang

哇咧,人家明明就是獨角仙,Andy 兄怎麼會說是鍬型蟲啊~~~~
總之,高橋先生,當地球有難時,就靠你出擊啦 !!
尊夫人能夠支持真是太棒了,真的是賢內助啊 !! XD
~大鐵
-------------------------------------------------------------



不,這次不是某城市為了觀光而做的搞笑魷魚機器人,而是貨真價實的巨型獨角仙機器人,由日本茨城縣古河市的高橋均さん花了11 年的時間製作完成。

這隻甲蟲名為カブトム(Kabutom),不僅頭會動、腳會動(但很可惜,不能完全靠腳撐起全身的重量),甚至還可以遙控、屁股裡有個看起來頗先進的駕駛艙、肚子裡還可以坐六個人!

據高橋先生自已所言,當初做之前和老婆商量要做一隻巨型可坐人的巨型獨角仙機器人時,老婆的反應是「好啊,就做吧!做出來了就可以坐著它去倒垃圾了」。

日本綜藝節目去訪問的影片...




--------------------------------------------------

當然也有人提出反面的意見啦,認為比不上土木工程用螃蟹吊車啦:


不過對大鐵來說,這代表的是一個男人的浪漫啊 !!!

高橋先生將自己的夢想灌注其中,花了十一載手工打造完成的鋼鐵巨像!
豈是區區一個土木工程器械可以比擬咧?


啥? 你問我那獨角仙機器人可以幹嘛?
我想.... 就是有萬一的時候可以保衛地球吧... (默)

煉鋼廠大改版

5月 10, 2009
幾乎是整個翻過來了啊!
之前的版面其實我就很不滿意了,但想要到改版面,要一整個都換過來就覺得很懶.... orz


在母親節前夕終於卯起來把它換了。
目的是要提升本文(main)的載入速度,還有可以方便我們排放各式元件。
配合也要讓整體看起來更柔和。


Template:


七欄式模板 - 伊斯法罕

OurBLOGGERTemplates 站找到的。

這系列版面已經隱藏了導覽列,也增加了許多網頁元素的空位(我不用自己再去修改空位)。
此外,側邊欄也都在右側和下面,這樣在載入時就可以讓 main 先載好。


而且 main 這邊的寬度還不錯,完全符合我們的想法!
因為鐵媽不喜歡暗色調,所以我們最後選擇了這個看起來比較古樸又柔和的模板!

使用了這個 Template 後,有幾項必須要修改:

1. 快速編輯鈕不見了解決方式

2. 內嵌編輯回應也不見了解決方式


我想其他同系列的七欄模板大概都有這兩個問題 XD
不過照上面 Q&A 的修改,很容易就可以完成。

外掛

1. 繼續閱讀功能

發現一個懶人包,支援三種模式:繼續閱讀懶人加強版 (超好用的)
完全取代之前使用的繼續閱讀功能,還有 [+/-] 收合功能 hack。



2. 最新回應

換成在LVCHEN的外掛 2.0。
功能比原本煉鋼廠使用的強大的多,但是載入的速度也稍慢。我是覺得還蠻值得的啦。



Blogger hack:

1.[Blogger] 為blogger 每則留言繡上數字(Numbering comments)

2.回應區加對話框
並根據作者回應,也配上不同的底色。

3. 作者回應:
作者和一般回應的標示區別 (Author comment highlighting) - Abin's Tech Note

4. 修改預設字體 :以避免一開始 post 的字太小。


5. 讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)
目前只摺疊一個,之後會視情況把需要的都摺起來~~


未解問題:

1. Link List:

目前網站連結的部分還沒加回去,得一個個重加啊.... QQ
不知有沒有比較好的備份方法 @@?

2. Blogger 的回應功能比較弱,有考慮用 DISQUS

不過不曉得原本的留言會不會不見...
看網路上的說明,還要改回應部分的程式碼。
由於目前我在回應區這一部分已用了三個 hack ,程式碼已經很亂了... 啊,有時間再來想吧~~~


也請大家給新版的煉鋼廠一些意見囉 ^^
(為了載入速度,我們把軌道、噗浪和留言版都放到最下面去了,煩請大家到最下面留言囉 ^^")

始動!四足步行戰車!!

5月 07, 2009
上週二,在爺爺奶奶那邊,小鐵終於可以把屁股抬起來了!
   
就像尺蠖蟲一樣的尺蠖運動 XD


到了這星期,小鐵由於兩手的力量增加後,已經可以配合兩腳讓身體撐起來!
變成四足著地的姿勢。

[挺咩魯] 大家一起來呼喊咩魯吧 !!

5月 06, 2009
咩魯精神速速前 這個blog,是有一次在軌道聊天室遇到 marmar,
我點過去後才看到的。

一進去的畫面,有三"隻"吉祥物完完全全吸引我的目光!

非常具有喜感啊 !!
一整個有熱血向前的感覺!

在和 marmar (就是其中一位成員) 聊過後,
才知這是他們三人的集合創作,一個動物代表一個人。
每篇文章幾乎都是由三個人的對話來展開,真是有趣的特色 ^^

藉由 blog 的推行,讓咩魯能夠和吉祥物一樣,深植群眾的內心。
成為偶像團體的潛力啊!

此外,角色插圖也相當可愛。
讓我一看到後,就想要請他們幫小鐵也設計一個插圖呢 ^^




想進一步更了解咩魯嗎?
想要和我們一起呼喊咩魯嗎?

現在! 你已經是粉絲了!


挺米魯

[讀書心得] 異數:超凡與平凡的界線在哪裡?

5月 05, 2009
一兩個月前買來看的書,結果一直沒寫心得~~~
這本書在封面就寫的很吸引人,讓人會想要翻開來看呢。

借一下博客來的圖:

異數:超凡與平凡的界線在哪裡?




裏面大致是說,成功不是只是靠才能,不是說你是天才,就能夠脫穎而出!

想要參加曲棍球國家代表隊,得看你是幾月出生~~
想要當電腦金童,要看你出生在哪一年。
數學好不好?還得看你的祖先是不是種稻!

乍聽之下還真是令人匪夷所思,仔細看下去。

書中舉了許多令人驚奇的例子,這也是讓人一直翻下去的動力。
凡舉曲棍球隊、歐洲足隊代表隊、披頭四、比爾蓋玆等...

都在說明他們的成功,不是因為他們是天才。
他們也許有比常人多一份才能,但未必是絕頂天才。
關鍵都是在於優勢的累積!
也就是在序中所提的馬太效應

例子中每個人幾乎都具備一萬小時以上的練習量,也就是約莫十年的練習。
才能夠在他們的領域上發光發熱。
少於這個時數,就算是天才也難以出線。而與常人無異。

當然書中也舉了一個反例 - 智商超過愛因斯坦的天才,克里斯.藍根
則是因為沒有把握機會,也可能是從小長大的環境使然,造就了他的個性。
之後就在自己的農場過著默默無聞,但怡然自得的生活 (可是我覺得這才是大智慧耶.... XD)

重點來了!(這才是這本書真正要講的東西)

雖說練習的長短決定了結果...
可是像曲棍球這樣的運動,平常就會受限於場地,所以不是每個人都有機會可以參與練習的。
也就是這樣,只有在每個階段都脫穎而出的人,才會受到關注。
也才能獲得這樣的練習機會
(也就是馬太效應,強者恆強,這在教育體制上不是也看的到嗎?)

所以,在每年前幾個月出生的孩子,因為體能和塊頭,往往比年尾的孩子大,
就造成了在每年級中發光發熱的新星。
持續不斷下去,最後就被選入了國家代表隊。

另外就像比爾蓋玆的例子。在那個年代,不是每個學生都有辦法去實機 coding 的。

(這邊細節就請看這本書的第二章:一萬小時的努力 囉! 我懶得再打下去了 XD)

所以真正成功的關鍵,不只是他們本身的才能,而是能否掌握到成功的機會。
所謂時勢造英雄啊~~~~

基本上這本書還蠻值得一看的,對於成功這件事,可能和我們當初所想的不同呢。
現在很多父母不想讓孩子輸在起跑點
若照這本書的看法來說,似乎沒有錯。

可是重點是,父母真正替孩子掌握到了成功的機會了嗎?
還是只是用自己的想法去幫孩子惡補,揠苗助長呢?

別忘了掌握到機會後,可還得要有長時間的努力才可以啊~~~

-----------------------------------------------------------------

註1: 馬太效應,wiki連結

[轉貼] 0~1歲寶寶成長全紀錄

5月 04, 2009
友站轉貼過來呦 ^^

0~1歲寶寶成長全紀錄

資料來源:BBH
採訪撰文/黃薇潔

親愛的寶寶 初次見面請多指教 0~3個月

[鐵娘日誌] 楓樹社區半日遊~

5月 03, 2009
鐵爸的同事Mountain ,
因為要幫朋友拍網拍衣服的照片,
所以就約我們上週五,到南屯的楓樹社區走走逛逛~~



鐵爸也上網查看了一些網友的介紹,
覺得應該蠻適合帶小鐵去散散步的。

出發前先幫小鐵洗好澡,餵完副食品後,
就開車前往目的地囉!

小鐵今天精神狀況都很不錯,
出發前坐在他的跑車上,(爺爺都說是小鐵的BMW)
擺了一些可愛的Pose讓媽咪拍照呢~~
第一次到這邊,以為很好找,也沒印地圖,
果然還是迷路了,連繞兩大圈,
還回到了大馬路。
最後只能靠手機求救了~~~


從楓樹巷轉進去裏面的巷子後 (這邊才有"巷"的感覺啦...),
整個fu就變了!

似乎從一個現代的環境,
轉變成了70年代的那種感覺~~

滿寧靜的社區,很適合騎腳踏車來逛逛,
汽車不太適合開到裡面,
最好先停在外面再徒步進去...


終於跟大家會合了,他們已經開始拍照了呢!


漂亮的模特兒阿姨一看到小鐵,
很開心的逗小鐵玩,
沒想到我們家小鐵還會害羞的咧XD
不一會兒,居然伸手要阿姨抱耶...
(之前還看到陌生人就哭咧QQ)
原來是看上了阿姨脖子上戴的珠珠項鍊了~"~


楓樹陶坊拍照逗留了一陣子。




遇到一隻超可愛的貓咪~球球,
是陶坊的主人養的,一點也不怕人,
還會跑到我們的腳邊撒嬌磨蹭呢^^

陶坊的主人很 nice ,讓我們在他們院子裏拍照。
我們甚至還跑到裏面拍球球和他們的陶製品 (能量鍋系列) !

後來還麻煩人家,幫我們小鐵加熱奶瓶,真是太感謝了呀 ^^


.
Mountain 他們主要是拍網拍的衣服為主,
所以在一個點就可以拍好幾套衣服。

而我們一家則更隨性啦,
就是完全以小鐵為主 XD


來到這裡,當然也要到"誠實商店"看看囉!
有賣一些古早味的糖果.冰棒.
手工楓葉香皂.環保清潔用品...
還有自助式的咖啡,沖泡飲,
牆上有很古早的照片和介紹...

主要的特色就是沒有店員顧店!
拿了東西後,自行將錢投到誠實甕中。
完全自由心證!


現在的超商.店家都怕搶,到處裝滿了攝影機,
在這年代居然有這樣的店家:

大門敞開著,

沒裝攝影機也就算了,
連個顧店的也沒有,
更扯的是,錢要自己投進甕中,
也不用鎖耶...

看到很多社會新聞的報導,
超商搶案頻傳,
水溝蓋.電欖線也被偷,
就連土地公廟的香油錢都有人敢偷,
神明在看著都沒用了呢...orz;

這裡的老闆一定是個非常相信”人性本善”的人吧!!
真的要給他拍拍手,用力地推薦一下...



不過這裡真的很適合育教於樂,
帶學齡的孩子們來體驗一下,
順便教導誠實的重要性...


雖然在這邊停留的時間不長,
但也滿悠閒自在的,
如果有機會來趟騎單車之旅,
應該也別有一番趣味喔~
或許,還可以看到更多不一樣的景物呢!


開車路線:

黎明路往南,過環中路後,遇楓樹巷左轉
(路口有全家便利商店,很好認)
雖然說是 "巷" ,但卻蠻大條的哦!

之後看到一間廟在左手邊,
有招牌寫著:楓樹里守望相助隊
就可以找地方先停車啦。

關於楓樹社區,這裏有一篇介紹的很詳盡,拍的照片也很有fu,
可以參考看看呦!!
~鐵娘



 
Copyright © 大鐵與小鐵的煉鋼廠. Designed by OddThemes