自學程式誌

胖子工程師辛酸史: 抉擇

2018-04-13T10:31:00.001-07:00

十年後，胖子終於如他名字(陳偉大)成為很有名氣的外商總經理．

胖子(心理OS): 哈哈，作者大人終於結束我苦逼一生，我終於出頭天了．

有一天，胖子帶著他兒子報名電腦補習班，無意間看到工程師B，興奮的胖子屁顛屁顛跑去跟工程師B顯擺．

胖子: 『哈囉, 你最近過得好嗎? 你在這裡幹麼?』

工程師B面無表情回答: 『不算差.. 你呢?』

胖子不減熱情高興回答: 『最近我在XX公司當總經理，每天過得很忙都沒時間帶孩子，只好把孩子交給補習班．你的工作呢?』

工程師B: 『那很好啊! 我是這裡的老闆，站在這裡會擋到別人，我們去辦公室聊吧!』

胖子(心理OS): 他不是去念美國XX大學的博士嗎? 怎麼會在這裡

辦公室內跟他兒子一樣大的小孩在桌子前寫著功課，而一旁還有五歲多小女孩獨自玩著．

工程師B: 『抱歉，我跟我妻子正在經營補習班，但擔心交給別人，因此我把我的小孩帶來這裡，就近照顧．』

白目的胖子又提問: 『沒關係．你不是想當大學教授，怎麼變成補習班老師．』

工程師B淡定回答: 『因為台北沒有老師缺，我老婆又不想離家太遠, 所以邊開補習班邊注意大學有沒有缺．』

胖子邊腦補邊用同情眼神看著工程師B (心理OS): (^.^)Y Ya!! 我終於贏了強勁的對手，果然人帥就是不一樣! 你千萬不要感到難過啊!

胖子腦補正開心時，電話響了上面顯示老闆....

老闆: 『胖子，今天我們的大客戶打電話要求我們重新聽擬計畫，而且他們明天親自來聽．你現在趕快來準備．』

胖子: 『是, 老闆．我立刻趕過去．』

然而，當胖子準備告辭時，坐在桌子前的小男孩跟工程師B討論功課，而小女孩撒嬌要爸爸抱．

這是多麼溫馨的一幕．

胖子低頭看向兒子，兒子正用羨慕眼神看著他們!!

由於胖子工作繁忙，兒子與他幾乎沒有這樣的互動．他是多麼失敗的父親阿!

無奈的胖子摸摸兒子的頭說:『這間補習班是爸爸認識的人開的! 你要在這裡乖乖的喔!』

胖子把兒子交給工程師B後, 他邊下樓梯無數在心裡重覆說著:『這是我自己決定人生, 我並不後悔!!!!』

因此，胖子面帶微笑走向他美好的康莊大道...

小劇場：

作者: 終於結束了....

胖子抗議說: 幹嘛把我結局寫的那麼感傷, 砍掉~~~~

作者; 工程師B你經常被胖子利用, 你不討厭他嗎?

工程師B: 不會, 我反而很感謝他的存在

作者: = =" 為什麼?

工程師B: 因為有他的存在, 我在小公司才能那麼輕鬆, 而且準時上下班.

舉例來說, 當時老闆給我們同一個專案, 叫我們各自提計畫向他報告.

其實, 我當時對那計畫完全沒興趣, 因此老闆對我很不滿意,

然而胖子的上進心讓老闆注意力都放在他身上,

而我不但不會被老闆逼接計畫, 而且可以在下班時間自修增進我的能力.

其實多虧他我才能去實現自己夢想, 真的應該感謝他.

作者:..........雖然很高興工程師B說了那麼多話, 原來心機最重是你

胖子:........................你贏了

作者有話要說：

積欠多年的胖子工程師的結局....

人生的成功與否是由自己決定，而不是他人．

這結局是想告訴讀者不要後悔自己的決定．胖子的確在事業上有一定成功，然而卻犧牲了家庭生活，他們兩個人誰成功就交由讀者判斷了．

[公告]翻譯More C++ Idioms

2016-07-04T07:56:00.001-07:00

翻譯More C++ Idioms, 請大家多多指教

目標對象

程度：C++ 進階
背景知識

C++
物件導向
設計模式

翻譯原則

Idioms：C++程式設計者慣用語
C'ish：C語言風格
英中繁簡對照表

英文	台灣	大陸
runtime	執行期間	運行期
invoke	喚起	調用
concrete	具象的	實在的
interface	介面	接口

進度條

[VS依賴庫管理]Boost動態連結

2015-12-06T04:12:00.000-08:00

當你使用boost動態連結函式庫時，編譯時會出現以下的錯誤代碼嗎?

error C1189: #error : "Mixing a dll boost library with a static runtime is a really bad idea..."

的確，boost自動連結功能(auto-linking)帶給我們便利性，節省專案設置的時間，然而如何正確設定專案就成為很重要課題。以上錯誤代碼C1189意思是『用靜態Runtime混合boost動態連結庫真的昰一個錯誤想法』，也就是說Boost動態連結的專案屬性設置錯誤。

設定Boost動態連結的專案屬性主要有以下的步驟:

在前置處理器，強制動態連結Boost函式庫
在Code Generation選擇Runtime Library
增加Boost標題檔和函式庫的路徑

錯誤代碼C1189就是在第二步Runtime Library設定錯誤，此步驟主要設定在多執行緒模式下如何連結C和C++執行函式庫(C and C++ Runtime Library)，依據偵錯和發佈(Debug & Release)和靜態和動態函式庫(Static & Dll函式庫)主要分成以下四種:

Multi-threaded (/MT)
Multi-threaded Debug (/MTd)
Multi-threaded DLL (/MD)
Multi-threaded Debug DLL (/MDd)

簡單來說，若字尾帶有-d即偵錯版，沒有小寫d即發佈版。還有，判斷動態連結庫依據是多執行緒(Multi-threaded)後面是否有DLL，即縮寫為(/MD)，而靜態連結則是直接為多執行緒縮寫(/MT)。

環境

Windows 7 64 bit
VS C++ 2015

方案:ThirdPartyExample

專案名稱：TestBoost_Dynamic
專案配置：Win32 Debug & Release

Boost 1.59.0

下載教學：Boost簡介與分割

所使用到動態連結程式庫(dll)

Boost.System
Boost.DateTime
Boost.Regex

依賴庫相對路徑(環境變數)

標頭檔路徑：$(TParty_DIR)\Boost\Include
函式庫路徑：$(TParty_DIR)\Boost\Lib
打包dll檔：$(TParty_DIR)\bin

教程

在前置處理器(Preprocessor)新增定義

首先，在專案屬性頁面，選擇『C/C++』→『Preprocessor』後，在『Preprocessor Definitions 』加入以下的定義強制動態連結Boost函式庫。

BOOST_ALL_DYN_LINK

圖一. 更改專案前置處理器

設定Runtime Library

首先，在專案屬性頁面，選擇『C/C++』→『Code Generation』後，請根據專案組態選擇正確的『Runtime Library』，如以下所示。

偵錯版(Debug): Multi-threaded Debug DLL (/MDd)
發佈版(Release): Multi-threaded DLL (/MD)

圖二. 選擇正確Runtime Library

增加Boost函式庫路徑

首先，在專案屬性頁面，選擇『C/C++』→『General』後，找到『Additional Include Directories』加入以下Boost標頭檔路徑。

$(TParty_DIR)\Boost\Include

圖三. 加入Boost的標頭檔路徑

接下來，在同頁面下，點選『Linker』在右頁面找到『Additional Library Directories』加入以下Boost函式庫路徑。

$(TParty_DIR)\Boost\Lib

圖四. 加入Boost的函式庫路徑

[VS依賴庫管理]Boost簡介與篩選

2015-12-04T11:08:00.001-08:00

你曾經認為Boost 函式庫過於龐大，而不敢使用嗎?

官方編譯好Boost函式庫解壓縮大約有28GB，因為此龐大函式庫是由不同IDE版本編譯出來。首先，請根據你所設定的環境，取出Lib和Header資料夾，將大小減少到2.2GB。

請問將下圖所有函式庫上傳，讓團隊其他人自行決定如何使用，這是好的專案管理嗎？

答案是非常差！！！

首先，上圖是依據專案編譯屬性所分類的函式庫，詳細請參考以下的命名規則。因此若你將所有函式庫上傳，你無法清楚告知其他人如何在新專案正確地設定編譯屬性去連結函式庫。編譯屬性不同會改變產品發佈原則，部署人員必須花時間重新打包，而且產品發佈也缺少一致性。

舉例來說，圖二某人決定新專案有以下三個設定：

靜態連結 Boost函式庫
只使用Boost 裡面的三種函式庫
動態連結C++標準庫

然而，產品發佈原則是跨平台和獨立運行的應用程式，並且不會受更新IDE所影響，請問以上的設定是對的嗎？

錯，因為動態連結C++標準函式庫代表客戶開發機必須安裝『Visual C++ 可轉散發套件(Visual C++ Redistributable Packages )』，所以產品發佈時必須將VS2015 的 Visual C++ 可轉散發套件和應用程式一起打包安裝檔。此套件會隨著IDE更新有所改變。也就是說，每次開發者更換IDE，部署人員就必須重新打包，無形中增加專案時間成本。所以，篩選函式庫不但能讓其他人清楚如何正確使用，而且也減少第三方函式庫大小。

圖二. 已分割Boost函式庫

另一方面，Boost目前是『準』函式庫，某些函式庫並不適合在產品開發上，而且Boost有些功能專案已實作，若不篩選Boost函式庫將導致一種功能有兩份程式碼。舉例來說，專案已經實作產生UUID的API，但是沒有文件說明產生UUID，你分派新人任務產生UUID時，你認為他會怎麼做？

若參考StackOverflow答案，新人就直接使用boost::uuids::random_generator，不但增加引用Boost標頭文件，而且增加產品編譯時間。還有，當你必須更改產生UUID機制，你
必須修正兩個地方，使程式碼缺少一致性。

因此，建議篩選Boost函式庫評估是否違反產品發佈原則，並且整理出Boost函式庫開發規範，如以下步驟所示：

列出你專案會使用到Boost函式庫
決定你要使用Boost函式庫類型，請參考以下的命名規則

靜態編譯和動態編譯
若靜態編譯，如何與C++標準函式庫(i.e. stl)互通

將整理好boost函式庫，分類並移動到第三方函式庫目錄

以下將教你從龐大函式庫取出專案所需要Boost靜態和動態連結，為了教學方便將動態連結和靜態連結分成兩個資料夾解釋。

環境

Windows 7 64 bit
VS C++ 2015

方案:ThirdPartyExample

專案名稱：TestBoost
專案配置：Ｗin32 Debug & Release

Boost 1.59.0

已編譯好windows模組(Prebuilt windows binaries)：

檔名：boost_1_59_0-bin-msvc-all-32-64.7z
下載：官網，備用載點

預計使用到的函式庫

Boost.System
Boost.DateTime
Boost.Regex

第三方函式庫位置：E:\ThirdParty

靜態連結：$(TParty_DIR)\Boost\sLib
動態連結：$(TParty_DIR)\Boost\Lib

命名規則

下圖列出所有Boost錯誤處理函式庫(boost::system)，你能分辨這些函式庫之間的差異嗎? 並且，請你先找出哪些是動態連結?

一般而言，微軟VS編譯器(Compiler)能夠自動連結(auto-linking)函式庫，而Boost預設是開啟這功能。換句話說，當你使用boost::system錯誤處理函式庫，你不但不必找出正確的函式庫，而且也不用增加函式庫名稱到其他相依性(additional dependencies)，編譯器會根據專案屬性和Include函式庫選擇正確的函式庫名稱並且連結。若要關閉此功能，請在前置處理器定義(Preprocessor Definitions)增加定義『BOOST_TEST_NO_LIB』。

Boost函式庫的命名規則分成以下六種[1]，如下圖所示：

前綴(prefix)『lib』：在Windows 平台，函式庫有前綴(prefix)『lib』代表是靜態連結，若沒有則是動態連結，並且lib和dll是成對。
函式庫名稱：所有Boost函式庫名稱會以『boost_』開頭，例如：boost_system。
編譯器工具(Toolset) ：使用哪個工具和版本編譯此函式庫

『vc120』:VS2013
『vc140』:VS2015

多執行緒『-mt』：若函式庫包含此名稱，代表函式庫支援多執行緒功能。若要開啟這功能記得更改你的專案屬性，請參考此網址[2]。
二進位介面(ABI)：決定函式庫與其他函式庫(i.e. STL、Python)的互通性，還有函式庫是否為偵錯(debug)版本。

『s』: 靜態連結C++標準函式庫和編譯執行函式庫(C++ standard library and compiler runtime support libraries)
『g』:使用C++標準和執行函式庫偵錯版
『d』:目前Boost函式庫為偵錯版。
『y』: 使用特殊的Python偵錯版。
『p』:使用STLPort標準函式庫，而不是編譯器預設的標準函式庫。

版本號：函式庫Boost的版本號，例如：這次下載版本1.59.0，所以被標記為1_59

教程

首先，在第三方函式庫的資料夾裡面新增資料夾『Boost』後，並在裡面新增『Include』和『Lib』子資料夾。

圖二. 在第三方函式庫新增Boost

接下來，請將下載Boost函式庫解壓縮後，找資料夾『boost』，然後複製到第三方函式庫boost的資料夾Include。

圖三. 複製原始碼到Incude底下

然後，由於本篇下載預編譯好Boost的Windows函式庫，請依據你的編譯器工具選擇資料夾，這裡在VS2015建立32位元應用程式，所以選擇資料夾『lib32-msvc-14.0』。然後，當你要連結在環境提到的三個Boost函式庫，請決定要用以下哪個方法連結Boost函式庫：

靜態連結，請參考步驟4。
動態連結，請參考步驟5和6。

圖四. 已編譯好Boost目錄

若選擇靜態連結，函式庫必須含有前綴lib，因此挑選你要使用lib檔複製到第三方函式庫boost資料夾sLib底下，包含偵錯版本，如下圖所示。

圖五. 抓取靜態連結的Boost函式庫

若選擇動態連結，函式庫沒有前綴lib，並且lib和dll是ㄧ對，挑選你要使用lib檔複製到第三方函式庫boost資料夾Lib底下，包含偵錯版本，如下圖所示。

圖六. 抓取動態連結的Boost函式庫

最後，為了能成功執行的應用程式，請將對應的dll檔複製到第三方函式庫的bin資料夾。至於如何配置VS2015專案檔，請參考[VS依賴庫管理]Boost動態連結。

圖七. 應用程式所需要的dll檔

Reference：

Boost，Getting Started on Windows

http://www.boost.org/doc/libs/1_59_0/more/getting_started/windows.html#library-naming

[傾聽他人]回應抱怨

2015-07-02T09:26:00.001-07:00

圖一. 太陽花(source: wikipedia)

你曾經困擾如何與負面情緒朋友溝通嗎？還有，你好心給他一些建議，他都一一反駁你，使彼此產生衝突，甚至他還關掉與你溝通大門。請你先思考當朋友跟你抱怨時，他真的需要你的建議嗎？其實，大部分抱怨的人心中已有答案，他們並不需要你的建議，而是傾聽與理解。舉例來說，當你朋友對你說以下的話，

唉~ 主管叫不動其它人，結果他一直分配新工作給我! 結果又不加薪，真過份!

你會做以下那一種回應?

辛苦你了！上次我下班前也被主管叫進去，害我晚半小時下班，真是鬼公司
『吃得苦中苦，方為人上人』你就當做主管給你磨練機會，像XXX年輕很辛苦，現在不是在有名的外商工作嗎？
你是不是為主管不重視你而感到生氣？
不要再抱怨！你是不是不喜歡工作阿

首先，答案1做法是先簡單安慰當事人，然後你開始長篇大論過去的經歷或朋友的例子，這樣做法不但轉移當事人的話題，而且讓彼此之前立場顛倒，甚至當事人需要安慰你！換句話說，你把人家的話題搶走，這可能會讓他感到自己痛苦被忽略，甚至被標上自以為是的標籤，你的任務是傾聽他的抱怨，而不是只顧着要展現自己，這樣只會增加彼此之間的距離。因此，傾聽時，請記得今天主角是谁，並且持續當事人的話題。

接下來，若我給當事人美好未來藍圖或建議，這樣做法應該沒問題吧？錯!!! 你很有可能被當事人打槍，一方面未來是難以預測，在不了解當事人能力或產業走向下，亂評論別人的未來，讓人感到很不負責任。另一方面，你真的理解當事人工作狀況嗎？每個人所遇到的情形都不一樣，解決方案也有所不同，不要擅自把別人經歷套用在他身上，或許他的心中早有答案，所以你只要傾聽，不要給任何建議。

其次，最佳答案是3，為什麼？請你重新看一遍當事人的抱怨，透露他很在意薪水和工作分配不公，因此它依此基礎去回應當事人可能感受或想法，不但讓他感受到你的重視，並且鼓勵他抒發他的情緒。若你無法看出他的感受，妳可以選擇性重複當事人的話語關鍵字，鼓勵他繼續談話，例如：其他人在幹嗎？所以，正確地回應是以當事人的談話內容為基礎去拓展話題。

最後，答案4是最糟的做法，你不但否定當事人的價值，而且對他人行為亂下評語。你這樣只是散發你的優越感，自以為是了解他人感受，對當事人一點幫助都沒有。正確地傾聽主要有以下幾點：

帶著同情心有耐心地理解他人的感受。
將所有的注意力放在他身上，尤其不要邊滑手機邊聽。
用疑問語氣反映當事人的情緒、含意和經驗。
在當事人未要求前，不要給任何建議

這裡，我只簡單描述傾聽技巧中的Reflecting Skill，它經常被臨床心理師所使用，因此你可以在Google搜尋Reflecting Skill，即可找到更詳細資訊。

Reference：

SkillsYouNeed, Reflecting

[Chrome書籤]復原舊版管理員

2015-05-16T19:42:00.002-07:00

最近，Chrome在版本42將正式發佈新的書籤管理員，它使介面更為美觀和流行，然而卻犧牲可用性，如圖一所示。作者Venkat eswarlu針對圖一的書籤管理員列出以下的缺點[1]：

新版本載入書籤管理員的速度變慢
新版本無法依字母來排列
開啟Chrome任務管理員，它仍然繼續在背景執行(圖二)
加入新書籤到特定資料夾是困難

圖一. 新Chrome書籤管理員

對我而言，最困擾是第五點加入書籤的問題，尤其將書籤分很多層的時候，你無法一步驟選擇所要的資料夾，而是不夠直觀的操作也增添困難性。另一方面，新書籤管理員為內建的擴充功能，然而它有時所需要記憶體並不低，因此我也懷疑此功能會讓Chrome越變越慢。

圖二 . 仍然在背景執行的書籤管理員

因此，我將教你如何變回舊版書籤管理員，然而Chrome隨時會把這功能完全淘汰掉，因此此答案只能暫時有效。

環境

Windows 7 64 bit
Google Chrome

開發版
版本 44.0.2398.0 dev-m (64-bit)

教程

首先，請在Chrome的地址欄輸入以下的文字，進入Google實驗性功能介面。

chrome://flags/#enhanced-bookmarks-experiment

圖三. 開啟Chrome的實驗功能

接下來，尋找標籤『啟用強化書籤』後，請在下拉式選單選擇『停用』。

圖四. 關閉書籤功能

接著，請點選『立即重新啟動』使設定生效。

圖四．重新啟動Chrome

最後，重新啟動後，再次按下『書籤星星按鈕』即可使用舊版書籤管理。

圖五．舊版書籤功能

Reference：

Venkat eswarlu, Chrome 42: How to get old Bookmarking Interface and Manager back?

http://techdows.com/2015/04/chrome-42-how-to-get-old-bookmarking-interface-and-manager-back.html

美國寒冬(American Winter)：動搖中美國夢

2015-05-10T09:30:00.003-07:00

有一天，我旁邊坐著一個美國同事，我無法忘記他對台灣提出一系列的疑問，例如：

『為何台灣人比美國人還瘋狂去Costco？』
『為何台灣人會那麼喜歡外國人球員？』
『台灣人為何喜歡外國文化勝過自己國家呢？』

那時候我無法回答他的問題，或許我骨子裏也認為外國月亮比較圓，我無法有自信反駁他。然而，我想起學姊在我留學前說過的一句話：『妳不要把事情想得太美好，你真的了解要去的國家嗎？』這些話讓我開始反思一味想脫離被稱作鬼島的台灣，去美國工作就能解決問題嗎？我真的了解美國目前的狀況嗎？，美國夢仍然存在美國嗎？

HBO紀錄片美國寒冬將推翻你對美國美好的幻想，讓你看到真實中的美國，並且開始對美國夢感到存疑

圖一. 美國寒冬宣傳海報(來源:American Winter-Home )

首先，中產階級貧窮化只會發生在台灣，美國就不會有這個問題嗎？此紀錄片就揭露美國情況也在惡化中。中產階級是一群受過良好教育的人，他們有人人稱羨的好工作，打從心底相信只要努力工作，即使被資遣也能快速找到工作，他們無法相信有一天會繳不起日常生活費用，甚至讓自己的孩子吃不飽。在紀錄片，約翰(John)本來年收入五萬五千美元，大約一百五十萬台幣，他在大約五十歲時被資遣，然而他不但房子面臨被拍賣的局面，而且也無法滿足孩子娛樂需求(看電影)，印象最深的是他含淚的說：

『這並不容易！我是50歲的成人，但我需要打電話求父親幫我付電費！』

約翰不但擔心自己所遭遇的狀況，他更害怕孩子的未來。約翰並不是片中唯一的中產階級例子，目前，美國大約有4千八百萬的人活在貧窮線以下，占總人口大約15%，然而這只是美國官方數字，這真的能真實呈現美國貧窮人口？在美國波特蘭，專家說目前中產階級是接近貧窮的危險族群。

圖二. 貼心的美國小兄弟(來源:American Winter-Preview)

美國夢倡導不論窮人或中產階級努力工作就有回報，不必擔心日常生活，孩子能不能吃飽，甚至給孩子一個美好未來。然而，上圖孩子父母Ben&Paula說：

『我們只想著錢，如何餵飽孩子們，忘記夢，我們如何度過明天，明天就是夢，晚餐也是一個夢！』

而左邊8歲貼心美國小男孩海洋(Ocean)說：

『我聽到有時爸媽略過晚餐，因為他們需要餵我們，有時我聽到這句話，我哭了！因為讓我覺得是自己的錯，他們必須花錢餵飽我們，他們浪費錢在我們身上！』

而另一個單親美國媽媽，即使找到工作，她也不去想美國夢，因為她無法維持家人的生計。目前，美國有超過四分之一的私營部門的員工一小時低於10美金，年薪低於一個四人家庭的貧窮線標準。在大部分美國城市，有兩個孩子家庭的父母至少一小時要21美金，才能滿足他們的基本需求。殘酷的是，這些家庭都不敢幻想美國夢，他們都眼泛淚光只希望度過明天，並且擔心孩子的未來。

為何這些中產階級會遇到這些情況？他們竟然為繳不起電費、水費、租金和昂貴的醫藥費所苦，有研究顯示美國人存款只能維持三個月，甚至中年失業還要為房貸所苦。舉例來說：約翰一年最多存下十五萬台幣，十年存款只能讓他維持一年，然而這只是理想狀況，約翰沒有任何娛樂花費嗎？的確，美國薪水比台灣高，請別忘記他們的生活費並不便宜，他們存不什麼錢，因此我們更應該感謝身邊便宜專業的服務，讓我們即使薪水倒退能繼續維持良好生活品質，並且有閒錢投資在小孩身上。例如：讓上班族吃到便宜美味的便當，政府所提供便宜電費水費，便宜又專業的醫療服務和台灣高等教育。要不然為何有許多移民國外的台灣人喜歡回來看醫生？這些服務就是台灣珍貴資產，對比國外醫生也犧牲優渥福利，錢並不是被這些為我們服務的人賺走，而是黑心的商人們。

另一方面，我們也應該偉大無私的台灣父母們，不但砸大錢培育在孩子的教育上，而且長大後仍然繼續幫助孩子，例如住在家裡，照顧孫子和借(給)錢買房。我無法忘記片中美國年輕媽媽Pam說：

『我沒有想到有一天會搬回家裡，這對我來說真的很困難，極度沮喪，我不想告訴任何人，我感到非常羞愧!....這件事深深傷我的心，我感到很丟臉！』

她甚至哭著對丈夫說：

『再次跟媽媽生活！我已經26歲，我竟然再次跟媽媽生活！』

這讓我深深反省我這個年齡正在做什麼？為了存錢，我選擇住在家裡，理所當然享受父母擁有的資源，我深深感到自己的錯誤。事實上，成年後就應該獨立生活，尤其啃老族們，父母並沒有責任幫助我們，我們應該由衷感謝父母所給予。片中美國孩子都會因父母付出感到內疚，何況我們從父母得到那麼多東西？的確，父母享受過台灣成功果實，然而當你對為領到那麼低的薪水想對身邊的人發脾氣時，請先思考他們有沒有給予任何幫助？請不要視為成年後的幫助是理所當然，不做任何努力繼續靠父母養，這樣不但抹煞父母在困難時的幫助，而且辜負父母的辛苦養育。父母的無私和奉獻就是台灣另一個珍貴資產。

最後，希望這篇文章能讓讀者知道台灣並不比美國差，台灣也擁有美國所沒有的珍貴資產，別只記得美國夢，而是記得台灣經濟奇蹟，那時被世界稱為亞洲四小龍，別被政客和壞媒體忘記台灣的美好。貶低台灣推崇美國是無法真正解決問題核心，無論在哪個國家都有需要面對的問題，我們應該勇敢面對問題並努力找到解決問題，珍惜親友所給予的資源，試著愛這塊土地，不要期待遙不可及的東西，這樣我們才能真正的成長。

Reference：

American Winter, Joe & Harry Gantz

http://www.americanwinterfilm.com/

[Google定位]免安裝找回遺失手機

2015-05-09T04:25:00.002-07:00

你曾經忘記掉過手機嗎? 甚至忘了在哪裡掉?

以前，當自己手機不見時，不論是不是小偷拿走的，我們都很難找回自己的手機。一方面，自己忘記手機在哪裡丟失，即使有好心人拿到警察局或客服中心，你要花很久時間找回你的時間。另一方面，傳統手機缺乏防盜機制(i.e.密碼鎖)，使小偷不需要花費時間處理，它就能賣給二手手機行。然而，智慧手機將推翻你的既定印象，它不但增加找回手機的機率，尤其是Android的手機，而且增加安全性防止他人偷取資料。

Google在你的帳號提供裝置管理功能，當你在有GPS的Android裝置登入，你就可以定位你的裝置，然而GPS只能顯示大概位置，因此當你到裝置附近不要驚慌，Google也提供操控手機的功能，你只要按下『撥打』即可讓裝置發出鈴響，然後再根據聲音找出你的手機。

若你將手機調成震動，它還會發出聲音嗎? 答案: 可以

此外，老人家經常發生忘記東西放在哪裡，甚至將手機放到眼睛看不到的地方，例如冰箱。然而，你只要有此裝置所登入的帳號，即使你住很遠，你也能遠距離利用此功能幫助他們找到手機。

圖一. Google 手機定位系統

以下，將教你利用Android裝置管理員定位您的手機，並且利用撥打功能，即使你將此裝置調成震動，它也能發出鈴聲。

環境

個人電腦

Google帳戶管理
Android裝置管理員

想定位的裝置 i.e.手機

必須登入Google帳號
免安裝APP
具有GPS的功能

教程

首先，請在Google的首頁左上方，點選『你的帳號圖片』顯示帳號資訊後，選擇『帳戶』進入設定界面。

圖二. Google帳號界面

接下來，在帳戶設定界面尋找標籤『近期活動』後，請點選『裝置』查詢有哪些裝置登入的紀錄。

圖三. Google帳戶設定界面

接著，在裝置列表點擊你所遺失的手機跳出此裝置資訊後，請點選『使用 Android 裝置管理員找出您的 Android 裝置』。

圖四．登入此帳號所有裝置

再接著，在Android裝置管理員界面，你將看到『正與您的裝置連線...』的訊息，代表它正在定位此裝置，請耐心等候。

圖五．Google嘗試連線你的裝置

然後，Google定位完成後，不但在紅色方框位置顯示此裝置的大略位置文字描述，而且也即時更新到Google地圖。若你接近你的裝置位置，你仍然找不到的話，你可以按下『撥打』。

圖六．定位成功的訊息

最後，它會彈出下圖的對話框告知此裝置將發出聲音5秒，按下『鈴響』即可開始。

圖七．讓手機發出鈴聲

[Google部落格]救回誤刪文章(下)-利用postID重新發佈

2015-04-26T08:51:00.002-07:00

在上一章，我利用複製搜尋引擊的快照內容，重新刊登我的文章，但是新文章卻無法使用原本網址，如下圖一所示。然而，搜尋引擊是根據你的網址去統計流量，網址就像在網路上身分證具有唯一性。另一方面，網址更換也會影響到Google+留言，當你決定為你的部落格換網域時，Google會出現以下的警告訊息告知你的留言會消失。換句話說，若要保留你的流量和Google+留言，你必須使用原本的網址。

警告：您已啟用 Google+ 留言功能，變更網誌網址會對現有的留言造成負面影響

圖一. 被救回的文章

以下將教你如何利用postID找回刪除文章後再重新發佈。然而，若你有出現錯誤訊息『bX-cejt47』，你就需要利用其他工具救回原本網址，但也不一定有效。

環境

Google 部落格 (Blogger)

網域：XXXX.blogspot.tw

Chrome
Blogger管理頁面

教程

首先，請依據上一章到你被刪除網頁的快取畫面，按下滑鼠右鍵後，選擇『檢視網頁原始碼』。

圖一. 檢視快取網頁的原始碼

接下來，在原始碼頁面按下『Ctrl+F』呼叫搜尋功能，然後在對話框輸入『postID』後，在橘色標註的位置即可找到唯一的ID，這裡為『4239077584546560024』。

圖二. 搜尋被刪除的文章

接著，請編輯任一篇文章的編輯後，在omnibox找到postID，請將它取代為找到的postID，這裡將把『8889869403022029595』替代為『4239077584546560024』。

圖三．開起快照的頁面

最後，在文章的編輯模式，你可以看到被刪除的文章，然後選擇『發佈』救回原本文章。

圖四．救回的文章

Reference：

Easy Methods To Recover Deleted Blogger Blog Post

http://www.how-to-comp.com/2014/03/Recover-Deleted-Blog-Post-Page.html

[Google部落格]救回誤刪文章(上)-搜尋引擊

2015-04-12T08:10:00.002-07:00

你曾經不小心刪除你的部落格文章嗎？

如上圖，我曾經整理部落格文章標籤時，不小心刪除剛發表的文章，然而，它沒有提供任何介面讓你簡單救回文章。換句話說，Blogger沒有Gmail的回收桶功能，救回只能依賴外部工具，因此文章救回比起信件來複雜許多。幸運的是，當你發表你的文章時，Google搜尋引擊會定期快照你的頁面，因此當你修正內容時，快照過不久也會更新。換句話說，快照能幫你拿回刪除前的文章，但滿高機率救不回修改前的。

以下將教你如何使用Google搜尋引擊找到文章內容，複製後在重新發佈。然而，若你文章有特殊格式，直接複製內容會造成編輯不容易，在下一章將描述如何保留原本格式。

環境

Google 部落格 (Blogger)

網域：XXXX.blogspot.tw

Chrome
Google搜尋引擊

教程

首先，請在Chrome的Omnibox或Google搜尋引擊輸入『Site：』再加上你的網域，如以下所示，按下『搜尋』。

site:設定的部落格英文名稱.blogspot.tw

圖一. 搜尋你的網誌

接下來，Google會列出網誌所有列表，然而當你網誌文章數過多時，你要花過多時間找此文章，因此若你記得被刪除的文章，請在『Site：』前面輸入文章名字後，按下『搜尋鍵』就可以找到它。

圖二. 搜尋被刪除的文章

接著，如下圖三在被刪除文章下面點擊『朝下按鈕』開起選單後，請點選『頁庫存檔』開啟快照頁面。

圖三．開起快照的頁面

最後，你能看到被刪除的文章內容，此時你直接複製文章內容再重新發佈文章。

圖四．救回的文章

Reference：

Easy Methods To Recover Deleted Blogger Blog Post

http://www.how-to-comp.com/2014/03/Recover-Deleted-Blog-Post-Page.html

UML類別圖：Generalization vs Realization

2015-04-11T05:13:00.001-07:00

某一個類別去繼承另一個，子類別(child class)在擁有父類別的屬性和行為下去擴展功能，在C++很單純定義兩者關係為繼承(inheritance)。如下圖一所示，在UML有以下兩種方式描述繼承，兩者主要差別在父類別。

Generalization

實線

Realization

虛線
父類別必須是界面(interface)

圖一. UML繼承

Realization

請先思考什麼是界面(interface)？

在物件導向的定義，界面是一個抽象類別，設計一個界面類似於設計一個類別，但是它們的思考點有所不同。類別描述物件的屬性和行為，而界面是定義類別們統一行為，並且不會有詳細行為描述。界面是不被允許實例化，但你可以宣告空指標，或是將它綁定其中一個子類別。

例如：當主人叫動物們(雞，豬和狗)走路時，如何在C++實作界面？

這裡只解釋程式碼的一部分，我已經將完整新增在線上C++編譯器ideone，你無需安裝任何C++IDE，直接線上修改後跑程式，請在以下找子標題程式碼。

首先，找出類別們的共同行為，實作一個界面。這裡的例子為走路，因此新增界面Animal，然後增加純虛擬函數(pure virtual function) walking 定義走路的指令。

class Animal
{
public:
    virtual ~Animal(){}
    virtual void walking()=0;
};

接下來，新增繼承界面的子類別，並且實作界面的子類別。以下舉雞為例，這裡的walking描述雞用兩隻腳走路。

class Chicken:public Animal
{
public:
    virtual void walking()
    {
       printf("chickens walk on two leg\n");
    }
};

最後，擁有界面指標向量的類別可直接呼叫物件的虛擬方法，不需要是哪一個類別實作。由於界面不允許初始化，在程式某處產生向量容器界面指標Animal，然後將物件雞，豬和狗放入容器後，擁有此容器的類別如同下圖46-47行直接呼叫walking，讓容器所有動物開始走路。

圖二. 界面的呼叫

下圖三我簡單使用UML圖描述上述例子，若你將此例做一些改善，界面不但使程式碼能被重複使用，而且能降低你程式的相依性，尤其在使用者介面和低層的互動。如果有時間，我將獨立寫一篇文章如何善用界面。

圖三. 範例類別圖

程式碼

編譯環境

Ideone 線上編譯器
最低C++版本: C++ 11

結果

圖三. 程式碼執行結果

Reference

Abstract Class vs Interface in C++, stackoverflow

http://stackoverflow.com/questions/12854778/abstract-class-vs-interface-in-c

接口(Java)

http://zh.wikipedia.org/wiki/%E6%8E%A5%E5%8F%A3_%28Java%29

How do you declare an interface in C++, stackoverflow

http://stackoverflow.com/questions/318064/how-do-you-declare-an-interface-in-c

[免費截圖] PicPick 加入浮水印

2015-02-23T08:23:00.003-08:00

你曾經煩惱自己圖片被盜用嗎？

最普遍的方法是在圖片加入浮水印。然而，當你做電腦軟體教學時，截圖後手動加浮水印，若每次重複這件事，慢慢在無形中浪費你的時間。PicPick這套軟體不但加入截圖後自動浮水印的功能。另一方面，這次我使用PicPick製作教學圖片，它的數字圖章功能不但具有編號功能(如圖二)，而且提供多種樣式讓你輕鬆製作漂亮圖片。因此，在部落格製作軟體教學是不錯的工具，而且它也沒有惱人的廣告。

作業環境

Windows 7 64bits
PicPick

版本：v4.0.3 (2015-01-20)
檔名: picpick_inst.exe
下載位址：官網官方可攜式備用載點-可攜式

特色

擴充小畫家的功能
可螢幕截取，並且可選擇類型(i.e. 視窗或全螢幕)
可自訂喜歡快速鍵
無廣告
提供數位圖章，尤其在數字圖章，讓使用者更輕易撰寫軟體操作流程
提供截圖時，自動加入浮水印

若官網連結下載位置失效，請使用備用載點下載可攜式版。

教學影片

教程

首先，請執行PicPick程式，在開始畫面選擇『開新檔案』。

圖一. PicPick 開新檔案

接下來，在Tab『常用』中，選擇『特效』後點擊『浮水印』，進入浮水印設定視窗。

圖二. 下載Qt 5.4 MinGW 離線安裝

接著，在浮水印視窗先『開啟你的浮水印圖片』，再設定它『在圖片的位置』，然後在點選『截取圖片時自動加入浮水印』，按下『確定』完成設定。

圖三．浮水印設定視窗

設定完成後，請試著使用PicPick截取螢幕後，圖片將出現妳的浮水印。

圖四．PicPick截取螢幕後結果

Reference：

PicPick,all-in-one design tool for everyone, The NTeWORKS Company

http://www.picpick.org/en/

UML類別圖: 傳遞參數和Dependency

2015-02-22T07:05:00.000-08:00

Dependency

圖一. 類別圖: Dependency關係

如上圖所示，當類別Student相依另一個類別Course，並且在成員函數將類別Course被用來傳遞參數或區域變數時，這兩者關係稱為『Dependency (相依性)』。『Class Student uses class Course』則是圖一英文的描述式，而它的動詞關鍵字就是『Uses (使用)』。

在程式開發者眼中，它經常被稱作『Coupling (耦合)』。換句話說，我們可以由類別圖關係線(dependency, aggregation, composition...)知道模組間的耦合度，當類別的關係線越多，它的耦合度就越高。

在UML，傳遞參數主要有以下三種：

in ：輸入參數的內容不能被修改

唯讀
StarUML不顯示在圖上

inout ：輸入參數的內容可以被修改

此參數被你當輸入和輸出
建議使用Pass by reference，不會呼叫Copy Constructor

out：與inout 大略相同，此參數只當作輸出

以下將圖一的類別圖轉換C++的程式碼，並且增加成員函數Enrolled區分實作唯讀的方法。

圖二. Dependency範例。左邊:類別圖右邊:原始碼

如下圖所示，在C++實作UML的IN主要有兩種方式：『Pass by Value』和『Pass by Const Reference』。然而，Pass by Value主要的缺點是『當類別過於龐大，花太多時間複製物件的內容到新物件』，甚至影響程式的性能。另一方面，若在Pass by Reference加入修飾字const，不但編譯器會出現警告訊息當他人修改參數內容，而且防止不預期的結果，尤其當程式者未在自己的類別實作Copy Constructor。

圖三. 成員函數Enrolled和isEnrolled的比較表

Reference：

Understanding this UML diagram?, cplusplus.com

http://www.cplusplus.com/forum/general/62927/

in,out,inout,return parameter direction in UML, stackoverflow

http://goo.gl/uZvgsl

Applying UML and Patterns: UML Class Diagrams, Craig Larman

http://goo.gl/6TYb2q

UML類別圖：Aggregation vs. Composition

2015-02-20T08:12:00.004-08:00

Composition

圖一. Composition範例。左邊:類別圖右邊:原始碼

在真實世界中，我們喜歡DIY將許多簡單零件組裝成更複雜機器，而且每一零件都缺一不可，因為零件的缺失會造成機器無法運作。這樣過程我們稱為『Composition』，而這兩者關係的動詞關鍵字是『Owns a (擁有)』。圖一所舉的例子是電腦，一台電腦就必須有一顆CPU，而且CPU壞掉就會造成電腦無法運作，以下列出它的特性：

class Laptop own a class CPU_I7

筆電擁有一個CPU
沒有CPU，筆電無法運作

類別負責產生和消滅附屬的類別

變數與擁有者生命週期相同
當物件Laptop被消滅，CPU也被消滅

如下圖所示，CPU_I7被Laptop控制生命週期，有趣的是它們建構和解構的順序彼此相反。這是因為建構時會放入堆疊，而解構時會從推疊頂端拿出資料，因此解構順序會與建構順序完全相反。

圖二. Composition執行結果。上圖:執行Demo程式瑪下圖:輸出

Aggregation

圖三. Aggregation範例。左邊:類別圖右邊:原始碼

在C++中，當類別的資料成員含有指標物件變數，代表兩類別之間關係是『Aggregation』，並且它的關鍵字是『has a (有)』。這種是一種比較弱的關係，兩物件的生命週期各自獨立，也就是說物件並不負責另一個的產生和刪除。例如：當搭乘計程車時，司機在乎車子裡有多少乘客，他是否要尋找客人，然而他無法自動化產生乘客，而且乘客不會因計程車銷毀而消失，下面以圖三為例總結它的特性：

class Car has a class Passenger

車子裡面有多少乘客
車子可以沒有乘客

類別並不負責新增或消滅附屬的類別

指標變數自己的生命週期(lifecycle)
當物件Car被消滅時，物件Passenger仍然存在

如圖四所示，我在物件Car範圍外新增物件Passenger後，再將它的記憶體位址放入物件Car向量容器裡，然後程式結束時刪除物件Car，物件Passenger仍然存在，然而這樣情況會造成memory leak。因此，使用Aggregation要小心，程式結束前要記得刪除指標變數。

圖四. Aggregation執行結果。上圖:執行Demo程式瑪下圖:輸出

[Windows 7 64-bit] 安裝Qt 5.4 MinGW

2015-02-18T07:18:00.003-08:00

2014年12月Qt正式發佈5.4版，這次不但增加支援WinRT和Windows手機，而且新增相對應的模組。

這次也將軟體分成以下四個版本：

社區版(Community)

用於PC端，嵌入式和手機應用程式開發

獨立移動版(Indie Mobile)

用於手機應用程式開發

專業版(Professional)

用於PC端和手機應用程式開發

企業版(Enterprise)

用於PC端，嵌入式，RTOS系統和手機應用程式開發

以下的Change log是根據官方進行部分翻譯，他主要針對網路瀏覽器相關進行功能改善。至於，安裝教學分成兩種版本：

影片版

教你如何在官方網站下載最新版本

文字版

教你如何在Qt安裝檔備份區下載你所要的版本

Qt 5.4.0 Change log

新特色

Qt WebEngine

基於Chromium增加新的網頁引擎模組

Qt WebKit

WebKitWidget 加入OpenGL 2D 畫布加速
OpenGL 加速也適用於QOpenGLWidget
Qt WebKit 模組算是完成。它在未來將被Qt WebEngine所取代。這也會應用在QML API的Qt WebKit模組。

Qt Web Channel

對QtWebKit和其他瀏覽器引擎，縮小QML/C++和HTML/JavaScript之間差距

平台

支援WinRT(Windows Runtime)的平台
最低支援Windows Phone 8.1版本
iOS

改善iPhone6/6的支援
QtQuick Controls現在可使用 native 文字選擇和彈出(popup )選單

棄用特色

Qt OpenGL

QGLWidget 被QOpenGLWidget被取代
QGLWidget 已不能使用

作業環境

Windows 7 64bits
Qt 5.4.0 for Windows 32-bit

離線安裝
編譯器: MinGW 4.9.1
檔名: qt-opensource-windows-x86-mingw491_opengl-5.4.0.exe
下載位址：官網官方Archive 備用載點2　
官方的Change log

若官網連結下載位置失效，請使用備用載點2進行下載。

教學影片

教程

首先，請到以下網址選擇你所要安裝Qt版本，這裡將以『5.4』為例子。

http://download.qt.io/archive/qt/

圖一. Qt所有版本的下載位置

接下來，請依據你的作業系統並選擇你所要的編譯器，本範例的環境為Windows和MinGW，因此選擇以下的檔名下載．

qt-opensource-windows-x86-mingw491_opengl-5.4.0.exe

圖二. 下載Qt 5.4 MinGW 離線安裝

接著，執行Qt 5.4安裝程式並選擇安裝位置後，再依據下圖選擇你要安裝的元件，按下『Next』參考影片安裝Qt程序。

圖三．執行Qt安裝程式

安裝完成後，請執行『Qt Creator (Community)』，即可開始寫程式。

圖四．Qt Creator 開始畫面

Reference：

Download Qt, The Qt Company
http://www.qt.io/download/
Qt older versions in the Archive
http://download.qt.io/archive/qt/
What is new in Qt 5.4
http://qt-project.org/wiki/New-Features-in-Qt-5.4

UML類別圖：基本概念篇

2015-02-04T08:18:00.003-08:00

上一篇簡略介紹軟體開發流程，正確商業軟體先使用使用者案例圖定義產品走向，然後底下工程師根據軟體需求進入軟體開發流程，然而團隊成員的能力參差不齊，因此＂如何讓所有成員如何都能進入狀況？＂成為軟體開發重大議題，而類別圖就是其中關鍵因子。

為何需要畫類別圖(Class Diagram)?

之前有提過是否畫類別圖是一個爭議性問題，他主要有以下的問題：

沒有足夠時間更新文件－－－(等bug解完再說)
很難精準描述高手的程式碼　i.e.template進階用法－－(好強～！E04看不懂)
幫新鮮人惡補物件導向和UML，甚至Design Pattern －－－－(身兼老師 = =)
爛程式碼和架構 i.e.類別過於冗長和兼任多個角色－－－(不知道什麼是Clean Code嗎)

的確，畫類別圖對工程師是一大挑戰，然而它能有效率地分割功能給底下的工程師，並且降低工作之間的相依性，使得每一個工程師開發時程能獨立運作。有一天，我與面試主管討論此問題，他說：『對他而言，用UML畫系統架構圖能幫助自己溝通，並且規劃好的架構後清楚地分割任務給底下工程師，時間久了難免文件失去存在意義。』當下，我深深反省並重新思考如何正確使用它幫助團隊？

例子1：在大型商業軟體下，如何讓新人有能力維護系統？

最沒效率方法是叫新人看哪一段程式碼，而是簡略描述系統架構後，縮小範圍到改的類別進行詳細描述。然而，當你要改類別過於龐大時，千萬不要詳細劃出全部，而是列出有關的類別成員即可，一方面新人根據關鍵字抓出大略修改方向，另一方面新人也能慢慢消化與吸收剛剛講解。

例子2：如何讓團隊開發速度加快？

開發每個功能必須先規劃好軟體架構，並且根據PM的需求畫出介面雛形，在實作前確認工作走向是正確的。最重要的是不要因趕專案時程，沒有留下任何文件，不但延長開發時程(i.e. 新人適應期)，而且促使了團隊內的衝突增加。文件的存在目的是減少被打擾的時間，工程師最忌諱打斷自己開發思緒，甚至新人問題抓不到重點，然而有時必須檢討有沒有給新人足夠資源? 　

目的

類別圖主要定義此類別角色和責任，不但降低系統重複功能，而且告知他人如何使用此類別．

符號說明

圖一．類別的構成(source: IBM developerWorks)

描述類別成員時，不像程式語言在前面宣告資料型別，而是在後面加上冒號和資料型別，以下為類別圖表示方式: (橘色代表可選擇不加)

資料成員(attribute or data member )

name:type = default value

成員函數(operation or member function)

function(parameter list) : return type of value

若我們在類別中定義靜態不能改變常數變數，我們需要此資料成員後面加上{frozen}，代表此成員是不可變動。

『static const double pi=3.14;』→『db: double=3.14 {frozen}』

處理的定義符( access specifiers)在UML所代表的符號

private:：『-』
public：『+』
protected：『#』
package：『~』

關係

Containment

通常用來描述鏈結串列，二元樹，關係陣列

Association (knows a)

兩個類別彼此都有著直接的關係

Dependency(is a)

class A uses a class B→類別A使用類別B

Aggregation (has a)

class A has a class B→類別A資料成員包含類別B

Composition (own a)

class A own a class B→類別A擁有類別B

Inheritance (is extended by)

class A is extended by class B→類別B在類別Ａ基礎下進行功能擴展

多重性(Multiplicity)

主要描述類別擁有實體數目

indicator 指示符	意思
0....1	零或一個
1	一個
0....*	零或多個
1....*	一或多個
*	多個

範例

資料庫存取範例

圖一. 類別示意圖

連結串列範例

圖二. 類別示意圖

延伸閱讀

[1]IBM developerWorks, UML basics: The class diagram
http://www.ibm.com/developerworks/rational/library/content/RationalEdge/sep04/bell/
[2]UML Class Diagram
http://www.tutorialspoint.com/uml/uml_class_diagram.htm

Qt5和Qt4版本相容性

2014-10-26T06:36:00.001-07:00

你曾經下載以前Qt4的範例，然而用Qt5卻編譯失敗嗎？

Qt5將功能清楚地分割和簡化，然而造成新舊版本不相容問題，例如Qt5無法成功編譯Qt的Google Map.　還有，你也可能遇到所使用此開源程式碼只支持Qt4，例如開源地圖軟件QGIS．然而，工程師難免遇到程式碼更新或維護舊版的軟體，所以每次Release軟體時都手動修改程式碼後建置嗎？這樣操作不但無形中浪費時間，而且也限制你的程式擴展性．

下表，我整理出這兩個版本相關類別差異，我們主要根據Qt版本修正標頭和專案檔，而Qt的版本檢查主要有以下幾種:

專案檔，參數QT_MAJOR_VERSION檢查Qt主要版本號：

若Qt的版本大於4，需要引用那些模組:

greaterThan(QT_MAJOR_VERSION, 4):

若Qt的版本小於5，需要引用那些模組:

lessThan(QT_MAJOR_VERSION,5):

標頭，加入標頭QtGlobal利用巨集QT_VERSION得到Qt版本

#include <QtGlobal>
#if QT_VERSION >= 0x050000
//版本大等於5需加入那些標頭
#else
//版本小於5需加入那些標頭
#endif

版本對照表

類別

描述

Qt4

Qt5

QApplication

管理GUI應用程式控制流向和主要設置

標頭(Header)

#include<QtGui/QApplication>

#include <QApplication>

專案檔(.pro)

QT += gui

QT += widgets

QWebFrame

在網頁呈現Frame

標頭(Header)

#include <QWebFrame>

專案檔(.pro)

QT += gui

QT += webkitwidgets

QtMultimedia

在QML上操控多媒體內容

標頭(Header)

#include <QtMultimedia>

專案檔(.pro)

QT += multimedia

CONFIG += mobility

MOBILITY += multimedia

QT += multimedia

編譯環境

Windows 7 64bit
Qt 5.3.1(MinGW 4.8 32 bit)

建議：Qt 4.0以上的版本: 編譯器MINGW

下載

GitHub

這是已經修改好的範例，僅供參考

教程

首先, 為了連結到在Qt5版本到所獨立出來的模組，請在.pro的加入以下的程式碼．

greaterThan(QT_MAJOR_VERSION, 4): QT+=widgets webkitwidgets

圖一. 修改專案黨

接著，若要加入類別QApplication，請先加入QtGloabl然後根據巨集QT_VERSION的Qt版本加入正確標頭．

#include <QtGlobal>
#if QT_VERSION >= 0x050000
#include <QApplication>
#else
#include <QtGui/QApplication>

延伸閱讀

[1] Qt 4.8: API Document
http://qt-project.org/doc/qt-4.8/classes.html
[2] Qt 5.3: API Document
http://qt-project.org/doc/qt-5/classes.html

Qt與Google Map:編譯QJson

2014-10-11T06:49:00.000-07:00

上一篇教你如何使用Git Bash下載Qt的Google Map的範例，由於此範例利用JSON 存取位置資訊，因此還需要編譯第三方函式庫QJson，所以未編譯QJson之前是無法執行此範例．

Json是一種輕量型資料交換格式，它可以記錄整數，實數，字串，依順序排列的數值和一系列成對數字和名字．QJson是將JSON 的資料轉換成Qt的資料型態QVarient，也就是說利用此函式庫很輕易使用Qt管理JSON 資料．

QJson官方介紹有兩種方法可以編譯此函式庫，而本篇將只說明如何利用CLI Way編譯此範例，若有教程有任何不清楚的地方，請參考教學影片．

CLI Way
GUI Way

順帶一提，請不要使用GitHub網頁按下『Download ZIP』下載QJSON，否則無法編譯成功．請使用上一篇Git Bash下載此函式庫．

編譯環境

Windows 7 64bit
Qt 5.3.1(MinGW 4.8 32 bit)

建議：Qt 4.0以上的版本: 編譯器MINGW

QJSON GitHub Page

https://github.com/flavio/qjson

CMake 3.0.2以上

教學影片

教程

首先, 請依照上一篇開啟Git Bash下載QJSON，完成後請從使用者的資料夾移到別的位置．

git clone https://github.com/flavio/qjson

圖一. Git Bash所下載QJOSN所在位置(預設目前Windows使用者目錄)

接著，請到Qt安裝目錄的bin資料夾(C:\Qt\qt_version\bin)後，用Notepad++打開qtenv.bat，在Path增加所CMake安裝位置(C:\path_to_cmake_\bin)，若你已在系統環境變數增加CMake路徑，此步驟可跳過．

set PATH=C:\Qt\Qt5.3.2\5.3\mingw482_32\bin;C:\Qt\Qt5.3.2\Tools\mingw482_32\bin; %PATH%;C:\Program Files (x86)\CMake\bin;

圖二. 更改Qt的環境變數

再接著，到開始功能表找到Qt的命令提示字元，請以系統管理員身分執行．

圖三．以系統管理員執行Qt命令提示字元

接下來，請切換到你所下載QJSON所在位置，這裡以E槽為例．

圖四．切換到QJSON目錄

接下來，請輸入以下的指令產生專案檔，成功後會出現『Generating done』.

cmake -G "MinGW Makefiles"

圖五．產生QJson專案檔

接下來，輸入以下指令建置專案產生『libqjson.dll』，並且出現成功訊息『[100%] Build target qjson』．

mingw32-make

圖六．建置QJSON

然後，請輸入以下指令安裝QJSON函式庫，下圖七顯示安裝在『C:\Program Files (x86)\qjson』．

mingw32-make install

圖七．在Git Bash利用Git Clone下載範例

最後，請根據圖七路徑找到QJSON函式庫，還有在bin的資料夾可找到『libqjson.dll』．

圖八．QJSON函式庫所在路徑

延伸閱讀

[1] qt-google-maps: HowToCompileProject
https://code.google.com/p/qt-google-maps/wiki/HowToCompileProject
[2]QJson the easiest way to manage JSON objects with Qt
http://qjson.sourceforge.net/build/

TokyoLoader:下載優酷、土豆等大陸影音網站

2014-10-07T09:17:00.002-07:00

你知道大陸影音網站有分段下載限制嗎？

圖一．Freemake無法完整下載優酷影片

之前在Freemake下載線上影片證明他能完整下載Youtube影片，然而在大陸影音網站卻完全行不通．如上圖所示，你按下『Paste URL』按鈕加入大約有23分鐘優酷影片，但它只下載六分鐘，甚至你需要繼續播放一段時間才能下載影片，這是Freemake程式bug嗎? 不是，而是大陸影音網站將影片分段防止他人下載．

目前，中文解決方案是安裝此影音網站的下載器和安裝碩鼠，但是大陸軟體一般有安全性風險，而且無法從瀏覽器直接下載．所以沒有其他替代方案嗎？有，日本人開發一套下載軟體TokyoLoader，雖然目前只有日本語系，然而它在Chrome瀏覽各大陸網站時，很貼心在畫面右側增加下載按鈕選項，如下圖二所示．換句話說，當你觀看影片時，你無須切換畫面只需要按下TokyoLoader圖示，即可下載影片．

最後，由於有版權影片擋台灣IP，若要下載影片請安裝Unblock Youku，我就將不在贅述．

圖二．TokyoLoader下載圖示位址

作業環境

Windows 7 64bits
TokyoLoader-目前只支援日文版
(optional) 安裝Chrome附加元件-Unblock Youku

教學影片

教程

首先，請到以下網址後依照下圖一按下『TokyoLoaderをインストール』．

http://tokyoloader.com/download.html

圖三．TokyoLoader安裝畫面

接下來，由於此TokyoLoader需要Adobe AIR環境，因此按下『是』安裝Adobe AIR．

圖四．確認安裝Adobe AIR

接著，安裝完畢Adobe AIR後彈跳出以下視窗後，按下『確認』允許安裝到你的電腦．

圖五．允許TokyoLoader安裝權限

其次，如下圖按下資料夾圖示選擇安裝目錄後，按下『繼續』進入下一步．

圖六．選擇安裝目錄

再其次，閱讀TokyoLoader授權合約，按下『我同意』後，等待進度條完成，即可完成安裝．

圖七．更改X軸資料來源

然後，打開Chrome後，請到優酷網頁後，在右側欄按下『TokyoLoader圖示』下載影片．若無，請參考步驟八．

圖八．下載影片

然後，若要觀看下載進度，請到工作列上點選TokyoLoader圖示，即可開啟介面．

圖九．開啟TokyoLoader下載介面

若Chrome無出現TokyoLoader下載圖示，請自行安裝．

http://tokyoloader.com/extension.html?r=true#

圖十．安裝TokyoLoader的Chrome擴充元件

Ｒefernce：

1. TokyoLoader的官方網站
http://tokyoloader.com/index.html

Excel圖表: 繪製組合圖(下)

2014-08-23T08:32:00.002-07:00

圖一．設定軸的標籤樣式

前一篇主要教你利用反轉垂直座標軸加大直方圖和趨勢圖間距，而裡面範例我以反轉瀏覽數Y軸為例，然而與圖一有所不同，在進入接下來教學前，請練習產生反轉第二座標Y軸(按讚數)．如圖一所示，這次主題主要教你如何更改軸的標籤樣式，但加入新數值格式時請記得結尾必須要有冒號(;)，如下圖二所示．否則會出現不預期的結果，這裡範例未加大於50%的數字都會顯示．

圖二．自訂數值格式規則

作業環境

Windows 7 64bits
Microsoft Office 2013-中文

練習範本

GitHub

檔名：example-label.xls

教程

首先，請如下圖二選取按讚數Y軸後，在坐標軸格式的數列圖示下，展開『數值』標籤後在格式代碼下輸入以下文字後，按下『新增』．

[紅色][<0.6]0%;

圖三．更改按讚數數值格式

接下來，請重複1的步驟輸入以下代碼更改瀏覽數的Y軸標籤樣式．

[藍色][<5000]0;

圖四．更改瀏覽數的Y軸

接著，如下圖在月份左邊增加季節欄位

圖五．新增季節欄位

其次，如下圖選擇X軸按下滑鼠右鍵後，選擇『選取資料 』．

圖六．切換到選取資料

再其次，在選取資料來源視窗的『水平（標籤）座標軸的標籤』下，按下『編輯』按鈕．

圖六．更改X軸資料來源

然後，在座標軸標籤視窗，如下圖的滑鼠游標按下按鈕重選座標軸範圍．

圖七．更改坐標軸的範圍

再然後，請依下圖圈選A2到B13，再依據滑鼠游標確定更改．

圖七．更改坐標軸的範圍

最後，依順序按下圖七和圖六確定按鈕，即成功更改X軸的標籤樣式．

圖八．有季節說明的X軸

作者小劇場：

(答案一律反白)

胖子ლ(^o^ლ) ：為了慶祝一百篇，大大要去構思故事架構！哈～哈～這裡是我的天下

大笑中的胖子突然感到一陣冷意，轉頭一看不知什麼時候工程師Ｂ已站在他身後，胖子顫抖舉起食指說：為何你會在這裡？這種難得出場的機會，不是帥帥的我才有特例嗎？

工程師Ｂ坐下不知拿來的椅子後，拿起書邊看邊說：作者叫你趕快把該做的事做完～趕快講解！　

胖子( ⊙ o ⊙ )：那你在旁邊要做什麼？

工程師Ｂ低著頭說：確認你有沒有把事情做完......

胖子自嗨心想原來大大那麼貼心，給他機會向工程師B展現自己厲害，他不禁心中大笑三聲

(作者: = =....)

胖子燃起鬥志教了起來：各位大大，『數值』和『格式代碼』分別對應到『Number』和『Format Code』，請思考一下程式是如何表示？

胖子：你猜對嗎？答案是『NumberFormat』．然而，請注意更改此屬性無法在Excel.Axis找到，你必須先找到TickLabels然後才能更改數值格式．

胖子：接下來，參考下面的程式碼更改個別數列的X軸範圍，而不是用FullSeriesCollection一次更改全部數列的範圍．

Excel.Series series = seriesCollection.NewSeries();
series.XValues = oSheet.get_Range("A2", "B13");
series.Values = oSheet.get_Range("C2", "C13");

胖子：謝謝觀看今天的教學．有關更多Excel的C#軸相關應用，請參考以下連結

http://msdn.microsoft.com/en-us/library/microsoft.office.tools.excel.chart.axes.aspx

結束中胖子回頭說：工程師Ｂ，我實在太帥是不是？～哈

然而胖子身後已經空無一人............

Skype去廣告:利用限制網站

2014-08-22T08:47:00.001-07:00

你曾經使用Skype聊天時，出現令人尷尬的廣告嗎？

如下圖一所示，在Skype聊天對話框上面出現廣告，然而有時會出現尷尬的文字，其實這裡我們可以使用在KMPlayer去廣告提到的方法來擋掉桌面應用程式所出現的廣告，然而最大問題此廣告的網域是什麼．換句話說，當你知道網域時，你可以利用增加限制網站來擋掉你不想要的廣告．以下網址就是Skype的廣告來源：

https://apps.skype.com/

圖一．Skype廣告畫面

作業環境

Windows 7 64bits

Skype 6.18.0.106

教程

首先, 請在開始功能表開啟控制台後，請進入『網路和網際網路』再按下『網際網路選項』．

圖二．開啟網際網路選項

接著，在網際網路-內容視窗切換『安全性』，然後選擇『限制的網站』在按下『網站』．

圖三．進入『限制的網站』選項

再接著，在限制網站視窗，輸入『https://apps.skype.com/』後按下新增，然後按下『關閉』→『確定』完成設置．

圖四．增加限制Skype的網站

最後，請重新開啟你的Skype，確認是否成功去除廣告．

圖五．無廣告的Skype

Excel圖表: 繪製組合圖(中)

2014-08-09T08:52:00.004-07:00

圖一．繪製進階的組合圖(Combination Chart)

在前一篇，我講述有關如何使用Excel2013繪製組合圖，接下來這裡將先介紹移動圖表、縮短直方圖間距，反轉直方圖的坐標軸，修正圖表樣式等技巧．另一方面，我也提供練習題，若不知道答案，請參考教學影片．在教學影片提供自訂坐標軸標籤格式，此功能將在下一篇補充說明．

最後，我在文章最後增加英文小劇場和C#自動化技巧，若你不喜歡就請跳過這段．其實，我加入這段原因，希望幫助學習如何將excel自動化，畢竟程式語言都跟英文息息相關．

作業環境

Windows 7 64bits
Microsoft Office 2013-中文

練習範本

GitHub

檔名：example-advance.xls

教學影片

ps.本文章教學影片有錯字, 按「鑽」數應該為按「讚」數，我已經將GitHub範本修正

教程

首先，請如下圖二選取圖表後，按下滑鼠右鍵後選擇『移動圖表』

圖二．開啟移動圖表選項

接下來，在『移動圖表』視窗下，選擇『新工作表』並且輸入工作表名稱後，按下『確定』．

圖三．移動圖表視窗

接著，如下圖四在『按讚數』數列按下滑鼠右鍵呼叫圖表工具列後，選擇『外框』後更改顏色為『紅色』．

練習題：請練習將『瀏覽數』的外框更改為黑色．

圖四．新增『組合圖』工作表

其次，在『瀏覽數』按下滑鼠右鍵後，選擇『資料數列格式 』．

圖五．開啟『資料數列格式』工具列

再其次，在右欄的資料數列工具列選擇數列圖示，找到『類別間距』後更改數值為『0％』．

圖六．更改直方圖的類別間距

然後，如圖七選擇直方圖的Y座標軸，工具列將切換到座標軸選項後，選擇數列圖示後請在座標軸選項底下勾選『數值次序反轉』．

圖七．設置按讚數為第二個座標軸

最後，接續上一步驟請在座標軸選項找到『最大值』後，更改數值為『8000』．

練習題：請更改將『按讚數』的最大值到100%．

圖九．成功繪製組合圖

作者小劇場：

胖子惆悵望著遠方：唉～～天妒男顏，我到底何時出場？

作者思考成語正確性：恩．．．你可能需要學習如何搞笑....

胖子( ⊙ o ⊙ )：為什麼？？搞笑有損我帥哥形象耶~~!

作者(¬_¬)：你知道Line的饅頭人有多夯～　搞笑是王道ㄚ～

胖子(〒▽〒)：大大～不要阿～～

作者勉為其難說：那好吧！你先繼續在小劇場取悅讀者，等你有足夠人氣，或許我就有靈感！

聽到這句話後，胖子立刻精神抖擻地說明：親愛讀者大大們，請試著將類別間距和數列重疊翻譯成英文？

胖子(^_^)：類別間距在英文是『gap width』，而數列重疊則是『series overlay』．若你要使用C#自動化請利用這關鍵字進行更改，然而，在類別Excel.Series並沒有提供更改類別間距，而是在Excel.ChartGroup，若你想更改請看此連結的Ji.Zhou的答案．

胖子(( ￣ 3￣)y▂ξ)：接下來，請問將『數值次序反轉』翻譯成『Reverse series order』對嗎？

胖子(*\(^_^)/*)：不對喔～！正確應該是『Values in reverse order』你猜對嗎？雖然你在類別Excel.Axis更改此屬性，然而資料成員卻不是相同英文，你需要更改ReversePlotOrder為真(true)，你才能顛倒數列．

胖子(ლ(^o^ლ) )：大家還滿意今天教學嗎？

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

胖子(ლ(^o^ლ) )：大大，我今天順利完成任務～

作者(¬_¬)看著胖子：答案在哪裡？有很多莫名其妙的空白

胖子：XD XD 我把答案反白了，大大我是不是很聰明～～

作者：看來你要繼續待在小劇場....

胖子( ⊙ o ⊙)：為什麼～～

UML:介紹

2014-08-07T08:11:00.003-07:00

你有想過為何要學習統一建模語言(Unified Modeling Language, UML)嗎？

圖一.軟體開發流程(The Journal of Object Technology)

這幾年來，越來越多公司要求面試者擁有此技術，漸漸在履歷上具有加分作用．然而，有部分工程師對此技術感到存疑，他不但因複雜性花費過多時間，而且不容易與軟體專案同步．然而，工程師若以自己觀點進行軟體開發，甚至未定義目標市場，造成軟體不被市場接受，因此某些專家定義如圖一軟體開發流程．事實上，UML幫助團隊建立軟體開發過程(Software development process)，並且加入商業考量因子，使公司產品符合市場需求．

統一建模語言(Unified Modeling Language, UML)主要用來可視化(Visulaize)系統架構設計，而且使用圖形符號描述系統元件之間互動與關係．另一方面，劃出軟體系統架構並不是第一優先，而是先進行需求分析(requirement analysis)和商業定義(Businese definition)，這定義使用者案例(Use Case)，圖形使用者界面的藍圖和流程，以問題導向物件類別圖(class diagram)．換句話說，它在專案經理，市場經理和工程師之間建立溝通橋樑，不但讓團隊清楚了解初步系統藍圖與行為，而且降低溝通不良問題．

最重要的是，在進行需求分析與商業定義時，不要寫任何程式碼！我想大部分工程師不是遇到一句話就打掉重練，就是根本不需要此功能，導致工程師浪費許多時間，甚至工時越來越長．因此，公司若想給工程師良好的工作環境，你應該好好清楚定義產品走向，而不是有一個想法直接叫工程師加功能，這樣並不會使產品賣得好．換句話說，發展產品時不應該把功能把第一，而是要同時考慮功能性與市場接受度．這樣不但能增加公司營收，而且使台灣工程師辛苦有價值，拿到優渥的分紅．

UML取代傳統系統文件，不僅代表軟體系統架構圖與流程，而且準確定義各元件的行為和邏輯，甚至有效率地維護軟體系統．最重要的是，未來加入團隊夥伴能閱讀此份文件很快進入狀況，而且也節省你說明的時間．另一方面，當你遇到bug時，你不必複習你的系統架構，甚至一步一步偵錯你的程式碼，也就說減少處理bug時間．

順帶一提，UML使用到物件導向設計相關觀念，建議複習物件導向．

總結

優點

更有效率與他人溝通你所做的
降低系統維護花費的錢
節省追bug時間，無須重複複習你程式架構
清楚定義你軟體行為
幫助未來加入團隊夥伴進入狀況，減少說明時間

缺點

它需要即時與你程式碼同步更新
初學者很難去定義或畫出正確的流程
初學者經常劃出過於複雜和多餘的圖

筆電經常沒電嗎? 關掉Chrome!

2014-08-04T09:09:00.000-07:00

圖二.關掉Chrome背景執行

最近，『富比士(forbes.com)』作者Lan Morris在Windows筆電上開啟Chrome會加速筆電電池消耗率，甚至降低降低電腦效能．換句話說，在筆電使用Chrome不但很耗電，甚至無形中增加你的電費．事實上，有人在2010年向Google回報此問題，直到最近Google才承諾近期內會修正此Bug．因此，在修正之前，我建議用以下的方法防止Chrome繼續傷害電池性能．

在這幾年，你曾經覺得筆電續航力不如預期？一年不如一年？Morris指出即使開著Chorme未做任何事，Chrome仍設定系統時脈頻率(system clock tick rate)1毫秒，它並不像其他瀏覽器會回到預設值 15.625毫秒．系統時脈頻率代表事件在固定的時間間隔被執行，值越低代表在每秒被執行次數越高，例如：1毫秒代表執行1000次．換句話說，直到關閉它，Chorme 不會未回到空閒狀態，因此當你未使用Chrome時請記得關閉他．

接下來，請記得關掉Chrome背景執行選項．首先，請到Chrome的設定頁面並按下顯示進階設定後，捲動到系統標籤後取消勾選『Google Chrome 關閉時繼續執行背景應用程式』．藉由這樣設置，我們才能確定Chrome沒有繼續耗電和占用記憶體．其實，這功能是否運作是依據你擴充元件和應用程式，有些將會要求Chrome繼續在背景執行，例如信件通知．換言之，若你想要完全關掉Chrome，請不要勾此選項．

最後，Chrome耗電問題只出現在Windows平台？很不幸的是，Mac使用者也有相同問題．然而，耗電的原因有所不同，Windows主要是Chrome處理器idle設置不當．當你外出使用筆電而且沒有插座時，你需要非常注意使用Chrome，要不然換別的瀏覽器IE或Firefox．

作者小劇場：

胖子：最近都沒有我出場畫面，難道作者看我太帥忌妒我，不給我出場機會．

作者在電腦前面趕文章中： = = 恩.....

胖子在心中大笑想著連作者都站在我這邊，果然贏工程師Ｂ指日可待ლ(^o^ლ)

胖子湊到作者旁邊說：那大大什麼時候．．．．．．唉阿～～作者大大，Battery life在這裡指不是『電池壽命』而是『電池可用時間』吧！我覺得讀者會誤解耶！

作者(¬_¬)看著胖子：是嗎？我用Google翻譯出來是『電池壽命』．

胖子邊想終於到我發揮的時候ლ(^o^ლ) 邊說：大大，根據Longman Dictionary的定義，『Battery life』解釋成電池能產生多久電力，

圖二. Battery Life的定義

作者點著頭：原來如此，想不到你英文這麼好

胖子：電池壽命在英文可以用『Battery longevity』．大大什麼時候讓帥帥我出場？

作者鄙視看著胖子：我今天不是讓你出場展現你的能力，這是多麼偉大任務．

胖子( ⊙ o ⊙ )：.........

事實上，為了不讓讀者混淆文章的意思，我也是看了好幾篇文章做了這樣修正！然而，不可諱言電池放電速度太快會影響到電池壽命．

UML：相關工具

2014-06-07T07:01:00.000-07:00

哪一種工具最適合畫UML圖?

目前主要有以下UML工具

StarUML

最新版2開始收費
免費版: 載點1 載點2

Visual Paradigm for UML 11.0 Community Edition
Visio 2007/2010
PlantUML

Visual Paradigm有提供Community提供非商業使用，但是目前最普遍的工具是Visio，然而在Office 2013將UML概念移除，讓這套軟體成為單純畫圖的軟體，因此若你使用Visio畫UML，請使用2010版本。若你是初學者，免費StarUML即使你不懂物件導向也能輕鬆學好，並且打好基礎。

以下表格總結UML工具的優缺點：

工具	Visio	StarUML 5.0	PlantUML
收費	是	新版開始收費	免費
難易度	中	易	難
排版	易	難	自動
版本相容性	最佳	差	最佳
整合	佳	差	差

對於初學者而言，StarUML比起Visio不需要先惡補UML的基礎知識，而且防止使用者發生錯的離譜狀況，尤其在描述類別圖的關係時。例如：畫類別繼承關係線，它必須明確地指向從A類別到B類別，Visio卻沒有任何限制。換句話說，若你不太懂物件導向和UML，StarUML會是比較好的選擇。

Visio的優點則是在使用者操作上，讓他們輕易排版和美化UML圖。在專案剛開始進行時，StarUML能幫你設計軟體流程與架構，然而當架構越來越龐大時，它在操作上就有很大的缺點，例如：不能滾動滑鼠將圖片放大或縮小，無法在畫布複製到另一個檔案，點選匯入選項合併圖時會出現多餘的東西。換句話說，StarUML很適合在小型專案和範例，然而在大型專案就會出現整合和維護問題。

最近，StarUML在使用者介面上有最大更新，然而已朝向開始收費階段．若你是剛開始的初學者，舊版就能滿足你的需求。以專業性而言，Visual Paradigm商業版提供更完整軟體開發流程，例如：UML類別圖直接相對應C++程式碼。Visual Paradigm結合Visio和StarUML的優點，但是目前我仍然UML的初學者，將來等我更了解專業工具好處在與你們分享，因此接下來的UML教學都會以StarUML為主。

類別	描述	Qt4	Qt5
QApplication	管理GUI應用程式控制流向和主要設置	標頭(Header)
		#include<QtGui/QApplication>	#include <QApplication>
		專案檔(.pro)
		QT += gui	QT += widgets
QWebFrame	在網頁呈現Frame	標頭(Header)
		#include <QWebFrame>
		專案檔(.pro)
		QT += gui	QT += webkitwidgets
QtMultimedia	在QML上操控多媒體內容	標頭(Header)
		#include <QtMultimedia>
		專案檔(.pro)
		QT += multimedia CONFIG += mobility MOBILITY += multimedia	QT += multimedia