SlideShare una empresa de Scribd logo
1 de 45
Descargar para leer sin conexión
2013/4/10 GTUG
Ronny Wang
PIXNET 產品副理
開發語言: PHP, JavaScript

Blog: http://ronnywang.pixnet.net/blog
Twitter: @ronnywang
Github: 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.html
chrome.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. 怎麼取得頁面的HTML
  a. contentscript.js 可以直接拿到 document
2. 如何插入一個 page_action
  a. background.js 內的 chrome.pageAction.show()
第一步 : 找出這一頁是哪家公司
可以 load jQuery 進來用

https://github.
com/ronnywang/jobhelper/blob/mast
er/contentscript.js
var 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 server
2. 更新病毒碼機制
我選擇了病毒碼機制

1. 減少 server 端成本,可以把病毒碼放在
   dropbox, github ...
2. 可以建立病毒碼平台,讓網友提供病毒碼
第三步-做資料匯入管理後台

用 Fusion Table
1. 可以協同管理
2. 可以匯入csv
3. 可以用 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

Más contenido relacionado

Similar a 20130410 GTUG 求職小幫手分享

Firefox Mobile: Designing Ideas
Firefox Mobile: Designing IdeasFirefox Mobile: Designing Ideas
Firefox Mobile: Designing Ideas
Bob Chao
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startup
Yenwen Feng
 
天鹅绒围脖
天鹅绒围脖天鹅绒围脖
天鹅绒围脖
Liu Chao
 
《氪周刊:互联网创业必读》(第83期)
《氪周刊:互联网创业必读》(第83期)《氪周刊:互联网创业必读》(第83期)
《氪周刊:互联网创业必读》(第83期)
36Kr.com
 
Google雲端 第一章準備篇
Google雲端 第一章準備篇Google雲端 第一章準備篇
Google雲端 第一章準備篇
gracebrainyu
 

Similar a 20130410 GTUG 求職小幫手分享 (20)

20170430 python爬蟲攻防戰-攻防與金融大數據分析班
20170430 python爬蟲攻防戰-攻防與金融大數據分析班20170430 python爬蟲攻防戰-攻防與金融大數據分析班
20170430 python爬蟲攻防戰-攻防與金融大數據分析班
 
Data Pipeline Matters
Data Pipeline MattersData Pipeline Matters
Data Pipeline Matters
 
Learn Django With ChatGPT
Learn Django With ChatGPTLearn Django With ChatGPT
Learn Django With ChatGPT
 
夠了!史雲
夠了!史雲夠了!史雲
夠了!史雲
 
GCPNext17' Extend 開始GCP了嗎?
GCPNext17' Extend   開始GCP了嗎?GCPNext17' Extend   開始GCP了嗎?
GCPNext17' Extend 開始GCP了嗎?
 
用 Go 語言 打造微服務架構
用 Go 語言打造微服務架構用 Go 語言打造微服務架構
用 Go 語言 打造微服務架構
 
Firefox Mobile: Designing Ideas
Firefox Mobile: Designing IdeasFirefox Mobile: Designing Ideas
Firefox Mobile: Designing Ideas
 
Mojito 開發 mobile web 實戰經驗談
Mojito 開發 mobile web 實戰經驗談Mojito 開發 mobile web 實戰經驗談
Mojito 開發 mobile web 實戰經驗談
 
DevOPS
DevOPSDevOPS
DevOPS
 
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash
 
電子內容管理 使用Git 與 github 2
電子內容管理   使用Git 與 github 2電子內容管理   使用Git 與 github 2
電子內容管理 使用Git 與 github 2
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startup
 
天鹅绒围脖
天鹅绒围脖天鹅绒围脖
天鹅绒围脖
 
OpenStack ecosystem
OpenStack ecosystemOpenStack ecosystem
OpenStack ecosystem
 
大家應該都要會的工具 Git 從放棄到會用2-分支篇
大家應該都要會的工具 Git   從放棄到會用2-分支篇大家應該都要會的工具 Git   從放棄到會用2-分支篇
大家應該都要會的工具 Git 從放棄到會用2-分支篇
 
《氪周刊:互联网创业必读》(第83期)
《氪周刊:互联网创业必读》(第83期)《氪周刊:互联网创业必读》(第83期)
《氪周刊:互联网创业必读》(第83期)
 
Google雲端 第一章準備篇
Google雲端 第一章準備篇Google雲端 第一章準備篇
Google雲端 第一章準備篇
 
Do you 2.0 enough?
Do you 2.0 enough?Do you 2.0 enough?
Do you 2.0 enough?
 
在 DigitalOcean 架設 Gitlab
在 DigitalOcean 架設 Gitlab在 DigitalOcean 架設 Gitlab
在 DigitalOcean 架設 Gitlab
 
重新想像:如何做技術選型決策 / Rethinking : Technical Decision
重新想像:如何做技術選型決策 / Rethinking : Technical Decision重新想像:如何做技術選型決策 / Rethinking : Technical Decision
重新想像:如何做技術選型決策 / Rethinking : Technical Decision
 

20130410 GTUG 求職小幫手分享