Blackbing's Playground

01 May

require+Backbone initial project

最近用requirejs用的很頻繁，因此把平常開發的架構拉出來成一個project template，若以後要開發就只要fork出來，或者是move a repo。

由於require.js 的架構很容易擴充，因此非常適合模組化的開發，模組化的開發優點就是可大可小，對於程式的相依關係也可以處理的很清楚，非常建議在開發初期就導入模組化的開發方式。要接手或者維護都可以很快速的轉換。

分享一下我自己的開發流程：

1. clone initialProject


  $  git clone git@github.com:blackbing/initialProject.git

2. change to your repository


  $  git remote set-url origin [Your git repo url]

3. watch coffee


  $ ./compileScript.sh

4. Run Server(optional) 直接run一個http server作為開發用。若你自己有開發環境可以跳過。


  $ ./runSimpleServer.sh

5. main.coffee main.coffee是程式的進入點，可以作為開發的起點。所以就可以透過require來做模組化的導入。例如：main.coffee
6. Build 模組化開發的最重要的事情就是要能夠將程式打包，不然分散的檔案並沒有好處。打包的部分交給r.js，因此只要設定好相依性， build.js，並執行


  $ ./build.sh

即可。

最後附上一個範例專案photoPicker，就是一個用此架構開發的一個小專案，若有不清楚的部分可以對照看，程式碼並不重要，重要的是架構本身非常好彈性地開發。

30 Apr

bye bye wordpress and Hello Jekyll

Migration wordpress to Jekyll

用了Wordpress幾年了，最初的動機是不喜歡外面的blog server綁手綁腳，限制一堆，要什麼沒什麼，於是就自己架自己的wordpress，另外一個原因也是想要練習管理server，熟悉一下各種設定。而中間隨著一些時間的演進也搬了好幾次主機，基本上對於這些可以做自定義的功能也還算滿意。

但隨著年紀的增長也越來越懶，越來越不想要再做這麼多客制化，看到大家紛紛都改用Jekyll，並且直接host在github pages上，讓我蠻心動的。不過之前一直沒有花時間去搞懂這個東西，也因為這樣，讓我更懶得寫文章，因為一直想說要換掉wordpress，所以懶得寫在wordpress上面。每次想寫點東西一開啓wordpress就又放棄了，真的是很懶。

最近終於花點時間研究了一下，並且成功的轉換過來了，關於網址之類的部分就之後再慢慢轉換吧。 Migrate的部分我要求不多，因此只有參考BLog Migrations作轉換，網址什麼的就不管了，我想反正以後放在免費的server上也是我主要的考量。

參考資料：

20 Mar

Charles Web Debugging Proxy

Charles Web Debugging Proxy是個非常好用的debugging tool，我很常用的功能是Map-Local，Map-Remote，以及監看Http的request/response。甚至修改request or response的內容，這在debug上非常的有用，也能很快釐清到底是哪一層的問題。不過我一直以為他只能run在某個系統上，所以我在每個VM上都要安裝一次Charles，結果強者我同事看到說不用這麼麻煩，只要指定proxy就什麼都解決了，所以你只要在Local安裝好，每個VM裡頭指定好Proxy，就可以錄到所有的request/response，尤其是在debug IE，因為IE6/7/8沒有Net 監控，所以用Charles可以幫忙除錯，非常好用，特此記錄一下。