網頁要搬家了!

最近其實越來越想要用markdown來寫blog了，因為markdown可以讓我更專注在內容上面，所以我找了一下有提供這種寫作方式的blog，於是就發現了 logdown，網址是http://sillygod-blog.logdown.com/  圖案如下

目前而言我已經把大部份的文章都轉到那邊了，可能有些文章會有格式的跑掉的問題，哈哈。

以後我想有機會的話，我想會自己寫個blog的系統，有可能是純粹的static web site也說不定，這樣既可以放在github page了，要不然就是寫個有後端功能的blog放在pythonanywhere之類的地方，都有可能XD 只是現階段而言，先在logdown上面寫文章和記錄心得~ 短時間內是不會變動的。

Read More [...]

Posted in miscellaneous

初嘗Responsive Web Design

以前就稍微略有耳聞過這個東東，RWD到底是什麼東西呢??  其實現在隨便google一下都會有答案，responsive 有點像 altermating的意思，就是交互的，響應的，所以網路上RWD翻譯常看到"響應式設計"，我想這種設計網站的風格，主要是因為現在mobile發展的太好啦，隨著瀏覽網頁的裝置不同，想必要有針對性的頁面設計吧~~

也因此這種RWD，需要已靠 css @media這類的東西，詳情看 這裡 ，這是CSS本身就有支援也比較方便，我想如果是以前的時代可能就要依靠javascript去控制了吧~ 回到正題，關於media這個語法我也不清楚，畢竟我不是專門寫網站設計的，後端OK，但前端我只是略懂略懂 :)

其實現在framework這麼多，你也不用手刻這種css framework，況且css本身的特性，很容易覆蓋前者定義，哼哼，你一定想這樣可以幹嘛是吧! 個人是認為這樣你就放膽去用css framework，如果效果不合你意，你在自己定義去覆蓋就好囉，對於前端可以省超多麻煩，也可以放多的心力在JS和後端，當然如果是想要專精於前端的客官阿，我有找到一篇blog，內容挺不錯的 這裡 ，可以多看看，好拉說了這麼多，我也來說說我用了什麼framewrok，我個人目前用的是 bootstrap ，這個其實不單是一個css framework，其中也包含了JS和一些東東。

這邊要告訴你，如何快速上手 bootstrap，基本上官方文檔就夠了，而且我看也只有官方文擋了 :p "getting started" 那邊的連結基本上看了你也不懂怎麼用 :)  直接開一個 jsbin 或者類似的網站都可以，目的就是讓你直接看到效果，最直接又方便，再來直接看官方的css和component的連結，他的說明都會有舉個小小例子，直接複製貼上，看看效果，我想你就略知一二了，對了，記得jsbin中，要加入library喔~ 要不然會沒看到效果，其實玩一玩後，我想你就大概知道怎用了，因為基本上只是把框架修改修改，遇到問題就去 stackoverflow查一下，基本上會有解答的。

小弟基本上花了不到兩小時就稍微知道怎用了，也寫了一個前端，雖然我的頁面設計很不行 :( 沒有美感，加上又沒美工.... 預覽圖如下

在PC上長這樣

在mobile下長這樣，這裡用chrom的開發工具預覽

基本上我沒自己額外加寫css，就有這樣的效果了，只是純粹套用class，很方便。

目前而言，這篇也只是跟你展現怎麼快速使用，至於要怎麼隨心所欲使用的話，看我以後會不會常用到這個，有個心得後，我再做多的解釋，或者是類似的framework的比較。

退伍後的programming相關的第一個post :) 好久沒寫這樣的文章，有點累(眼睛 QQ

Read More [...]

Posted in web design

退伍了!!! 自由萬歲

千盼萬盼~ 終於等到這一天了，說我高興嗎? 想當然爾，回答是肯定的，但是不知為何，在我要離開航校的前一晚上，我一人獨自看著空無一人的房間，突然有種說不出的感覺，不知道那是要解脫後的鬆懈，還是捨不得在航校認識人事物的傷悲，我那時只是這樣望著牆壁，發呆了一陣子，直到10點就寢，其實那晚我睡不著，即使關著燈，我依然 看著黑壓壓一片的天花板，回憶起，我在航校快要一年的點點滴滴。

初到組上的我，一開始完全沒有可以聊天的對象，因為我同梯的都在別的單位，說實在的前一個禮拜，真的過的有點痛苦，只有吃飯和睡覺的時候可以同梯的互相聊天，像是遇到哪個長官很機車的阿，有的沒的，各種八卦阿XD 還有那些日子我們一起幹譙長官的日子 :) 
 
前幾個禮拜，我會覺得痛苦是因為

一來是事情真的有點多，動不動就被叫去支援做什麼事
二來是同為替代役的某個學長很白目
三來再單位上找不到可以談話的對象，基本上年紀都有點差距，有點代溝吧~~

直到學姊(算是組上帶領我的直屬吧? 也是年紀跟我差最小的一位)有時候會過來跟我聊聊天，雖然我也不太懂得怎麼開話題就是了 :(  之後慢慢的我跟組上也有點熟悉，更加後來組長幫我檔了一些雜事，讓我專心為組上moodle的架設，也因此跟部分長官也有點熟悉。大部分跟我比較有互動也才幾位就是了，而且絕大部分都是跟學姐，一起去掃地，過年將近為組上做佈置阿、大掃除阿，一起跑公文，在組上的期間過的都算順遂，讓我不開心的地方是在軍中認真做事，真的會吃很多虧，我看過太多人一開始跟我一樣，認真做事，但是不出一個月，就同流合汙了，為啥?? 因為擺爛就是爽，反正爛個一年，還不是可以退伍? 的確拉，我不是不能理解他們的想法，曾幾何時，我也在想為啥我不乾脆跟他們一起爽，反正我認真做事，事情越做越多呢 :) 很好奇為啥事情會越做越多吧，因為你雞婆去幫別人做事，做久了長官還以為那是就是你負責的，到最後沒做好反而是罵你，不是罵他呢，厲害吧 :)  已不知道要說啥

這種情形不用說軍中拉，社會上也是一樣，基本上在軍中有絕大多數的時間，真的是浪費時間，常常做許多無意義的事，但是到最後我還是覺得，我不想成為那樣的人，不管如何還是要保持認真負責的態度，不過我還是會看長官是怎樣的人再說，如果它本身就是擺爛態度，我怎樣拿熱臉去貼他的冷屁股，也沒用，這時候我就會採取隨便的態度，不想多理他。

在我剩下三個月附近就要退伍的時候，組上後來又來一位學姐，在期間當然也有一些長官，調差的，這也讓我覺得，單位上的人員這樣變動好大，要是我一定會覺得難過，一起做事的人都這樣離開單位了，話題回到學姐，一開始我帶他熟悉航校的各單位還有事情，途中也和她聊天，在某一次碎紙的時候，恩...別懷疑碎紙是軍中超容易遇到的事，一直重複著一樣的動作，不過這不是重點，和她聊一聊，才知道原來她是大學才想不開來當軍人XD 好吧，其實我也不清楚她是讀完才來當，還是讀到一半就來當，也不知道是為啥會想當軍人，我也不想多問，我猜十之八九不離十，應該是家境的關係吧，不過這只是個人的猜測，學姊人很好相處，想法也不錯，果然年輕一輩的想法都會比較好嗎?? 至少相處起來，不會覺得哪裡怪怪，或不舒服，現在回想起來，跟我比較好的，除了一開始的組長，還有身為我的經紀人的中尉XD，剩下都是士官等級跟我比較好~~

說實在最後要退伍的時候，組上的各位，為我辦了歡送會，我感到很開心XD 我突然覺得這一年好像作夢一樣，怎麼轉瞬間，我就要回到死老百姓的生活了，當兵的這一年，真的有很多事可以寫，只是要是我每件事都拿出來講，應該是鳥事居多XD 況且很多事我都忘了，因為不值得回憶 :)


最後真的有點捨不得組上的各位，我也要來面對現實了，是時候來調整好心態，認真找工作了。

Read More [...]

Posted in miscellaneous

how to resize the console window in windows

最近在軍中時在遇到太多鳥事，同時也遇到一些不太如意的事情，再加上我開始有點迷茫了，關於學習方式的事 :( 所以已經有一段時間沒碰程式了，只有回家逛逛論壇，突然我看到一個議題讓我有點小興趣，那就是我今天要寫的東西。

其實如果想要可以放大的console window，其實也不難而且也不需要寫程式，點個右鍵，去設定裡面的一些性質就可以，只是身為一個programmer，就是要寫程式去控制不是嗎? :)

上面這張圖是我目前寫出來的樣子，只是我對某些地方仍然感到不解，就是當我點把視窗放到最大，他其實並非真的完全放大，下面仍然會有些空隙，目前的code我放在github上面的console.py，其實這個project當初只是無聊試試看socket做個小小的consle介面的聊天室而已。

關於撰寫這樣的功能，需要注意的地方，大概也只有幾點，這些心得是我觀察了一下，console的內容後得出來。

首先，先來說說我的觀察，一開始windows的console window buffer的預設值是 80x300，我是不知道是不是每個windows系統都這樣啦，或許你自己也改過設定也說不定，之後你可以試試看點放到最大，你會發現視窗只有拉長高度，對於寬度他並沒有拉寬，所以可想而知，console buffer size，是一個關鍵點!! 所以想要放大視窗，我們必須為console準備相對應的buffer size，至於要怎麼計算呢? 我認為大概是這樣的

console buffer width = screen width / console font width
console buffer height = screen height / console font height

以我電腦為例
200 = 1600 / 8
56 (大概值) = 900 / 16
也就是說最少我也需要200x56的buffer size才可以放到最大....

console font size的預設值通常是 8x16，當然關於這個可用winapi去取得，是用什麼函式這裡就不囉嗦了，詳細請看console.py裡的resizeConsoleWindow，算完後，要重新設定buffer size以至於放大時可以填充，我同時也設定了console window info 雖然有得到跟上面那張圖，不一樣的結果(更接近真的放大最大)，上面那張是按了放大最大後的結果，關於這個行為我目前還是不解就是了，因為我已經準備足夠的buffer size讓他可以最大化，可是點了之後卻有點落差，不是很懂為什麼? 關於這點我還必須在研究一下 :(

或者有誰知道為何的，可否告知小弟 :)

Read More [...]

Posted in python

快要破百了~

最近沒什麼在寫blog，其實是有原因的，那就是最近又遇到不如意的事情了，讓我沒什麼心情，果然在軍中是不會平穩的過下去呢，總是會有鳥事跑到你身上，這幾天以來，我也重新回憶了，打從進成功嶺到現在的點點滴滴，赫然發現，其實這只不過是一連串的被政府陰了而已，為什麼我會這麼說呢?

來看看接下來我寫的吧，選役別的那天，社會役的主官臨時公佈資工系限定20名，原本沒限定的話，那可有一百多，而且又在第二順位，這表明我是穩上的，很好被她這麼臨時一搞，我就摸著鼻子去法務部行政啥鬼署的，坐在那邊，我分析了當場的人數一看，大概是80抽60，大學生而言，這樣我看機會是頗高的，於是我就坐在那邊要來一場廝殺 :)

不過呢，誰知道天殺的教育役，竟然事先偷跑，先行公佈結果，讓那些落選的碩士生，硬生生多了一次機會，很好，接下來知道發生什麼恐怖的事了嗎? 那就是在我這個役別即將開始公布結果的前五分鐘，突然殺來一批碩士，我看了都傻眼了，這是什麼情形，當初說好的全部役別，同時公佈的規定呢? 根本是屁，最氣的還不是這個，而且那些碩士有一半明明不是資工相關的，還是可以進入保送名單，我真的傻了，動力機械系也是資工相關，啥鬼能源系也是資工相關，我還真想問一下那個主官，他腦袋是不是有問題，被他這麼一搞，從原本的80抽60，變成80抽1X，機率整個變超低，那時我的心情整個已經是呈現無言狀態了，我只是默默看著主官的表情，和那些碩士生的嘴臉，之後我就默默的走了 <=想也知道是沒被抽中

於是呢，我進去的第二階段，不過用你的小宇宙想也知道，還有什麼名額剩下來，一定都是屎缺，沒錯，我接下來就百般不願意坐在國防役那邊，聽著主官的像錄音帶式的官腔，他說什麼其實我也都沒在聽了，只是突然底下有人發問，問說中部地區也會開放嗎? 這個我可超有印象，主官連續重複了兩次，他一定會在中部開放地方，我聽到這個心中想，似乎也還可接受，至少有什麼離家不遠的地方，這樣交通費用也可以省下不少。

只是誰知道呢? 我從沒想過，原來主官說的話，可以這樣一而再，再而三，如此沒信用，我真的應該在被陰了兩次後，就要想到會有第三次了，事實是中部根本連個屁都沒開， 最後只好選了在岡山的航技，只是這樣每周回家的交通費，其實也花了不少，一個月大概快2000，薪水剩下4000那邊，我能夠說什麼呢?

好了，以上那些都是我回憶感想，就來說說最近發生的事吧，當初內政部說大概一月會來關心我們，這次果然有信用呢! 真的有來，而且還是在五月才來，最厲害的是，來的是國防部，我都無言了，隨便想想也知道，又是個摸(ㄕㄚ)頭會吧，自從被陰了那麼多次後，我只能說我對政府和國軍沒什麼好印象了，果然我們在那場會議，所有的要求全都被回絕，其實我也不意外拉，只是似乎那位國防部派來的，之後有和航校討論某些的東西的樣子呢 :p

自從那場會議後，我們的生活就越過越苦了，因為他說替代役什麼事都可以做，就跟一般兵沒兩樣，好個沒兩樣，壞的都比照一般兵，好的都不能比照(例如:放軍人節)，連吃飯夾多點，都會被罵，一樣都有繳錢耶，我是不能吃嗎? 我只能說當國防役就是會被無盡的被凹，想著想著也只有無盡的無奈，想著這些事情，覺得台灣會變成今天這樣，其實也是理所當然，感覺我遇到的事情，就是國家政府整個的縮影，如此沒信用，沒誠意，只會凹別人，又不給獎賞，試問有誰想要待在如此美好的地方?

這篇又是個抒發心情的文章了~ 下次來PO點營養的文章 :)
而且快要破百，也代表我該來想想以後工作的事情了，又來好好的計畫一下

Read More [...]

Posted in miscellaneous

read open source pygments 2

這篇就來，繼續上次的進度 :)

上次code貼上來的結果不甚理想，所以我在想是不是要自己來寫一個format會比較方便，當然在動手之前，我想重新理解code的流程是必須的，因為要讓自己對這份open source掌握更加清楚，所以我決定利用debug的step into，來進行trace code :p

這邊就來介紹一下我用的工具，關於debug，我還是選擇用IDE，因為比較直覺化又容易使用，我是覺得沒必要去聽信那些說用gdb才是王道，畢竟那要打一些指令，實在是有點麻煩，個人是認為有興趣的話再去用那種方式 :p

說要介紹我是用哪款IDE都差點忘了 :) 這邊我是用pycharm ，這一直以來都算很有名氣，雖然是要錢的，但是網路上總有...咳咳，不過那僅限以前!!，現在可好了呢，它有提供open source版，而且功能很夠用，有興趣的人可以去載來用看看 :)

pycharm的介面如上，它提供了算是不錯的code intellisense，加上trace code也是方便，像是find definition，加上它的plugin也是挺多的，要說讓我說嘴的地方就是記憶體吃的有點多:(
另外以介面來講，我還是喜歡sublime就是了，好啦，該來講講怎麼trace code的部分了，一般來講都要先下個所謂的break point，就是讓程式執行到該行時，停下來，接著就有如下幾個操作
1. next line(step over)
2. step into
3. step out
... 等等

就先來看看這張圖吧

我在40行的地方下了中斷點，所以程式執行到這邊就會停下來，之後呢，我特別在watch中加入一些我想看的變數，上面這張圖是我step over後，可以看出它是一個class，有興趣要看它是怎麼一步一步產生的話，就必須用step into，就像接下來的HtmlFormatter，我用了step into就會如下面這張圖

程式碼頁面會跳到HtmlFormatter所在的檔案html.py，接著你更想的話，你當然可以繼續用step into，就看你想要鑽到的地方有多深，就跳多深吧 :)

另外我覺得用pycharm來debug真的是頗爽 :) 老實講真的太方便了，看前面幾張圖就知道，它其實會自己監看一些變數，起初我用sublime text閱讀源碼時，其實有點卡卡的，當時我認為是我理解力不夠，因為有很多地方看過去，我會有種不知道這樣的code會產生什麼效果，但是用了pycharm就方便多了，因為你會看到這些變數，就知道他們是否如你所想像的一樣，這樣一來多了一些證實，自然就會多了信心，閱讀起來更加順遂，就舉個例子好了，請看下面這張

我當初一眼看沒有懂的地方就是這裡
arg = ('cssclass' in self.options and '.'+self.cssclass or '')
從圖中可以看到arg的值是.highlight其實就是'.'+self.cssfile
很好!! 這樣的寫法到底是怎麼運作呢? 詳細可以看看 這個這樣的寫法不是每個programming language都可以寫的呢 :) 看看這個wiki 就知道囉~

回到正題，那行的意思是 'cssclass'有沒有在self.options裡，有的話就會回傳'.'+selfclass，沒有的話，就會繼續evaluate下去，那就是變成回傳''，這其實是用到short circuit的技術 :p
其實個人認為這邊根本不需要用到這種寫法，只是徒增不可讀性就是了，用if else還親民多了，不過這不代表這樣的寫法沒用處，我想大概可以用在 lambda這地方吧 :)

經過這次的閱讀，目前我想到一個，不用自己繼承一個HtmlFormatter的寫法了，我是用了擷取部分code，之後再自行增加一些必須的html的方式。

目前我粗略地寫了個簡單測試腳本，效果如下

 1 '''
 2 a script for python code highlighting is expected to partial html output.
 3 That's output content without the whole html tags.
 4 
 5 
 6 ex.
 7 <style>
 8 xxx
 9 xxx
10 xx
11 </style>
12 <table>
13 <div>
14 xx
15 xx
16 </div>
17 </table>
18 
19 usage: test.py inputfile outputfile
20 
21 '''
22 
23 
24 from pygments.formatters import HtmlFormatter
25 from pygments import highlight
26 from pygments.lexers import *
27 from pygments.styles import *
28 import sys
29 
30 try:
31     readfile = open(sys.argv[1], 'r')
32 except:
33     sys.exit()
34 
35 code = readfile.read()
36 readfile.close()
37 
38 file = open(sys.argv[1].split('.')[0]+'.html', 'w')
39 
40 st = get_style_by_name('native')
41 myformat = HtmlFormatter(style=st, linenos='inline')
42 
43 
44 content = '''<style>
45 .lineno {{
46     color: {};
47     margin-right: 5px;
48 }}
49 {}</style>'''.format('#'+str(int( st.background_color[1:])+303030), myformat.get_style_defs('.highlight'))
50 #rule the style
51 
52 content += highlight(code, get_lexer_for_filename(sys.argv[1]), myformat)
53 #add the highlighted code
54 
55 
56 file.write(content)
57 file.close()

比起上次用原來的指令，所產生出來的html檔，這次不需要再多做一些修正，可以將完整的內容直接複製貼上，相對起來大概是有比較方便吧 :) 這篇就先到此吧~

下次再繼續PO心得
最後來首音樂吧

Read More [...]

Posted in python

read open source pygments 1

pygments 簡單說是一個syntax highlighter，他支援的語言十分之多，最近會突然想閱讀他源碼，其實有部分原因是想開始練習閱讀open source，畢竟為了我另外一個project，我想，閱讀open source的能力，勢必要有所上升才行 :)

另外原因是，之前有朋友問，怎麼在blogger上面hightlight code，關於這個，我之前都是用這個 ，這是based on javascript的，所以必須要在blogger的後端，加入一些連結，而且每次要寫code時，都必須把code包覆在<pre brush:xx></pre>裡面，才會有效果出現，其實就以寫blog而言，真的有那麼一點不順就是了 :(

不過朋友說他做了設定後，卻沒有效果出來，好吧，我人沒在他旁邊，所以也不知道問題出在哪，所以最近在想乾脆用用pygments將code highlight後output成html格式，再將它PO在blog上面，這樣就比較簡單了 :) 於是我的閱讀之旅就這樣開始拉，雖然僅能利用假日來讀 :(

我想，首先就從package的 __init__.py來開始看，應該是沒錯的，如上圖所示，它做了一些最基本的說明 "pygments 是一個用python寫的語法高亮器 bla bla bla" 以下省略 :p

這邊特別說明一下 __all__ 這個東西的效用，其實看官網 的說明，就大概知道了，當你用 from pygments import *，如果你有定義 __all__ ，那它只會import 在all裡面的那些東東而已，沒定義的話，就會看你的 __init__.py 裡面有什麼就 import 啥，比如上面有import sys，那它也會跟著import sys，好啦轉回正題~

這個檔案的結構也滿簡單的，highlight這個function用到了 lex 和 format，另外當__init__.py被當成執行入口時，它會import cmdline.py，所以接下來我要去讀的package和檔案其實也滿明顯的，接下來我是選擇先閱讀cmdline.py，其實從名字一看也知道這是關於在cmd中如何進行操作的檔案，看完這檔案，應該就知道怎麼使用 pygments了，畢竟先懂得怎麼使用，然後再試著修改，我想這應該是不錯的順序吧 :p，另外也不用再去看官方docments的操作說明 :)

看吧，果然有使用方法，不過這檔案用到挺多東西的，其中它用到了兩個standard module，

1. getopt
2. textwrap

python果然真的是太方便了，光是內建就有一堆好用的東西，雖然這些自己寫一個也是OK拉:p

看了官方說明， getopt 主要是一個 sys.argv的parser， textwrap總之，方便文字格式處理的module，詳細不多說，畢竟這不是這篇文章的重點，且官方有不少說明，或者更有興趣直接看textwrap.py和getopt.py也是可以的。

 看了一些code後，使用上並不難，比如想要對test.py輸出一個語法高亮格式為html的檔案，打這樣的指令就可以了

pygmentize -O full,style=emacs -o test.html test.py

基本上只要你有提供輸入輸出檔，pygments會自動判斷該檔案的語法，當然你也可以自己輸入參數去規定syntax就是了，另外關於-O 那邊的設置，可以找源碼中的formatters的html.py裡面有相關說明，不同的輸出格式，會有一些有不同的option，效果如下

1 2 3 4 5

a = [ x for x in range(10) ] b = a[::2] print(a) print(b)

我是將輸出的html內容擷取並貼上來，而且還要做一些小處理，只是如果每次都要這樣其實也滿累的 :( 目前就先到這邊吧，下次在PO繼續閱讀的心得，並且想個解決辦法 :p

Read More [...]

Posted in python