發表文章

目前顯示的是 五月, 2013的文章

利用Grunt來做Markdown Livereload

以下是我利用Yeoman所產生的webapp並且修改Grunt來完成Makedown Livereload
https://github.com/CarterTsai/markdown_reload

原本的webapp的架構我只有加入grunt-markdown跟README.md這個套件並且修改了Gruntfile.js。


使用方式:

$> git clone https://github.com/CarterTsai/markdown_reload

$> sudo npm install

$> grunt mk
執行完以上的指令,應該會跳出瀏覽器來瀏覽README.html

接著用你喜歡的編輯器來編輯README.md,並且存檔就可以在瀏覽器即時看到修改的內容

Yeoman介紹

Yeoman是一套workflow的工具而且是open source, 他整合了GruntBower來開發WebApps,他也提供了基本的開發環境的架構。

Grunt是一套由node.js所開發出來的task runner,你可以建立自己的任務流程,來簡化你的工作。他內建了livereload, minification, compilation, unit testing, linting來讓比較繁雜的工作來自動化。

Bower是front-end package management用來管理跟安裝Web 開發要的套件,他會幫你下載跟管理你的每個專案要的套件。

開始安裝以上三套軟體:

首先安裝node.js然後在command line輸入npm install -g yo grunt-cli bower如果以上的安裝有問題或有不太了解歡迎留言。
使用方法:
    打開你的Terminal輸入以下的command來讓yeoman來產生webApp專案的基本架構。
$>  yo webapp
    接著yo會出現詢問要裝的軟體那就看你的需求來決定了,我預設是全部都按Yes。接下來就是要安裝node.js跟前端所需要的套件。輸入以下的command

 $> npm install && bower install

這樣整個WebApp開發的環境就完成了,安裝時間也很短,省下了自己整合Grunt跟Brower得時間。

    開始測試你的WebApp,輸入grunt所建立的task command "server"開啟一個簡單的web server來協助你開發。

    $> grunt server

如果開發你開發完成後要釋出的版本的話,輸入grunt他會幫你作unit testing,javascript的jshint跟css,html還有javascript的minification。當然unit testing要你自己來寫。其他grunt會幫你處理完。

$> grunt 

以上是Yeoman簡單的介紹,之後我會在寫Yeoman所產生的架構來說明,以及如何改Grunt的設定檔來符合你自己開發的流程。

如果有寫的不清楚或是寫錯歡迎留言跟我說,謝謝。

[轉貼] HITCON 2013 -「台灣駭客年會主題推廣」贈票及贈品活動

主題Cyberwar 一場看不見的駭客戰爭,早已揭開序幕。在這個高度資訊化的社會,一切事物都由網路連線控制。

駭客入侵攻防戰,也走出電影小說,正發生在你我生活中。想要看清楚如何發生,了解最新的技術手法嗎?國內年度最大資安盛會,「國際研討會」以及「駭客攻防競賽」,將於第九屆「HITCON 2013 - 台灣駭客年會」,7/19,20 在台北南港中央研究院舉辦!

台灣駭客年會大會夥伴 Ubisoft 即將推出單機遊戲《Watch Dogs 看門狗》,就算不是真實世界駭客,你也可以在遊戲中,用駭客能力拯救世界。
活動期間2013-05-22 ~ 2013-05-28
活動贈品HITCON 2013 – 台灣駭客年會門票共二張。Ubisoft 的「Watch Dogs」正版遊戲五份,並於遊戲上市後寄送。活動辦法將活動全文轉貼至自己的部落格或社群網絡(如Facebook、G+、Twitter、Plurk、新浪微博等)。並將該轉貼的網路連結,回覆於「activity@hitcon.org」。請註明郵件標題為「參與台灣駭客年會社群推廣」,以及郵件內容請記得附加網路連結。若能以附件方式提供最新 APT 樣本者,審核通過後將可直接獲得門票乙張。需特別注意的是,提供的網路連結必須具有公開瀏覽權限,因為主辦單位需要連至該連結。評選方式將以該文作者自己附加的心得、後續回應、按「讚」次數、或部落格訂閱數及社群網絡關注人數等方式來評分。得獎者將以寄至「activity@hitcon.org」的電子郵件通知。