程式碼片段(Snippet)

日前忽然發現了Sublime Text的插入程式碼片段(Snippet)的功能，這真是一個好東西。

也上網找了一些資料當作參考，留在這裡做備忘~

本機工具

• Sublime Text的Snippet功能(中文)：http://kevintsengtw.blogspot.tw/2012/02/sublime-text-2-part1.html
• Sublime Text的Snippet功能： http://www.hongkiat.com/blog/sublime-code-snippets/
• Sublime Text的官網說明： http://docs.sublimetext.info/en/latest/extensibility/snippets.html#snippets-file-format

• Sublime Text中的Snippet功能摘要

  • Snippet存在哪裡：Snippets can be stored under any package’s folder, but to keep it simple while you’re learning, you can save them to your Packages/User folder.
  • Snippet檔案格式：Snippets typically live in a Sublime Text package. They are simplified XML files with the extension .sublime-snippet. For instance, you could have a greeting.sublime-snippet inside an Email package.

• VB用的Snippet Editor： http://kevintsengtw.blogspot.tw/2011/12/code-snippet-snippet-editor.html

• Visual Studio的Snippet功能： https://msdn.microsoft.com/zh-tw/library/Mt148515.aspx
  
  • Visual Studio似乎還能在團隊協作中創造共享的Snippet資料庫，也能搜尋相似的程式碼片段來Review是否要做修正，這樣可以讓團隊協作更容易統一Coding Rule，減少錯誤，真是不錯的功能。只可惜這個東西太貴了~

網路服務

• Pastebin(很多人用的Snippet網站)：http://pastebin.com/tools
• Gist(github的Snippet)： https://gist.github.com/

綜合方式：

• 可以將整份SublimeTextProtable存在網路磁碟上，這樣就能保持同步資料庫

手把手教你學會用Graphviz畫圖

Graphviz是一個使用指令方式來作畫的繪圖工具。

它的特點

• 使用指令作畫，等於是用文字方式留存下來，容易實行版本控制與對比，非常有利於多人協作。
• 它的圖形引擎會讓每個節點之間的關聯線以最少重疊的情況自動布局，免去每次調整圖形布局的繁雜工作。

實作範例步驟

1. 在任何文字編輯器上敲出指令如下
   

   	digraph this_diagram_name
   	{
   	rankdir=TD //TD就是top-down，圖形就是從上往下畫，也可改成”LR”就變成由左畫到右
   	node [shape=folder, style=filled, fillcolor=orange, fontname=微軟正黑體, fontsize=10.5, fontcolor=black, height=0.25, width=1, penwidth=0 ];
   	edge [arrowhead=normal,arrowsize=0.5,len=0.5, color=green];
   	start->FuntionList [dir=both penwidth=2 color=red];
   	CusAccTest->MyRelTest [dir=both penwidth=2];
   	MyRelTest->MySysTest->MyIntTest;
   	subgraph cluster_9
   	{
   	label=Requirements;
   	color=lightcyan;
   	style=filled;
   	start [ label=" 客戶需求" shape=oval];
   	CusAccTest [ label=" 客戶的驗收測試\n(測項)"];
   	start->CusAccTest[style = dotted];
   	}
   	subgraph cluster_0
   	{
   	label=Deliverables;
   	color=lightcyan;
   	style=filled;
   	FuntionList [label=" Git上的FuntionList.xlsx"];
   	MyRelTest [label=" 交付Test\n(rls_code_test_report_v1.8.xlsx)"];
   	FuntionList->MyRelTest [style = dotted];
   	}
   	subgraph cluster_1
   	{
   	label=BlackBox;
   	color=lightcyan;
   	style=filled;
   	MySysTest [label=" 內部系統級Test" shape=oval];
   	MySysTest->" test SOP"[style = dotted];
   	DailyBuildTest [label=" DailyBuildTest測項"];
   	MySysTest->DailyBuildTest[style = dotted label=" the real file"];
   	}
   	subgraph cluster_2
   	{
   	label=WhiteBox;
   	color=lightcyan;
   	style=filled;
   	MyIntTest [label=" 整合測試\n(點擊前往)" URL="http://www.google.com.tw"];
   	MyUnitTest [label=" Unit Test" shape=oval];
   	MyUnitSwTest [label=" 軟體模組測項\n(點擊前往)" URL="http://www.google.com.tw"];
   	MyUnitDriverTest [label=" Driver測項\n(點擊前往)" URL="http://www.google.com.tw"];
   	MyIntTest->MyUnitTest;
   	MyUnitTest->MyUnitSwTest;
   	MyUnitTest->MyUnitDriverTest;
   	}
   	}

   view raw GraphvizDemo hosted with ❤ by GitHub



2. 打開下列的任一種Graphviz工具，將前一步驟的指令貼上去，執行畫圖(官方應用程式裡的動作叫做”Layout”)

各種工具：


• 以應用程式方式作畫：到它的官網http://graphviz.org/的下載區去下載並安裝使用，因為功能比較完整，我推薦這個
• 使用線上工具直接轉換：http://www.webgraphviz.com/，(但這個工具只能做簡易的圖形，太複雜的指令它處理起來會有問題)
• 在wiki page上直接內嵌：只要在指令的前後加上下方所示的兩個小標籤片段即可

	<graphviz renderer="dot" format='png' caption="YourName">
	...畫圖指令...
	</graphviz>

view raw GraphvizTagForWiki hosted with ❤ by GitHub




3. 將檔案另存成jpg檔，上傳到網頁，就得到下面這張圖啦

4. 因為圖形屬性可以更動的地方太多，請參考官網說明(http://www.graphviz.org/doc/dotguide.pdf)來自行嘗試修改

如何在網頁上使用清晰的程式碼區塊

其實我是完全參照這位大大的最後一個做法: https://amobiz.github.io/2013/05/28/blogger-google-code-prettify-github-gist/

實作步驟超級簡單，但還是得寫在這裡備忘

1. 註冊Github Gist的帳號
2. 將程式碼片段寫在gist中，然後取得網頁嵌入的html語法即可
3. 完成

住台北縣市不要養車!

以下摘自網路，似乎是篇2007的文章，很詳細的分析，但我不是住在台北縣市呀，不能完全套用(也不知該說幸運還是不幸??)~~

---

買台車來養的話

01.新車價70萬： (包括了第一年的保險、領牌......等稅金，車子價錢大概在60初頭，還OK吧！)(年初買)
02.車輛折損10年之後： 車子價值大約5~7萬，需視狀況，因此折價了63萬。
03.停車費5年： 台北縣市取平均數約$4000，五年約24萬。 FREE：後五年停車費：當路霸
04.隨停路邊停車費10年計算：每個月支出約$500，十年合計約6萬。
05.油錢10年：超省油現代車，每月加油兩次，跑足1000公哩，每次加油(95)，每次約為$1000，10年下來，油錢合計為12萬(假日出遊多出不計算)
06.所得稅部份，扣掉第一年新車價，還剩下後九年+半次的燃料稅，以1800CC以下的車子，每年預估付出$11920*10+$4800=12萬4千
07.強制險最基本25-30歲男性：每年$2238元*9年=$20,142
08.換照10年內，駕照行照各換一次：共$400
09.一般保養：每年跑12000公哩，就當做保養兩次，每次大約$2000，10年下來共4萬。
10.特殊保養：大保養小保養等，平均一年提列1萬，10年共10萬。
11.特殊裝備：不改裝，不美容。
12.車禍A到： 10年內，計算一次烤漆板金，金額大約2萬。
13.五年後的每年檢驗：懶得算了！
14.每年收到一張超速紅單，停車紅單，違規右轉紅單...等。
15.其他以上合計：10年內，總共支出約為1,354,542元整
(我相信以上幾乎是最基本的，就連GPS都沒算在裡面喔！)
平均每月花費：$1,354,542/10/12 =$11,288

所以嚕！整整10年，你每個月都要為那一台車子，付出一萬一的代價耶！

(2021註)以上是一台車用10年的平均。如果是只算第一年的折舊，可能是每月付出3萬左右。(所以若一個月剛領薪水啥都沒做，就先消失3萬，而不會讓你對過生活感到吃力，則是適合買車的)

---

買台機車來養+小黃+需要時租車

如果你是在台北縣市上班，你也居住在台北縣市， 其實如果平常作息是依靠摩托車+計程車的話， 摩托車油錢每個月$500，我相信上下班很夠了！（北縣到北市）
假日往返台北縣市，全部租車替代大約8千也夠了！
跑遠一點的，做朋友的車，你幫他付油錢，一個月兩次，每次$1000， 你朋友一定很爽，怎樣算都是很划算的喔！
最重要的是，你一開始就可以剩下70萬， 如果你夠聰明，再把這70萬拿去投資， 如果你夠厲害，每年都固定可以有12%的報酬(兩根漲停板，再給你扣掉手續費)其實你每個月就會有$700,000*0.12/12=$7000 剛好可以支付你每個月的行動開銷，也就是說，你過了10年，你依然還是保有你的70萬， 你也依然可以享受愛去哪就去哪的品質。 (租車你也可以天天挑新車來開)

---

總而言之

買車的人 10年下來，就必須付出大約135萬，一前一後，兩者就會相差了205萬。
有了車，出遊玩樂的慾望增加了，其實花錢的數目遠大於估算的，
沒了車，相對的少了很多的花錢機會。
眼光放遠一點，當你從25歲到55歲，你都能夠不買車的話 (10年一台，共換3台)
其實你的財富跟有買車的人相比之下，當場會有615萬的差距。 當然嚕！人生每個人都有夢想，如果理財有道，或是你控制的了自己，那麼55歲準備退休的妳，加上平常每個月1萬的存款+退休金*30年(假設你一個月領4萬) 200萬退休金+1萬*12*30=560萬的儲蓄， 再加上你不買車的代價，你應該會有1175萬的存款喔！

等到退休了，就是該享福的時候了，買一台好一點的車150萬，天天遊山玩水， 一千多萬的儲款保險理財約4%，每年也有40萬可花，利息足夠你養車了！

好好看看這篇文章吧！ 奉勸大家，千萬別把錢花在車子上，除非你有下列的條件：
A.除非你很會賺錢，我認為每個月6萬以上，為現在(2007)的安全級數，其實這個數目也不誇張，一個月領4萬5的人，加上三節年終，小小兼差一下，應該就有了。
B.除非你家裡很有錢。
C.除非你有不用錢的停車位。
D.除非你買到五年以上的優質二手車。
E.中樂透。