About

塵世間一位迷途師程工,「三單」(單眼、單車、單身) 幫初階會員。

| Posted by LittleLin

2012/07/22 雜誌

昨天搭捷運時,遇到了一件我覺得雖然小,但還滿觸動我的事情,記錄一下。

昨天我搭捷運時,拉著拉環,站在博愛座的附近。到了某站時,原本坐博愛座的一位老奶奶下車了,就看到一個老先生上車,他一看博愛座是空的,就走了過來。

但他卻不馬上坐下去,而是站在位子前方,又再向車內掃視了一下。後來看到一個大娘,就馬上又走過去,請那大娘到這博愛座來坐。

大娘就問他︰「啊你不坐喔?」只見老先生就簡短的答說︰「我站著可以啦,沒問題。」

正當我覺得這老先生真是紳士時,這時坐在附近座位的一個大學生,接著就站起來,請老先生到他位子上坐。這大學生更酷,讓完了座後,整個人就走到隔壁車廂去找站位了。

這整個讓位過程,雖然發生不到 3 分鐘,對某些人來說,可能也算是不大不小的事情。但這件小事,卻讓身為旁觀者的我,一整天心都暖暖的。

誌之。

| Posted by LittleLin

[看電影] 亂評「吸血鬼獵人︰林肯總統」

轉貼自我的 FB。

我覺得主角威能開得有點大… XD 但基本上是部具娛樂效果的片子。

吸血鬼在設定上和之前沒太大分別,主要是故事背景在超展開林肯和南北戰爭這點上很有趣。只是因為這部份的手法,在其他電影已經用過太多次,所以我自己是沒有太驚喜。

講到這個,叉題亂講一下,其實好萊塢對「不死族」的主題,基本上可以分成兩大類,第一類是像本片中的「吸血鬼」(vampire),另一類就是「殭屍」(zombie) (和林正英殭屍系列的指的殭屍,是不一樣的東西)

在好萊塢的基本編劇公式上,吸血鬼相關的片型中,往往會出現一個英雄人物來追殺吸血鬼,拯救大眾不被咬,像最有名的「刀鋒戰士」(Blade)、本片中的林肯總統等等。至少人類還保有基本的對抗性。

但在殭屍相關片型的編劇公式上,原則上殭屍現象就已經是大規模、不可逆的感染,人類已經毫無希望,只能一直跑給殭屍追,在夾縫中求生存。在這種片型中的絕望氛圍,其實反而更加吸引我 (好吧,我很愛這種片型)

一直以來,許多好萊塢殭屍片,其實就是採用這樣的公式設定。但後來我在 Zombieland (屍樂園、活死人之地 http://www.imdb.com/title/tt1156398/) 這部片上看到了突破。這部片以黑色幽默、反諷的拍攝角度,配合演員中的機車表情演技,呈現出來的是另一種好笑而且有趣的殭屍片型,可以說是和林正英的喜劇殭屍片型相比,是另一種好萊塢式的殭屍黑色幽默片 XDD

叉題叉太遠了……,總之吸血鬼獵人還不錯啦,就醬 XD

| Posted by LittleLin

好用 CSS/Template Framework 介紹 - Bootstrap (上)

簡介

當我在做網站套版時,常會遇到的麻煩是,因為搭配的不同的設計師,或是抓不同網路上 template 來使用,不同的設計師,對版面的佈局 (layout),往往有不同的切入方式,佈局與命名也有不同的風格。

我們可以到 CSS layout 網站來逛逛,就可以發現,光常見的基本版型就有單欄、雙欄、三欄,不同版型依據不同的需求,還有不同的變形。以常見的單欄式網站來舉例,簡單條列就可以分為︰

光版面佈局就有各種不同的做法,再加上版面上的元素,像是清單 (list)、表格 (table)、表單 (form) 等元素排版,到後來整個 CSS 的樣式會非常龐大與複雜。這時候,如果設計師寫的 CSS 又不夠結構化的話,在開發與維護上會更造成麻煩。

甚至很多時候我只是想做一個小網站,展示一下想法。但往往會卡在,自己要去搞定整個版面佈局的部份,雖然也不是做不出來,但往往要做出一個我自己滿意 (或更慘,只是可以接受) 的網站版型,一個下午就不見了,非常沒有效率。

後來我看到了 Jedi 大師 寫的 Mollio Framework 介紹文,從中我才知道不只是我才有這樣的困擾。所以已經有許多專案,將常用的網站元素和 layout 的 CSS ,打包成了 Framework,以方便設計師和程序員,可以快速進行使用和套版。這部份比較有名的有︰BootstrapMollioBlueprintYUI Grid CSS 等等,各有其特色,但在使用各家的 Framework 後,我發現還是 Bootstrap 最得我心。

Bootstrap 介紹

Bootstrap 是由 Twitter 所 open source 出來的 CSS/Template Framework,由其官網對自身的描述,你就可以了解 Bootstrap 對自己的定位為何︰


Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

也就是說,Bootstrap 試圖對常見的網站元素 (user interface components, 如表單表格等),與互動模式 (interactions, 如對話框tab 分層 等) 等開發,提供簡單與彈性的 HTML、CSS 與 Javascript 基底,以幫助使用者提高其生產力。

而因為 Bootstrap 是自精粹自 Twitter 工程團隊在網站設定的過程,所以在整個 Framework 的設計上,你常常會感受到相當的實務與貼心,使用上相當容易上手與具生產力。並且預設的樣式就已經滿漂亮,很多時候也不需要再請設計師幫忙做調整。

另外在跨瀏覽器的支援上,也不用擔心。Bootstrap 支援市面上大部份的主流瀏覽器,可以閱讀官網上的 Browser Compatibility 一文,可以看到Bootstrap 對 IE (7 以上,IE6 must DIE!!)、Firefox、Chrome、Opera 等瀏覽器都有支援,請放心使用。

我自己曾經使用它,只花了一個下午加晚上,就將我預計要做的網站 prototype 給撰寫出來。並且整個 Javascript 效果一應俱全,完全都是使用 Bootstrap,我完全不需要再去 google 其他的 jQuery plugin 等外掛,過程相當舒服,可以享受一人純手工打造的快感。

介紹了這麼多,大家應該心動了吧,真的很推薦大家去抓來玩玩,過程中應該會很有趣的。

下篇文章,我將介紹 Bootstrap 的使用方式,和整理 Bootstrap 的相關資源。

| Posted by LittleLin

2012 花蓮宜蘭遊記 - 行前準備篇

好的,本篇是要來說明,在這次出遊中,在出發前的準備工作上,究竟我做了什麼呢?

首先,出遊最重要的當然是,要去哪邊玩的問題?但因為這次是我個人第一次自由行,在 禮拜二才確定可以成行 + 完全沒經驗 + 想走放空隨興風 + 其實隨興風說穿了就是我懶 XD 等種種因素下,變成我禮拜二、禮拜三晚上才開始在規劃本次出遊的行程。

其實一開始我真的有認真想規劃一個完整的行程,兼顧人文加景觀等等因子。但後來我轉念一想,幹嘛要這麼累呢?於是行程的規劃主軸就變成︰每天一個重點行程,其他行程就前晚再 google 或當天隨興發揮 的路線了。

所以在出發前,我的第一天和第二天的重點行程分別是 七星潭慕谷慕魚,連第三天和第四天都還沒想就知道我有多隨興了 XDD

但究竟有沒有這麼順利呢?嗯,那又是另一個故事了。

出遊的第二重要考慮事項,當然就是要住哪的問題了。在住的方面,因為這次我不想住制式的旅舍或飯店,想住點有特色的民宿,體驗一樣不同的風情,所以這次在民宿的挑選上,比較有在花時間找 (好吧,其實也不是那麼花時間,google 一下第一頁就有了 XD)。

後來我挑了 3 間候選的民宿,但因為太晚才找出候選民宿,所以我是在出發的第一天,也就是禮拜四的下午,才分別打電話過去預訂週四與週五的民宿。整個就是隨興到不行啊,也要感謝民宿的主人可以包容我的任性。

關於民宿的住宿,因為到今天為止,我住的兩間民宿實在是太棒、太有特色了,所以打算再來開一篇「住宿篇」來專文讚一下,所以就留待下次再細細說明。

最後的最後,行前準備事項中,當然有一部份的問題是,究竟需要帶什麼東西出門呢?說實話這問題,對於平日深居簡出的阿宅來說,根本不是個什麼難題。來看看這次出遊,我的行李中總共帶了什麼東西出門呢?計有︰

  • NB * 1

  • Samsung Galary S2 * 1

  • 相機 * 1

  • 短袖上衣 * 4

  • 內褳 * 4

  • 短褲 * 1

  • 長褲 * 1

  • 運動外套 * 1

  • 涼鞋 * 1

  • 書 * 2

  • 牙刷 * 1

  • 毛巾 * 1

就這樣,其實不太複雜。事實上我甚至是在台北,要去搭捷運的前一小時,花 20 分鐘,就把行李都打包好準備出發了。總共就是一個防水背包 (主要放電子設備和書) + 一個提袋 (擺放所有衣服) 就搞定,相當簡便。

以上就是這次出遊的行前準備部份,話說其實我也沒做什麼,但為什麼交待下來還是這麼一大串咧?這肯定是我廢文性格又發作了造成的吧 XD 好吧,接下來就一樣讓我們期待下一篇「住宿篇」吧 (一樣,如果我懶病不要發作的話)!

| Posted by LittleLin

2012 花蓮宜蘭遊記 - 動機篇

嗯,一個不小心就突然跑出來玩了 XD 其實這一切都很突然,事情是這樣的,先來說明一下整件事的前因後果好了。

其實我會跑出來的原因,主要是因為公司有舉辦慶生會的慣例。是的,你沒有看錯,我也沒有打錯,原因就是因為這個慶生會,造成了我跑來花蓮玩 XD

敝公司 5 月份的慶生會辦在本週四,而且我剛好是 5 月份的壽星,但因為我不太習慣讓大家幫我慶生 (雖然壽星不只我一位),所以這週一我身上的事告一個小段落後,就有想乾脆禮拜四請個假來躲一下,順便放鬆一下。

但請了禮拜四,禮拜五又得回公司去上一天班,我又不樂意,所以想說要不要乾脆連禮拜五也一起請下去得了。

但這下浮現了一個新的問題,連放 4 天假我要幹嘛呢?雖然身為阿宅界的資深會員,我完全不排斥這 4 天都宅在家裡 XD,而且 D3 又剛好這週開賣,請假 4 天在家剛好可以拿來練功,你說是吧是吧?

這樣想你就淺了。因為話說我連 D2 都還沒全破過,要練也是先去把 D2 練到全破再說 (誤) XD 不是,我的意思是,其實我不是 Diablo 的粉,它也不是我的菜,所以 D3 開賣對於我個人的生產力完全不會產生任何影響,就算有我也不會告訴你 XD

但我想起今年其實也有想排一個環島的計劃,但一直沒辦法成行。而且也想說試看看一個人出去旅行,要是成功開發了自己這一塊的潛能的話,搞不好我就能從阿宅界退隱,從此成為背包客的一員也說不一定咧。於是我就這樣抱著自我欺騙的心理,決定往東部進發了!

至於為什麼是東部?呃,其實沒有為什麼,純粹只是高興 + 臨時起意罷了,這其中完全沒有任何理性推論的因子存在,請不要太期待一個阿宅這部份 XDD

所以,最後,整理本次旅遊的動機,歸納個人小劇場思路如下︰

不想參加慶生會 -> 只請禮拜四,禮拜五要上班,太鳥了 -> 乾脆週四、週五一起請 -> 變成有 4 天連假無處去 -> 自我欺騙自己有背包客的潛能 -> 往花蓮宜蘭出發!

以上就是此次旅遊的動機篇,是否,相當不可理喻呢?

下一篇「行前準備篇」,我會再來分享,在這樣的動機下,一個自我催眠是背包客的阿宅,他的行李準備跟行程規劃有多麼的「仔細」,敬請期待 (如果我沒有懶到斷頭的話)!

| Posted by LittleLin

[轉載] 說明記憶體管理觀念的系列文章

最近讀的系列文章,覺得實在是將觀念整理得相當不錯︰

| Posted by LittleLin

[惡搞] 師程工的專業涵養

今天突然想到的,主要是惡搞自九把刀的殺手 XDD︰︰ ===========================

師程工三大法則︰

一、 不能愛上工作,也不能愛上加班。

二、 決不透露自己寫 code 的時間。除非主管想算加班費給你

三、 下了班就不是師程工。即使喝醉了、睡夢中、做愛時,也得牢牢記記住這點。

師程工三大職業道德︰

一、 絕不搶加班。工作沒有這麼好玩,賺錢也不是這種賺法。

二、 若親朋好友被要求加班,也絕不找同行報復,亦不可逼迫同行供出雇主的身分。

三、 保持心情愉快,永遠都別說「這是最後一次」

| Posted by LittleLin

開發工作使用軟體整理

作為一個軟體師程工,手邊的工具好壞,對於自己的生產力是有很大差異的,正所謂「工欲善其事,必先利其器」,最近敗了一台新玩具,整個開發環境都要在新機器上重新建立,順便趁這時候來整理自己在工作上使用的軟體集合,並貼上來記錄一下。

以下的清單還不是非常完整,有修改再來隨時更新。

.Net

  • Visual Studio 2010: 安裝的 extension 整理如下
    • NuGet Package Manager
    • VSCommands 2010
    • VsVim
    • Visual Studio Color Theme Editor
    • Highlight all occurrences of selected word
    • Productivity Power Tools
    • VS10x Code Map
  • Web Platform Installer
  • LINQPad
  • Snippet Compiler
  • JustDecompiler
  • Log Parser

Java

  • JDK 1.6
  • IDEA IntelliJ Community Edition

編輯器

  • NotePad++
  • MarkdownPad

瀏覽器

  • Pale Moon (Firefox 的優化版本): 安裝的 extension 整理如下

    • Firebug
    • FireQuery
    • Firecookie
    • Delicious Bookmarks
    • Adblock Plus
    • Evernote Web Clipper
    • Web Developer
    • 新同文堂
    • ColorZilla
    • Y Slow
    • Console 2
  • Chrome: 安裝的 extension 整理如下

    • Evernote 網頁擷取工具
    • Web Developer
    • 新同文堂
    • goo.gl URL Shortener
    • Adblock Plus
    • Usability Boost for Google Plus
    • Reader Plus
    • 1-Up for Google+
    • Stylish
    • Firebug Lite for Google Chrome
    • IE Tab Classic
    • bit.ly | a simple URL shortener
    • Sexy History Viewer Lite

筆記/思路整理

  • XMind
  • Evernote

SQL Server 2008

  • SQL Complete
  • SQL Server Dumper
  • SQLBackupAndFTP
  • One-Click SQL Restore

PowerShell (Windows 7 已內建 2.0)

網路封包/網路狀況監控

版本控制/檔案同步

  • SVN

    • TortoiseSVN
  • Git

    • msysgit (老中寫的中文 patch 版)
    • TortoiseGit (老中寫的中文 patch 版)
  • Dropbox

檔案比對工具

  • WinMerge: 安裝時有選項,勾選後,會將 TortoiseSVN 的 Diff 工具改為 WinMerge

遠端控制

  • UltraVNC
  • Remote Desktop Connection Manager
  • PieTTY

檔案傳輸

  • FileZilla
  • WinSCP

網頁相容性測試工具

  • IETester v0.4.11

提高生產力工具

  • AutoHotKey
  • PureText

桌面優化/美化相關工具

  • Fences
  • VistaSwitcher
  • Everything Search Engine
  • ObjectDock
  • Unlocker

系統優化相關工具

  • 磁碟重組軟體︰Defraggler
  • Process Explorer
  • CCleaner