Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
創新網路技術推廣說明會 - 零時政府在校園之經驗分享
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
tkirby
June 26, 2014
Technology
180
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
創新網路技術推廣說明會 - 零時政府在校園之經驗分享
tkirby
June 26, 2014
More Decks by tkirby
See All by tkirby
前端網頁資料視覺化設計
tkirby
1
640
Theory of Graphical Perception
tkirby
0
680
Open Refine Course
tkirby
0
310
Language Reference
tkirby
0
140
新聞記者的程式設計第一課
tkirby
0
620
Visualization over Web
tkirby
0
180
迎戰壞資料 @ dbootcamp Taipei
tkirby
0
860
Rasterize D3.js
tkirby
7
1.8k
SVG + D3.JS Course Slide
tkirby
0
290
Other Decks in Technology
See All in Technology
Cloudflare Workers 向けアプリを C# で構築する ~WASM Native AOT への道~
nenonaninu
1
920
LLMに渡さなかった仕事
nanaism
0
1.3k
データ_AIの事業の勝敗をわけるもの
nek0128
1
470
Claude Codeを「使うほど育つ」AI秘書にするノウハウ
minorun365
PRO
33
30k
品質と信頼性を地続きにする
grimoh
2
900
AIで社員の自主発信に広報目線を組み込む
_mossann_t
0
140
Deployment の 先にある AI Agent 基盤 - kagent vNext、Agent Substrate、Hermes から読み解く Agent Runtime の現在地 / k8s-matsuri-2-ai-agent-platform-amsy810
masayaaoyama
4
700
新機種発売前に見直そう!端末移行で再ログインが要るアプリ・要らないアプリは何が違うのか 〜シームレスに再開できる設計と実装〜
zozotech
PRO
0
220
時うどん〜Socket.getifaddrsで学ぶネットワーク編 / Tokiudon: The Socket.getifaddrs Edition
coe401_
4
210
現場で役立つ技術負債の効果的な返済方法
masuda220
PRO
9
5k
AI de Idea
kawaguti
PRO
2
130
あけおめLINE 傾向とその対策
nasa9084
0
190
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
420
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Site-Speed That Sticks
csswizardry
13
1.5k
WENDY [Excerpt]
tessaabrams
14
39k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
[SF Ruby Conf 2025] Rails X
palkan
3
1.4k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Producing Creativity
orderedlist
PRO
348
41k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Paper Plane (Part 1)
katiecoart
PRO
2
11k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
710
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
Transcript
Kirby Wu 吳泰輝 本著作由 g0v.tw 製作,以創⽤用 CC 姓名標⽰示-相同⽅方式分享 3.0 台灣
授權條款釋出
None
None
None
http://comic.sfacg.com/HTML/Naruto/ http://comic.sfacg.com/Utility/4/xxx.js comicCounterID = 4; give link parse ID parse
list get js url get imgs
var comicName = “怠蔣敹!"; var nextVolume=“/HTML/Naruto/476/"; var preVolume=“/HTML/Naruto/474/"; var picCount
= 17; var picAy = new Array(); var hosts = ["http://hotpic.sfacg.com","http://hotpic.sfacg. “http://ltpic.sfacg.com"]; picAy[0] = “/Pic/OnlineComic1/Naruto/475/001_1924.png"; picAy[1] = “/Pic/OnlineComic1/Naruto/475/002_1209.png"; picAy[2] = “/Pic/OnlineComic1/Naruto/475/003_17512.png"; picAy[3] = “/Pic/OnlineComic1/Naruto/475/004_13346.png"; picAy[4] = “/Pic/OnlineComic1/Naruto/475/005_6797.png"; picAy[5] = “/Pic/OnlineComic1/Naruto/475/006_16563.png"; picAy[6] = “/Pic/OnlineComic1/Naruto/475/007_4992.png"; picAy[7] = “/Pic/OnlineComic1/Naruto/475/008_5900.png"; picAy[8] = “/Pic/OnlineComic1/Naruto/475/009_30082.png"; picAy[9] = “/Pic/OnlineComic1/Naruto/475/010_18438.png"; picAy[10] = “/Pic/OnlineComic1/Naruto/475/011_19255.png"; picAy[11] = “/Pic/OnlineComic1/Naruto/475/012_17436.png"; picAy[12] = “/Pic/OnlineComic1/Naruto/475/013_14834.png"; picAy[13] = “/Pic/OnlineComic1/Naruto/475/014_16148.png"; . . . . . . (後略)
None
None
request + cheerio result = {}, idx = 1; function
download() { request(ptt(idx), function(e,r,b) { if(e) return; $ = cheerio.load(b); result[idx] = $(“.r-ent .hl”).text(); idx++; setTimeout(download, 0); }); }
http://zbryikt.github.io/visualize/ptt-user/
http://zbryikt.github.io/ptt-food/index.html
None
http://campaign-finance.g0v.ctiml.tw/
@g0v hackath8n
None
None
None
None
稅⾦金正在加速燃燒中
None
None
None
None
None
⿊黑 客 松 H a c k a t h
o n H a c k M a r a t h o n ⼤大家⼀一起來 Hack! 吃炸雞
None
inLive 直播與活動 http://inlivetw.github.io/chrome 台灣歷史四⼤大報(含今⽇日) http://oldpaper.g0v.ronny…. NewsDiff官⽅方新聞稿異動情況站 http://newsdiff.g0v…. 國會⼤大代誌 http://ly.g0v.tw 你被服貿了嗎?
http://tisa.g0v.tw/ 萌典 https://www.moedict.tw/ 萌典字關係查詢 http://direct.moedict.tw/lab/moe/… 政誌 http://fact.g0v.tw/ g0v summit 2014 http://g0v.github.io/summit.g0v.tw/ 空氣品質圖形版 http://env.g0v.tw/air/ 求職⼩小幫⼿手 http://jobhelper.g0v.ronny.tw/ 新聞⼩小幫⼿手 http://newshelper.g0v.tw/ 台北捷運各站出站⼈人數變化圖 http://zbryikt.github… 政府開放資料平臺 http://data.g0v.ronny.tw/ 台灣未開放資料 http://request.data.g0v.tw/ g0v零時資料中⼼心 http://data.g0v.tw/ 勞⼯工薪資預算程式 http://kiang.github.io/salary/ 台北市建照記錄 http://tpebuilding.g0v.ronny.tw/ 台灣公司資料 http://gcis.nat.g0v.tw/ 台灣公司關係圖 http://company-graph.g0v.ronny.tw/ 農業學地圖 http://g0v.github.io/farmer/ 植物疫情與藥劑查詢系統 http://g0v.github.io/agricu…. 選票成分分析系統 http://congress-vote-analytics…….. ⽴立院影城 http://ivod.ly.g0v.tw/ ⽴立委投票指南 http://vote.ly.g0v.tw/ 公務⼈人員出國考察網 http://report.nat.g0v.tw/ 法規易讀器 http://laweasyread.herokuapp.com/ 社會資訊運動平台 http://movement.ee.ncku.edu.tw/ 政治獻⾦金數位化 http://campaign-finance.g0v.ctiml.tw/ 福利請聽 http://listening.g0v.tw/ Pet Need Me http://petneed.me/ Bad Driver http://baddriver.mobileweb.com.tw/ 中央政府總預算 http://budget.g0v.tw/ ⽴立委聯絡資訊 http://billy3321.github.io/lytel/ 國道⼀一號電⼦子收費價錢試算 http://zbryikt.github.io/visualize g0v新⼿手村 8bit http://g0v.github.io/g0village-8bit/ g0v.asia http://g0v.asia/ 台灣⾨門牌查詢 http://ris.g0v.tw 路平專案 http://106.187.101.193/ g0v 貢獻者地圖 http://g0v.olc.tw/ 你媽知道你在看假新聞嗎 http://fakenews.tw (g0v x CCSP⿊黑客 收集議題關注者、︑NGO、︑NPO 的不推薦名單 http://soidid 新g0v後勤中⼼心 http://community.g0v.tw/ ⾬雨量圖形化1 http://g0v.github.io/twgeojson/rain.html ⾬雨量圖形化2 http://g0v.github.io/twgeojson/interpolation.htm g0v導覽⼩小精靈 http://g0v.github.io/g0v-tour-guide/public/ha 市長,給問嗎︖? http://wethepeople.tw ⼩小農故事 http://g0v.github.io/farmers/public/ 萌典啄⽊木⿃鳥計畫 http://moedict.tw/dodo 動民主1.0 http://lqfb-test.g0v.tw/pf/ 動民主2.0 http://g0v.github.io/don-republic/public/ 全民記者會 http://g0v.github.io/don-press/public/ 我的活動地圖 - 零時廣場 http://g0v.github.io/conference-map 太陽花學運記錄 by g0v http://g0v.github.io/sunflower/ 政治獻⾦金視覺化 http://fuyei.github.io/cf-viz/viz.htm Recent Discussions on g0v 開放政治獻⾦金 http://campaign-fin 斧頭幫⼤大挑戰 http://axe.g0v.tw/ g0v授權中⼼心 http://g0v.github.io/moc-license-center/index.ht 網站抵制⼩小幫⼿手 http://zhusee2.github.io/boycott-helper/
http://g0v.tw/about.html g0v.tw 是⼀一個致⼒力於打造資訊透明化的社群。g0v.tw 的參與者來⾃自四⽅方,有程式開發者、 設計師、社會運動⼯工作者、教育⼯工作者、⽂文字⼯工作者、公⺠民與鄉⺠民等來⾃自各領域的⼈人⼠士。 這些⼈人聚在⼀一起,希望資訊透明化可以更進⼀一步的改善台灣的公⺠民環境。只要有⼼心想⽤用⾃自 ⼰己的專業及能⼒力來參與,就可以加⼊入 g0v.tw。g0v.tw 以開放原始碼的精神為基底,關⼼心⾔言 論⾃自由、資訊開放,希望可以最新的科技,提供讓公⺠民更容易使⽤用的資訊服務。資訊的透
明化可以幫助公⺠民更確實了解政府運作,更快速了解議題,更有效監督政府,確保政府不 脫離⺠民有、⺠民治、⺠民享的本質。我們平時透過 g0v.tw 各網路平台(IRC, hackpad, github)溝通協作,或參與不定期舉辦的⿊黑客松(hackathon)活動。我們的成果(包括⽂文 件、程式碼、運算資料、數據分析結果及過程執⾏行⽅方式)遵循開放原始碼授權,讓更多⼈人 能使⽤用、改善、回饋,發揮最⼤大效⽤用。各專案成果不屬於 g0v.tw,但也歡迎在此平台共 享。我們喜歡找到問題,樂於討論解決⽅方案,願意動⼿手嘗試解決問題。我們在多元領域中 找到合作的途徑,讓⼒力量相乘,以想像⼒力指引新的⽅方向。我們希冀以⾏行動改變現狀,不想 淪為沉默的幫凶。g0v.tw 沒有負責⼈人、代⾔言⼈人,由參與者⾃自主決定想要參與的專案,同時 加深 g0v.tw 的社群⽂文化。各專案各⾃自運作討論決策,g0v.tw 社群平台相關重要議題則使⽤用 Liquid Feedback (流動式⺠民主網路投票系統)討論與決策。g0v.tw 無黨無派、無錢倘買 菜,是草根集結的公⺠民運動,你可以參與專案贊助腦⼒力、勞⼒力,也可以捐款贊助舉辦⿊黑客 松、或直接⽀支持特定專案。如果你認同以上,歡迎加⼊入 g0v.tw,來聊聊你想作些什麼,想 協助什麼專案,想看到我們⾝身處的世界有什麼改變。歡迎你成為科技改變社會的⼒力量。 資料透明 去中⼼心化 開放源碼 改造政府
– nobody, but you 「不要問為什麼沒有⼈人做這個, 因為你就是沒有⼈人」 去中 ⼼心化 decentralized
發起 專案 發起 專案 發起 專案 O(n)
None
發起 專案 發起 專案 發起 專案 發起 ⿊黑客松 發起 專案
發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 O(n) O(nn) centralized decentralized * O(x) : 產出複雜度, throughput complexity *
– zonble, g0v hackath7n 「⿊黑客松的程式都是有機的, 因為都有蟲」 開放 源碼 open source
發起 專案 發起 專案 發起 專案 發起 ⿊黑客松 發起 專案
發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 O(n) O(nn) centralized decentralized * O(x) : 產出複雜度, throughput complexity *
發起 專案 發起 專案 發起 專案 發起 ⿊黑客松 發起 專案
發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 O(n) O(nn ) proprietary open source n
None
None
None
http://g0v.github.io/g0vis/#!/project/1
versus 「...維基百科更具⾃自由且開放性編輯的特性, 反⽽而吸引更多民眾使⽤用維基百科並加以修改」 from zh.wikipedia.org/wiki/Wikipedia
– hychen, kuansim the project 「脫韁的政府, 來⾃自於未盡監督責任的鄉民」 資料 透明 open
data
發起 專案 發起 專案 發起 專案 發起 ⿊黑客松 發起 專案
發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 O(n) O(nn ) proprietary open source n
data not opened 發起 ⿊黑客松 發起 發起 發起 發起 發起
發起 發起 發起 發起 O(nn ) n 發起 ⿊黑客松 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 n x O(nn ) data opened n 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案
發起 專案 發起 專案 發起 專案 O(n) 發起 ⿊黑客松 發起
專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 n x O(nn ) n 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案 發起 專案
http://g0v.github.io/g0vis/#!/project/1
None
V0.1 V0.2 V0.3 V0.4 open source dev dev dev /
solve issue fork Merge dev dev Pull Request issue colaborator join
overview
commits
difference (in one commit)
history (of one file)
collaborator
issues
fork
pull request
V0.1 V0.2 V0.3 V0.4 open source dev dev dev fork
merge dev dev PR issue colaborator join 1 2 3
發起 專案 發起 專案 發起 專案 1 使⽤用專案、︑測試專案、︑意⾒見回饋 issues 功能需求、︑⾃自⾏行開發、︑回饋補綴
fork & PR 參與專案開發 collaborator 2 3 4 主動發起專案 project lead
發起 專案 發起 專案 發起 專案 4 主動發起專案 具相關技能 我有⼀一個需求
/ 問題 / 主意 不具相關技能 開幹、︑找⼈人 企劃、︑找⼈人 DO-ACRACY
主動發起專案 開幹、︑找⼈人、︑企劃 1 2 3 使⽤用者 團隊 開發者 使⽤用動機 理念認同
發起 專案 V1 V2 V3 V4 開幹哲學 開放源碼 群眾認同
發起 專案 發起 專案 發起 專案 V1 ⿊黑客松協作平台 V2 V3
V4 開幹哲學 開放源碼 群眾認同
發起 專案 發起 專案 發起 專案 零時政府⿊黑客松 發起 專案 發起
專案 發起 專案 萌典松 發起 專案 發起 專案 發起 專案 動民主松 發起 專案 發起 專案 發起 專案 線上開幹
None
None
None
None
討論 — 聊天室(irc) / 社交平台(fb) ⽂文件 — 線上協作平台 (hackpad) 源碼
— git repository
零時政府參與形式 • 建⽴立⿊黑客松分⽀支 • 參與主線⿊黑客松 • 參與各專案⿊黑客松 • 專案提案 •
參與專案 • 使⽤用專案,意⾒見回饋 專案 開幹 給建議 幫修改 ⼀一起做 ⿊黑客松 線上協作
舉辦⿊黑客松
參與⿊黑客松
發起專案
參與專案
使⽤用專案
專案 開幹 給建議 幫修改 ⼀一起做 ⿊黑客松 線上協作 ?
其他特別專案
CCSP x g0v
CCSP Hackathon
E 論壇 ft.
None
None
None
None
None
tuiry CC BY 4.0
零時⼩小學 零時中學 零時⼤大學 teach contribute
None
None
http://zbryikt.github.io/ppllink/#
第⼀一千⼀一百⼗十三條之⼀一 (輔助⼈人之設置) 受輔助宣告之⼈人,應置輔助⼈人。︒ 輔助⼈人及有關輔助之職務,準⽤用第⼀一千零九⼗十五條、︑第⼀一千零九⼗十六 條、︑第⼀一千零九⼗十八條第⼆二項、︑第⼀一千⼀一百條、︑第⼀一千⼀一百零⼆二條、︑ 第⼀一千⼀一百零三條第⼆二項、︑第⼀一千⼀一百零四條、︑第⼀一千⼀一百零六條、︑ 第⼀一千⼀一百零六條之⼀一、︑第⼀一千⼀一百零九條、︑第⼀一千⼀一百⼗十⼀一條至第 ⼀一千⼀一百⼗十⼀一條之⼆二、︑第⼀一千⼀一百⼗十⼆二條之⼀一及第⼀一千⼀一百⼗十⼆二條之 ⼆二之規定。︒ §1113-1
(輔助⼈人之設置) 受輔助宣告之⼈人,應置輔助⼈人。︒ 輔助⼈人及有關輔助之職務,準⽤用 §1095、︑§1096、︑§1098 II、︑§1100、︑ §1102、︑§1103 II、︑§1104、︑§1106、︑§1106-1、︑§1109、︑§1111 至 §1111-2、︑ §1112-1、︑§1112-2 之規定。︒ 法 令 條 ⽂文 亦 毒 氣
None
None
None
http://zbryikt.github.io/visualize/nsc-2/
http://zbryikt.github.io/visualize/mrt/ 臺北捷運各站 出站⼈人數圖
⽴立委投票結果視覺化 http://bl.ocks.org/zbryikt/raw/4248542/
None
None
None
結語