受邀於「快樂學程式」

1. Nic Lin
2 個⽉擁有 6000 ⽤⼾的 Side Project 這樣做

2. 👋HELLO👋

3. Nic Lin
• BitoEX 幣託 Software Engineer
• 2017 全棧營線上助教及每週程式教學直播講師
• 「喜歡在地上打滾的 Rails Developer」部落格作者

4. • 名字
• 職位
• 星座
• 興趣

5. ⼯程師 不等於 宅男

6. 跳舞

7. 滑雪

8. 衝浪

9. 騎⾞

10. 不是每個⼯程師都這麼宅的

11. 什麼是 Side Project ？

12. 通常是與⽬前⼯作不直接相關，主要為了興趣或好奇⽽執⾏的計畫⽅案。

13. 做 Side project 有什麼好處？

15. 下班為了練習 coding 所做的照片分享 APP

16. 功能複雜，沒⼈想⽤，失敗告終

17. Facebook 以 10 億買下

19. 想解決舊⾦⼭難以叫⾞的問題

20. 2013 年時估值已到 35 億

22. 誰會要去睡陌⽣⼈的床？

23. 市值破千億台幣

25. 這是成功案例的幾個極端例⼦

26. But

27. 沒有開始，就不會知道是成功還是失敗

28. 只要開始了就⼀定會有收穫

29. 基本收穫
1. 技術能⼒增長
2. 產品思維提升
3. 第⼀線⾯對客⼾
4. 學習解決開放性問題
5. 臉⽪變厚

30. 基本收穫
1. 技術能⼒增長
2. 產品思維提升
3. 第⼀線⾯對客⼾
4. 學習解決開放性問題
5. 臉⽪變厚

31. 基本收穫
1. 技術能⼒增長
2. 產品思維提升
3. 第⼀線⾯對客⼾
4. 學習解決開放性問題
5. 臉⽪變厚

32. 基本收穫
1. 技術能⼒增長
2. 產品思維提升
3. 第⼀線⾯對客⼾
4. 學習解決開放性問題
5. 臉⽪變厚

33. 基本收穫
1. 技術能⼒增長
2. 產品思維提升
3. 第⼀線⾯對客⼾
4. 學習解決開放性問題
5. 臉⽪變厚

34. 額外收穫
1. 名聲
2. 錢
3. 今天的演講

35. 額外收穫
1. 名聲
2. 錢
3. 今天的演講

36. 額外收穫
1. 名聲
2. 錢
3. 今天的演講

37. ⾯試加分
⾯試只講前公司產品沒意義，但 Side Project 可以看思路

38. 你講的很雞湯
那要如何開始呢 讓我們先做失敗的...

39. 在成功之前，我們先定義失敗

40. iGai 愛改
https://github.com/niclin/igai

41. iGai 愛改

42. 因為我⾃⼰在臉書上買東⻄時不喜歡被朋友看到

43. 然後我就費時約 1 個⽉，都在做⾼效能聊天室加滑順上傳圖片
（以 Facebook 為⽬標）

44. 在臉書相關社團推廣後，⼤概過了兩個禮拜

45. 使⽤者不到 10 ⼈

46. 我⾃⼰帳號 2 個、女友 1 個

47. 你是如何做出這個
失敗的產品呢 其實就是沒事做，然後⼀股腦...

48. 失敗原因
1. 臉書社團的販賣功能已經很好⽤
2. ⼀股腦的在做⾃⼰覺得厲害的聊天室
3. 你認為的問題其實不是⼤家的問題

49. 失敗原因
1. 臉書社團的販賣功能已經很好⽤
2. ⼀股腦的在做⾃⼰覺得厲害的聊天室
3. 你認為的問題其實不是⼤家的問題

50. 失敗原因
1. 臉書社團的販賣功能已經很好⽤
2. ⼀股腦的在做⾃⼰覺得厲害的聊天室
3. 你認為的問題其實不是⼤家的問題

51. 失敗當然不會只有⼀次

52. 公司⽤ Google sheet 點下午茶

53. 第⼀份⼯作公司有五⼈，訂餐的常常訂錯
寫了個 DD53(訂訂午餐)
每天都⽤該系統訂餐，但僅⽌於該公司

54. 想做⼀個任何公司都可以進來⽤的訂餐系統

55. DD3 訂訂餐
https://dd3.today/

56. DD3 訂訂餐
想解決問題
1. ⾃動通知還沒點餐的⼈
2. 當活動開啟時⼤家可以收到通知
3. ⾃動計算總⾦額與杯數

57. 公司⼈員註冊了，但訂餐系統不受歡迎

58. 失敗原因
1. 通知非必要，⼝耳相傳或傳個 LINE
2. 還要選品項很⿇煩，直接看圖填就好了
3. 使⽤前要先⼿動輸入菜單很⿇煩

59. 使⽤者很難更改習慣
除非你的⽅案比現有的好⼗倍

60. https://www.mikedp.com/articles/2017/4/12/10x-and-the-largest-technological-improvements-of-all-time
因為通常開發者都會⾼估⾃⼰的產品有三倍好

61. 也因為這樣我在 Github 上養了很多 Code

62. 但我沒有因此上班都在混，這是公司的 Git hosting

63. 如何讓產品失敗
1. 只專注在很潮的技術
2. 想解決還沒出現或還很遙遠的場景
3. 解決的不是痛點
4. ⾃⼰都不⼀定想⽤

64. 做對了什麼？

65. 沒有複雜或很潮的功能
功能存在只為解決問題

66. 1.
2.
3.
4.
靈感來⾃於⽣活
快速試⽔溫後修正
⽤⼾的問題被解決
比現有競品更好

67. 靈感來⾃於⽣活
1. 喜歡⼀件事並且有⾜夠的認識
2. 不滿⾜於現況
3. ⼩眾有⼀定的基數

68. 靈感來⾃於⽣活
1. 喜歡⼀件事並且有⾜夠的認識 -> 騎⾞
2. 不滿⾜於現況
3. ⼩眾有⼀定的基數

69. 靈感來⾃於⽣活
1. 喜歡⼀件事並且有⾜夠的認識 -> 騎⾞
2. 不滿⾜於現況 -> 需要開 3 個 APP 才能蒐集資訊
3. ⼩眾有⼀定的基數

70. 靈感來⾃於⽣活
1. 喜歡⼀件事並且有⾜夠的認識 -> 騎⾞
2. 不滿⾜於現況 -> 需要開 3 個 APP 才能蒐集資訊
3. ⼩眾有⼀定的基數 -> 北宜社團有 15 萬⼈

71. 快速試⽔溫後修正
1. WEB 上線獲取 1000 ⽤⼾後逐漸停滯
2. 切換使⽤者⼼態去嘗試開發 APP

72. ⽤⼾的問題被解決
1. ⼀個 APP 可以看到重要的三項資訊
2. 騎⾞中也可以靠推播知道訊息

73. 比現有競品更好
競品有太多功能、油價、天氣、全台灣路況
沒有⼈去回報最即時的路況，只有監視器影像
但我只針對「北宜公路」做優化

74. 比現有競品更好
競品有太多功能、油價、天氣、全台灣路況
沒有⼈去回報最即時的路況，只有監視器影像
但我只針對「北宜公路」做優化

75. 比現有競品更好
但我只針對「北宜公路」做優化

76. 講點部落格沒寫的，不然花錢來聽的⼈會覺得被詐騙

77. 推播訊息給⽤⼾
避免訊息遭利⽤，我都看過後⼿動發送

78. 推播訊息給⽤⼾

79. 週末⾞友最早凌晨 4~5 點出發
⾞潮跟路況⼤概會在 8 點之後湧現

80. 我週末都睡到中午

81. 起床發現⼀堆路況我都沒有幫忙送推播

82. 1. 超過⼀定註冊時間
2. ⽂章獲得⼀定讚數
就認為他的發⾔可以被推送

83. 推播功能上了⼤概隔⼆個⽉才做全⾃動化

84. 因為⼀開始數據還不夠多，不知道會不會有⼈亂發⽂騙推播

85. 不是所有功能都需要⾺上被實作的，可以等到問題被明確定義

86. 不斷改善體驗，讓我們⽤⼾在沒有強烈⾏銷下持續成長中
📈

87. 有⼀天我發現週末使⽤量瞬間上升 20%
😄

88. 直到我打開 IG 看到這個

90. 女神才不會理宅男⼯程師

92. 但認真做 Side Project 也能讓女神本⼈回應你

93. 🥰

94. 產品思維是 Coding 的靈魂

95. 我們很容易陷入專注在解決封閉性問題

96. 現在給⼯程師三張實作票

97. 1.
2.
3.
路況⽂章增加「標記排除」功能
判斷⽤⼾登入 IP 和上次不同國家時發送 Email
增加⿊名單功能

98. 我們會越來越習慣把票殺完
然後成為「殺票⼿」

99. 如何培養產品思維？ 嘗試站在⽤⼾⾓度思考
或是成為⽤⼾

100. ⽤⼾很難跨越障礙時通常會選擇放棄

101. ⼯程師認為只要 OOXX 就能跨越障礙，習慣就好

102. 除非⽤⼾動機夠強，否則障礙不會變簡單
例如：填完意⾒調查表單立即獲得 500 元購物⾦

103. 試著解決開放性問題
1. 如何提升購買流程體驗
2. 如何提升註冊/登入體驗

104. 先從前陣⼦的⼀個租⾞網站說起

105. 我想看指定⽇期的⾞型是否還能夠租借

106. 租⾞網註冊

107. 我必須填完這些，才能查看

108. 是你，如何提升註冊體驗？

109. 1. 讓⽤⼾可以透過第三⽅登入
2. 詳細資料只在線上付款前需填完
3. 如果只是線上預定，可以到現場在填資料
如何提升註冊體驗？

110. 1. 讓⽤⼾可以透過第三⽅登入
2. 詳細資料只在線上付款前需填完
3. 如果只是線上預定，可以到現場在填資料
如何提升註冊體驗？

111. 1. 讓⽤⼾可以透過第三⽅登入
2. 詳細資料只在線上付款前需填完
3. 如果只是線上預定，可以到現場在填資料
如何提升註冊體驗？

112. 當你使⽤產品時，有任何不直覺的地⽅，都該提出來被改善討論
⽽不要去習慣障礙，讓⾃⼰試著對產品有意⾒

113. Coding 的根本核⼼是解決問題

114. 為了解決問題我們需要不斷的學習

115. 如何快速上⼿⼀項技能或框架

116. 開發 「Beiyi 北宜」 APP 之前我完全沒寫過 React Native

117. 雖然有協助維護過 React 專案，但我對 APP 依舊沒概念

118. 兩個⽉從零到完成上架是怎麼做到的？

119. 快速學習新的技術
1. 能動 first
2. 降問題維度
3. 看 Best practice ⽽不是看語法教學

120. 快速學習新的技術
1. 能動 first
2. 降問題維度
3. 看 Best practice ⽽不是看語法教學

121. 快速學習新的技術
1. 能動 first
2. 降問題維度
3. 看 Best practice ⽽不是看語法教學

122. 能動 First
先想辦法搞到能看到 Hello world
1. 上網找⽂章、影片
2. 找 meetup 問⼈
這階段⾄少要把 world 改成 kitty 要能夠顯⽰
「Hello kitty」

123. 能動 First
先想辦法搞到能看到 Hello world
1. 上網找⽂章、影片
2. 找 meetup 問⼈
這階段⾄少要把 world 改成 kitty 要能夠顯⽰
「Hello kitty」

124. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理 FB 登入失敗狀態
├──處理登出
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

125. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理 FB 登入失敗狀態
├──處理登出
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

126. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理 FB 登入失敗狀態
├──處理登出
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

127. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理 FB 登入失敗狀態
├──處理登出
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

128. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理登出
├──處理登出
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

129. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理登出
├──處理 FB 登入失敗狀態
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

130. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理登出
├──處理 FB 登入失敗狀態
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

131. 降問題維度
要做第三⽅登入
└─做 Facebook 登入
└─研究 React Native FB 登入插件
├──處理 FB 登入成功狀態
├──處理登出
├──處理 FB 登入失敗狀態
└──處理 FB 資訊串接後端
└─ 處理資料和後端轉換

132. 看 Best practice ⽽不是看語法教學
語法會在你不知道怎麼⽤的時候⽤查的學會
但架構很容易打歪就歪了
多研究其他 Open Source 的⼿腳架，不要⾃⼰發明

133. 看 Best practice ⽽不是看語法教學
啊你就不會了還⾃⼰發明幹嘛

134. 學習就是不斷製造 Small win 來讓成就感帶你到⽬的地

135. Side Project 專案管理如何進⾏

136. 會覺得腦袋⼀團亂是因為想法太多，⾼速運轉導致

137. ⼤腦的 RAM 沒有你電腦的多，⼀旦滿了就會當機

138. 同理，⼀旦⽬標太⼤，就會不知所措

139. 紙跟筆是讓⼤腦降速的最佳⽅法

140. 便利貼整理法
1. 寫下任何你想到的
2. 貼在牆上或桌上
3. 繼續寫、繼續貼
4. 開始整理相同類型
5. 安排順序

141. 便利貼整理法
1. 寫下任何你想到的
2. 貼在牆上或桌上
3. 繼續寫、繼續貼
4. 開始整理相同類型
5. 安排順序

142. 便利貼整理法
1. 寫下任何你想到的
2. 貼在牆上或桌上
3. 繼續寫、繼續貼
4. 開始整理相同類型
5. 安排順序

143. 便利貼整理法
1. 寫下任何你想到的
2. 貼在牆上或桌上
3. 繼續寫、繼續貼
4. 開始整理相同類型
5. 安排順序

144. 便利貼整理法
1. 寫下任何你想到的
2. 貼在牆上或桌上
3. 繼續寫、繼續貼
4. 開始整理相同類型
5. 安排順序

145. 我的便利貼運⽤場景

146. ⽂章架構

147. 找⼯作⽬標與進度

148. 便條紙派對
1. 做個⼆⼿ 3C 交換網
2. 做個披薩訂購網
3. 做個電⼦書商城

149. 有了⽅向，就開始吧

150. 總結

151. 這次能短時間擁有千名⽤⼾，要感謝過去失敗的經驗

152. 這次能短時間做出產品，要感謝過去失敗的 Code

153. 這次能夠和⼤家分享，要感謝⼤家今天撥空前來

154. facebook.com/bboyceo
github.com/niclin
blog.niclin.tw
Q＆A