---
tags: slides
---

# 閒聊開源

July 20, 2018
[e-mail]

Note:

本文採 <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh_TW" rel="license">CC:BY-SA 4.0</a> 釋出，相關圖片主張合理使用

以簡報模式開啟，[請點這邊](https://hackmd.io/JlkoTnQkRhS0jCCTv7KHzw/slide)。

---

# 閒聊

Note:

* 資訊從業人員有多少，學生有多少？
* 有用過開放源碼軟體的有多少？
* 發 Patch / PR 回上游的有多少？

---

# 柏強

or, BobChao<!-- .element: class="fragment" data-fragment-index="1" -->

---

# PM

<span>was: 社群行銷, <!-- .element: class="fragment" data-fragment-index="1" --></span><span>使用體驗設計師<!-- .element: class="fragment" data-fragment-index="2" --></span>

Note:

我現在的職業，是軟體專案的 PM。

這邊從業人員這麼多，大概對 PM 這個職位都有或多或少的認知。無論對於這個職位過往有什麼愛恨情仇，如果單單只告訴你我是文科背景，上一個工作是社群行銷、上上一個工作是使用體驗設計師，你可能會很懷疑：

---

<!-- .slide: data-background="https://i.imgur.com/LhdHzOj.jpg"-->
<!-- Source: https://pixabay.com/photo-2179479/ -->

Note:

他走錯棚了對吧？這不是 Coder Night 嗎？

實話說，我做的事情大部分跟程式寫作關係較遠。我自己會一點網頁前後端的東西，資料庫正規化略懂略懂、但再深入一點說到效能，就比較沒辦法。其實在加入目前的專案之前，我甚至也沒有拿薪水做專案管理的經驗。

---

# 開源

Note:

不過，從另一方面來說，在當時，我協助某個軟體專案已經長達十來年。在這十幾年裡，我從這個專案學習如何面對各方不同意見、看過標準與實務需求間的拉扯、協調過社群的人力配置與各式討論；也親眼看著這個專案從原來的商業軟體變身，把原始碼丟出來，在 1% 都不到的佔有率下掙扎，然後重新出發成為舉足輕重的一方之霸，再到現在面對強敵環伺尋求突破。

---

<!-- .slide: data-background="https://i.imgur.com/Xv2m17D.png" data-background-size="70%" -->

Note:

這個專案是 Mozilla，或許各位更認識他所產出的軟體名稱：Firefox 瀏覽器。

---

<!-- .slide: data-background="https://i.imgur.com/4GYtbrW.png" data-background-size="40%" -->

---

<!-- .slide: data-background="https://i.imgur.com/Xv2m17D.png" data-background-size="50%" data-background-position="center 20%" -->

<span>開源專案<!-- .element: class="fragment" data-fragment-index="1" --></span> <span>+ 全球社群<!-- .element: class="fragment" data-fragment-index="2" --></span> <span>+ 非營利組織<!-- .element: class="fragment" data-fragment-index="3" --></span>

Note:
不知道大家對 Mozilla 的印象是什麼？有人知道這個東西嗎？你們的印象是什麼呢？

我都會戲稱他是「三位一體」

---

<!-- .slide: data-background="https://i.imgur.com/QjWmgkr.png" data-background-size="30%" -->
<!-- Source: http://steve-lovelace.com/the-first-browser-war/ -->

Note:

1. 網景
2. 衰弱
3. 背水一戰

---

<!-- .slide: data-background="https://i.imgur.com/xe73z40.png" data-background-size="40%" -->

Note:

* 1998 年發起了 Mozilla Project
* 後來重寫了很多東西
* 2002 推出全新的 Mozilla Application Suite

有一部紀錄片叫做 [Code Rush](https://www.youtube.com/watch?v=VoLUvE-ny1k)，便是在講網景變身為 Mozilla 的故事。內容蠻不錯的，也有中文字幕，推薦大家觀賞。

---

<!-- .slide: data-background="https://i.imgur.com/mB7v3Vm.png" data-background-size="40%" -->

Note:

* 同時間啟動實驗專案
* 一樣的基底搭配不一樣的介面定義語言
* 命名為 Phoenix

---

<!-- .slide: data-background="https://i.imgur.com/4GYtbrW.png" data-background-size="30%" -->

Note:

在 2004 年成為我們所知的 Firefox

---

<!-- .slide: data-background-iframe="https://moztw.org" data-background="https://i.imgur.com/5e5zRw4.png" data-background-color="#fff" data-background-position="center top" -->

Note:

台灣在 2002 年初起形成社群討論區，我在那時開始幫忙翻譯技術文件跟協助推廣網路標準。2004 年隨著 Firefox 推出而開了 moztw.org 這個網站。

---

# 「利他」？

Note:

過去花了蠻多時間在這上面的，可能很多人都會覺得啊你怎麼那麼閒可以作這些？不過其實我自以為是個還挺利己的人，利他只是順手而已，所以以下大概分享一下參與這些東西的好處。

其實眾多好處裡我覺得跟程式沒關係的東西更精彩，像是了解產品規劃的方式、宣傳策略、全額補助出國參加聚會、先人家一步體驗新科技、人際關係連結等等... 但既然是 Coder Night，我還是大概舉些跟技術較有關的。

接著我用前陣子比較有參與的 WebVR 相關東西來舉例，WebVR 是可以直接用 Web 技術（標籤、Script）作出 VR 體驗的東西，有興趣我們可以會後聊。

---

# 一手消息


Note:

由於 Mozilla 就是 WebVR 一開始的發起者，有興趣的人可以從標準制定的最源頭就知道眉角（也可以影響標準走向，只是我沒到那個程度而已，或許你可以）。例如你就會知道這玩意主要是讓瀏覽器可以直接跟硬體溝通，考慮了很多外接控制器的 sensor 等等，同時也能對相關的安全問題略知一二。

為了要玩 WebVR，我去買了 Google Daydream，那時為了讓 Daydream Controler 可以銜接 Mozilla 推出的一個框架，我參考別人實作其他 controler 的方式下去研究。

---

# 學習


Note:

開源的好處在此展現，我從閱讀別人的原始碼進一步學到了一點點我本來從來不明白的 3D 概念，得以稍微有個方向。雖然在我真的實作完成之前，那個框架就推出新版且內建支援了 XD...

另外，在開發的時候我發現一件很擾人的事情。剛剛所提到 Mozilla 提供的 WebVR 框架叫做 [A-frame](https://aframe.io/)，他有個功能是可以叫出 Inspector 來調整 3D 物件的參數，然後可以存檔，**[實際作一次給大家看](https://aframe-island-and-ocean.glitch.me/)**。

---

# 修正


Note:

不過我用過幾次以後發現存檔有 bug，上 github 翻了一下 Code 以後發現跟順序有點關係，調過來送了個 PR 以後就解決了。這比「改了後不放出來」還好的地方是，如果你不送回上游，每次上游有更新你就要跟著改一回，現在送回以後，我就可以放心地繼續直接用上游最新的檔案。

---

# 再發表


Note:

另外也是大家最常能體會的：如果有什麼東西別人已經做好了，那自己就不用再重複造輪子。我把 WebVR 的教材在地化編輯以後，就成了可以拿來讓大家自學的工具 - [A-Frame School 中文版](https://bobchao.github.io/aframe-school-zhTW)，不必從頭寫、且更改其中的東西再丟出去也沒有什麼法律的疑慮。

---

# 利己好坑，跳之。

Note:

所以我覺得，作這些東西單純是有興趣，然後莫名就拿到很多好處，所以繼續。真的不是什麼太閒啦、佛心啦或怎麼的。Open Source 的專案也很多，大家選擇自己工作上用得到的，或者有興趣的，下去研究學習一番，總是件快樂的事。

我本來在考慮今天該介紹哪些 Open Source 專案給各位，不過後來想想其實如果真的是 Coder Night，各位其實平常至少都有「用」吧？可能會阻擋你繼續前進的，是很多開源專案不見得有方便的入門方法。

---

# 極小，或極大

Note:

這邊我挺建議各位要不就挑超小的專案下手，直接看程式碼，反正很小你也看得完。例如我剛開始接觸 A-Frame 時還在 0.3 版，起步不久，進入門檻還不致於那麼高。

又或者，就挑 Mozilla 這麼大的專案來看。通常這麼大的專案已經會開始思考怎麼招募新人，Mozilla 甚至有人做了一個網站叫做 What Can I Do For Mozilla

---

What can I do for mozilla<span>.</span>org?


Note:

這個網站的網址就叫做 whatcanidoformozilla.org，選擇自己有興趣的地方，他就會跳個建議告訴你要看什麼東西

這種是屬於線上文件本來就比較強大的社群，如果碰巧就還沒找到這些文件，那通常就要靠人與人之間的彼此聯繫、用別人的經驗來加強自我的知識。

除了 Code Night 這種聚會外，台北算是得天獨厚，我們有一個 Open Source 專用的社群空間。

---

# 在地社群 / 摩茲工寮


Note:

這個空間離這裡也很近，就在八德路上，叫做「摩茲工寮」。這個空間是 Mozilla 交給志工社群經營的，所以在有開放的時間一定找得到對 Mozilla 熟悉的人。除此之外，這個空間也蠻常跟各種開源社群合作舉辦活動，或許各位也可以找時間來看看。

---

# 在地研討會


Note:

我自己覺得人與人的連結很重要，專案在網路上參加自然不分國界，而且我們多少能說點英文，但有些在地的人際關係，對工作跟技能提升上面都還是很有幫助，而且至少也是說中文嘛。

台灣有很多研討會，對於四處走走看看、還沒有太固定興趣的人，我很推薦來參加每年暑期舉辦的開源人年會 -- 有人聽過嗎？

沒有的話可以上網搜尋一下 COSCUP 就是餘弦-杯，或者我們會戲稱為 cosplay cup

今年的在幾個星期後，很遺憾票已經全部掰掰了，但沒票也可以來逛逛（或者，家中有五歲以上小朋友的，可以來報名[親子工作坊](https://coscup2018.kktix.cc/events/coscup2018workshop)，有送票），有些社群會去擺攤，且今年跟 GNOME.Asia / openSUSE.Asia 一起合辦，我很篤定如果亞洲只能參加一場開源研討會，就是這一場了，歡迎各位來走走。

---

# 結論...

Note:

接觸開源好處多，且貢獻不只是貢獻，其實有相應的回饋

選自己喜歡的做, and have fun.

---

# 謝！

[e-mail]
@bobchao

---

# 問？

[e-mail]
@bobchao

---

# bit.ly / 2018<span style="color: yellow">0720</span>bobchao

Note:

這份簡報的網址在 bit.ly/20180720bobchao

---

# 如果有幸講到這裡還有更多時間

[](https://voice.mozilla.org/zh-TW)

https://voice.mozilla.org/zh-TW