Debater 辯論家：網路筆戰大亂鬥

作者 | Author：ETBlue
授權 | License：CC BY
主題曲 | Theme Music： https://blend.io/etblue/debater
演講錄影 | Video： 等待釋出中 | To Be Released
原始檔 | Source： https://docs.google.com/presentation/d/1RxJxZ_HAWZkDNIy9y2UZPZ3M7oNIxcdLJd6UzIO9egc/edit?usp=sharing （內含講稿 | Transcript Inside）

Transcript

1. Debater 辯論家 ～網路筆戰大亂鬥～ 2016/08/21 ETBlue under CC:BY ~ Powered by All COSCUP 2016 Staff ~
2. Debater 相關網址 Debater 共筆：Hackpad Debater 社團：Facebook Debater 程式碼：GitHub repo Debater 線上服務：GitHub Pages Debater 小編幫手裸身版：GitHub Gist (TonyQ) Debater 小編幫手打包版：GitHub repo (MrOrz) Debater 主題曲歌詞與簡譜： Hackpad Debater 主題曲預覽與編曲工作檔： Blend.io Debater 投影片：Google Slides HackMD 程式碼：GitHub repo (Jacky) HackMD 線上服務：HackMD.io (Jacky) Markdown 台灣社團：Facebook Debater 議題範例一：FlyingV 創辦人大戰 Debater 議題範例二：TW-DRGs 大合戰 Debater 議題範例三：農損面面觀 Debater 議題範例四：十年得金像獎討論 Debater 議題範例五：泛科調查兵團爭議
3. Debater 不相關網址 動民主血淚史投影片： Google Slides HackFoldr 2.0 程式碼：GitHub repo HackFoldr 2.0 範例：GitHub Pages (COSCUP) 動憲法程式碼：GitHub repo 動憲法範例：GitHub Pages (仲庭, 家華) GW2 Inventory 程式碼：GitHub repo GW2 Inventory 範例：GitHub Pages g0v 聊天室：Slack g0v 聊天室紀錄：logbot g0v 聊天室加入方式：Invite yourself
4. ETBlue 插畫家 --- ((( 穿過 g0v 蟲洞 ))) ---> 網頁前端 (?) 介面 (?) 設計 (?) 藍一婷 草根人物代表
5. Debater 　是…﹍. 收集整理網路筆戰的工具
6. Debater 辯論家 ～網路筆戰大亂鬥～ Debater 的起源 Debater 的開發過程 Debater 的經營方式 Debater 的下一步 講個秘訣 本日主題 →
7. Debater 辯論家 ～網路筆戰大亂鬥～ Debater 的起源 Debater 的開發過程 Debater 的經營方式 Debater 的下一步 講個秘訣 本日主題 →
8. Debater 　的起源. 科技始終來自於八卦
9. 使用需求 資料整理緩解劑
10. 資料整理緩解劑 hackpad 版
11. ﹍481 行筆戰文﹍﹍﹍盡在 Hackpad.com 資料整理緩解劑 hackpad 版
12. 打通八卦的五大經脈 依時間﹍ 依主題﹍ 依作者﹍ 依身份﹍ 依立場﹍
13. Debater 辯論家 ～網路筆戰大亂鬥～ Debater 的起源 Debater 的開發過程 Debater 的經營方式 Debater 的下一步 講個秘訣 本日主題 →
14. Debater 　的開發. 動憲法介面 + GW2 Inventory 程式碼 + 神人路過
15. 介面設計 不斷 抄襲 超越以前的自己
16. 草根論壇記錄頁（w/台灣守護民主平台秘書長仲庭、政策主任家華）
17. 加入側邊欄，容納更多標籤
18. 以文字檔整理八卦
19. 兩種文字檔來源：本機上傳或外部網址
20. 提供歷史紀錄
21. 支援巢狀標籤
22. 支援小編摘要，提供編輯脈絡（w/陳姓研究員舜玲）
23. 強調作者區塊，提供發言脈絡（w/瞿姓村姑 ipa）
24. 內嵌原始資料與 HackMD 編輯後台
25. 程式設計 不斷 偷 發揚光大別人的 code
26. 人生中第一個線上服務：HackFoldr 2.0
27. 896 行 JavaScript﹍﹍盡在 index.jade﹍ 獨家 Coding Style ∫OoO∫
28. 人生中第二個線上服務：Guild Wars 2 Inventory
29. 感恩 Mr.Bigmouth 讚嘆 Mr.Bigmouth 前端 MVC 初體驗﹍﹍﹍﹍盡在 g0v 黑客松
30. 人生中第三個線上服務：Debater
31. 宇宙力量 十年思坑無人問，一舉 proto 天下 patch
33. 感謝 GitHub 與台灣之光 HackMD 供養 Debater 米蟲
34. 自動化的開發環境、基本的 RWD / LY a.k.a. 萌萌, 遠祥總召
35. RWD 接力、介面改良 / jacky a.k.a. HackMD 作者
36. 仿 HackFoldr 利用 404 頁解析網址（現已改採 query） / au
37. 受 Peggy 的衛福小夥伴們啟發...
38. 小編幫手：裸身版瀏覽器外掛 / TonyQ 於公館路邊
39. 小編幫手：打包版瀏覽器外掛 / Mr.Orz 於 g0v 大松
40. Debater 族譜 HackFoldr 2.0 動憲法記錄頁 HackMD JS JS GW2 Inventory Debater (GitHub Pages) UI API 瀏覽器外掛 併用
41. 識別設計 一切從簡
42. 絕妙的點子 D B logo
43. 實做起來卻跟想像中不太一樣 logo
44. COSCUP 投稿前 配 色 logo：Adobe 內建色票 選單：bootstrap 預設 其他：hsla 寫起來是整數就好
45. COSCUP 投稿後 配 色
46. COSCUP 投稿後 again 音 樂
47. 投影片開始製作前 音 樂
48. Debater 辯論家 ～網路筆戰大亂鬥～ Debater 的起源 Debater 的開發過程 Debater 的經營方式 Debater 的下一步 講個秘訣 本日主題 →
49. Debater 　的經營. 公開社團：開發者 + 使用者 + 旁觀者
50. 孤獨的編輯家—— Debater 小編 & 開發者社團
51. Google Analytics (2016/02 ~ current)
52. 想像狀況：Debater 小編快車 整理資料 細讀資料 收集網址 製作懶人包
53. 實際狀況：Debater 小編天梯 整理資料 細讀資料 收集網址 製作懶人包 閱讀理解力 + 時間 歸納組織力 + 時間 創造表達力 + 時間 閱讀理解力 + 時間 歸納組織力 + 時間 閱讀理解力 + 時間
54. 真實 TA：議題工作者 整理資料 細讀資料 收集網址 製作懶人包 閱讀理解力 + 時間 歸納組織力 + 時間 創造表達力 + 時間 閱讀理解力 + 時間 歸納組織力 + 時間 閱讀理解力 + 時間 休閒 工作
55. Debater 辯論家 ～網路筆戰大亂鬥～ Debater 的起源 Debater 的開發過程 Debater 的經營方式 Debater 的下一步 講個秘訣 本日主題 →
56. Debater 　下一步. RWD、編輯指引、Markdown 語法
57. 編輯流程、準則
58. Markdown 台灣社群
59. Debater 辯論家 ～網路筆戰大亂鬥～ Debater 的起源 Debater 的開發過程 Debater 的經營方式 Debater 的下一步 講個秘訣 本日主題 →
60. 我可以幫忙寫前端... 但這跟 g0v 有關嗎？ 我也不知道欸， 反正是開源的 XD Guild Wars 2 Inventory 小組對話 @ g0v hackath17n 前端工程師 Mr.Bigmouth GW2 noob ETBlue
61. Debater 之母 HackFoldr 2.0 動憲法記錄頁 HackMD JS JS GW2 Inventory Debater (GitHub Pages) UI API 瀏覽器外掛 併用
62. 科技始終 來自於電動 或八卦
63. 特別感謝 • Mr.Bigmouth • tkalu • 仲庭 • 家華 • clkao • jacky (jackycute / jackymaxj) • LY (yhsiang) • TonyQ • Mr.Orz (Johnson Liang) • ddio • tkirby • godfat • au • shunling • ipa • isabel • 人和 • peggy • tomstone • pofeng • clement • caasi • HoLok Chen • Bing-Sheng Chen • 孤獨的踩雷家 • Debater 小編社團參與者們
64. Debater 辯論家 ～網路筆戰大亂鬥～ 2016/08/21 ETBlue under CC:BY ~ Powered by All COSCUP 2016 Staff ~
65. Debater 　主題曲. blend.io/etblue/debater
66. Q&A 跳坑請舉手