2013/4/10 GTUG

Ronny Wang

PIXNET 產品副理

開發語言: PHP, JavaScript

Blog: http://ronnywang.pixnet.net/blogTwitter: @ronnywangGithub: http://github.com/ronnywang/

為什麼想做

求職小幫手?

想做抵制小幫手

抵制整個集團

[爆卦]可成又上榜了

HTC 沒有加班費，重罰三萬!

員工人數 5000 人 X 每天加班 4 小時 X 最低工資 109元/小時

= 218萬元?

一天省下的錢就可以付 70 個月罰金

大部份新鮮人不知道?

資訊揭露，勞資對等

小幫手製作過程

參考 - No SOPA

https://chrome.google.com/webstore/detail/no-sopa/gagmjmoimnkgoijihaaeodbefhcapjcj

看已經有的套件的檔案

chrome-extension://[extension id]/manifest.json

看看 bg.html

bg.htmlchrome.tabs.executeScript(tabId, { file: 'sopa.js' });

看看 sopa.js

我現在知道了

1. 怎麼用 Chrome Extension 在分頁上插入內容(執行script)a. chrome.tabs.executeScrips

參考 - Page action by content

http://developer.chrome.com/extensions/samples.html

我現在知道了

1. 怎麼取得頁面的HTMLa. contentscript.js 可以直接拿到 document

2. 如何插入一個 page_actiona. background.js 內的 chrome.pageAction.show()

第一步 : 找出這一頁是哪家公司

可以 load jQuery 進來用

https://github.com/ronnywang/jobhelper/blob/master/contentscript.jsvar company_dom = jQuery('#comp_header li.comp_name p a', document);if (company_dom.length != 0) {

params.from = '104';params.name = company_dom.eq(0).text();params.company_link =

company_dom.eq(0).attr('href');return params;

}

第二步-怎讓chrome知道這家公司被罰

兩個選擇：1. 建立黑心公司API server2. 更新病毒碼機制

我選擇了病毒碼機制

1. 減少 server 端成本，可以把病毒碼放在 dropbox, github ...

2. 可以建立病毒碼平台，讓網友提供病毒碼

第三步-做資料匯入管理後台

用 Fusion Table1. 可以協同管理2. 可以匯入csv3. 可以用 Javascript API 取得資料

第四步-匯入資料

感謝 @nansenat16 整理資料

https://github.com/nansenat16/LSA-CSV

可以幫助減少架設成本的工具

● dropbox● Heroku● Github● Fusion Table

完成!

程式碼

http://github.com/ronnywang/jobhelper● common.js 放處理 API 和 Chrome storage

相關的 function● contentscript.js 找出頁面中是否有公司資訊，

並比對資料包是否有違規● background.js 將違規記錄印出來● popup.js 設定頁面的 script

玩Open Data心得

一切源自...

爬資料很好玩...

g0v 零時政府

2012 Yahoo Open Hack - 全民審預算

2012/12/1 第零次動員戡亂黑客松

2012/12/1 第零次動員戡亂黑客松

2012/12/1 第零次動員戡亂黑客松

2013/1/27 公地放領 2/2 耕者有其田

2013/3/23 第貳次九大建設黑客松

Code For Tomorrow

2013/2/24 Open Data Day

2013/2/24 Open Data Day

2012/2/24 Open Data Day

2013/4/27 Earth Day Workshop

政府的動作

● 由行政院研考會主導，2013年4月公開 http://data.gov.tw/○ 以開放為原則○ 開放格式○ 第一階段每個單位都要放上五個資料

資料哪裡找？

● http://hub.opendata.tw/● http://data.g0v.tw/

以應用推動開放！

Q&A