[MOPCON 2022 Keynote] 從 IoT 到 Web2，從 Web2 到 Web3：那些開發路上的奇妙風景

https://mopcon.org/2022/

Web3 在這幾年無疑是技術及商務熱點，幾乎每天都能看到相關的新聞。但作為一個非原生在 Web3 時代的開發者要怎樣因應這樣的變化呢？

過往因緣際會和 React Native 結了緣而接觸了十來個不同領域，從看盤軟體、物聯網、電商系統到區塊鏈冷錢包都有涉獵。一路走來變化已經成為生活中的日常。

試著從這個視角來聊聊那些在開發路上看到的奇怪及有趣的經驗及心得。

Transcript

1. IoT → Web2 → Web3
   那些開發路上的奇妙風景
   Sam Huang
   MOPCON 2022
   

   View Slide

2. ● 背景介紹
   ● 跨平台 x React Native
   ● Mobile
   ○ IoT：藍牙鎖開發
   ○ Web1/Web2：股票看盤軟體
   ● Web3
   ● 總結
   Agenda
   從經驗出發試著聊聊 Mobile x Web3
   

   View Slide

3. 背景介紹
   

   View Slide

4. Sam Huang
   開發 / 管理 / 顧問 / 營運
   嵌入式系統 → Android Framework → APP → Web → Blockchain
   ● openCSL 嵌入式課程 / ARM AAE 認證
   電商 / 餐飲 / 旅宿 / 教育 / 金融 / 智慧工廠 / 區塊鏈 / …
   

   View Slide

5. RevtelTech 忻旅科技 / EcultureTech 奕果雲端數位
   RevtelTech：軟體顧問開發
   ● 顧問諮詢 / 開發協力 / 商模合作
   ● 是很多新創公司的軍火庫
   ● 發展其他周邊可能商業可能
   EcultureTech： 文創、印刷領域軟體開發
   ● 印刷通用電商 HiPrint，和富士全錄合作推廣
   客戶如感官文化印刷、印刷吧、理想印制、
   ...
   ● 拼吧 PinBar 客製化拼圖
   

   View Slide

6. 其他進行中產品 / 合作
   IP 變現服務
   實體化 NFT 載體
   烘焙業 Line 電商
   

   View Slide

7. 跨平台 x React Native
   

   View Slide

8. React Native
   Facebook 於 2015 提出之跨平台方案
   ● 結合 React 對 View 的抽象實踐
   ○ React Hook
   ● 良好的社群體系
   ○ Community 協作
   ○ Turbo Module / New Architecture
   人的需求未必有改變，但技術發展會讓它更加細化且複雜
   → 跨平台可以為你爭取一些資源的心力來關注別的地方
   

   View Slide

9. 過往以 React / React Native 為技術核心試著解決問題
   ● 因緣際會從改寫電商 APP 開始，後續相關開發經驗 50+ Web/APP
   ○ 電商、IoT (藍牙、NFC)、電信、金融、智慧工廠、餐飲、...
   ● react-native-nfc-manager
   ○ NFCOpenReWriter
   → 得益於 Tech Stack 的收斂，多了點時間可以觀察技術及
   產業
   ● React / React Native
   ● Flask / Django / AWS / MongoDB
   Mobile：無限可能性，以場域為中心變成以用
   戶為中心
   

   View Slide

10. Mobile：兩個案例
    

    View Slide

11. IoT：藍牙鎖
    和業內老牌廠商的合作方案
    ● 作為一個數位轉型的起點
    ● 含括 APP / Cloud / Firmware / (Hardware) 開發及產線生產的協助
    ● 協助顧問整體功能及相關 UX
    功能
    ● 支援 Dongle 及 APP
    ● 靠近自動解鎖
    ● 記憶使用紀錄
    

    View Slide

12. 心得：避免見樹不見林
    IoT 的挑戰不僅是軟體等眼前工程問題
    ● 功能應該要相容於硬體設計
    ● 別忘了產線有既有生產流程
    注意思維差異：軟/硬的思考切換
    ● 軟體測試的思維及思路能是很好的後援
    其實導入 Web3 和導入 IoT 很像
    

    View Slide

13. Web1/2：美股看盤軟體
    和 FinTech 團隊合作
    ● 提供一個美股投資的 APP
    ● 亦作為某些行銷活動的渠道
    功能
    ● 股票、加密貨幣看盤
    ● 各式線圖
    ● 自選組合及追蹤
    

    View Slide

14. 心得：思考如何共存可能比尋找差異來得重要
    你認為 Web 和 APP 的差異在哪？
    ● 推播？本地端硬體？
    ● 文件 / 以資訊為核心 vs. 工具 / 以功能為核心
    ○ 很多金融 APP 不好上架
    ● 是否受平台限制
    → 進入到 APP 後某些戰略配置應該有所改變
    線圖很難做！WebView 等技術是很好的中介緩衝
    Web3 和 Web1/2 的關係是共融而非取代
    

    View Slide

15. Web3
    

    View Slide

16. 冷錢包開發：結合 NFC 及區塊鏈的一個嘗試
    react-native-nfc-manager
    ● 2019 年底 iOS 允許 APP 使用 NFC 的寫入功能
    ● 內部想要找個好的契機試著接觸 Web3
    ○ APP + IoT + Web3 ≅ 冷錢包
    ○ Hardware / Firmware / APP
    功能
    ● Bare metal programing
    ● Better power comsuption / performance
    ● Wallet APP
    

    View Slide

17. 現在 Web3 討論的技術問題是複合的
    好像資訊蠻亂的 → 目前 Web3 很多技術及架構都還在快速變化中
    ● 公鏈、智能合約、L2、DAO、零知識證明、跨鏈橋、預言機、 ...
    現代開發總是站在巨人的肩膀上：但本來面貌是什麼？
    找解法 ⇆ 問題釐清
    ● 一個 IoT const 值會變動的開發經驗
    技術爆炸的今天：不要 MDD (Medium-Driven Development)
    → 試著找整體的侷限邊界
    

    View Slide

18. 試著多理解技術的內涵
    電燈泡 vs. 洗衣機 vs. 避孕藥：有何異同？
    悲劇：我們對於未來的想像總是貧乏！
    ● 電梯效應
    不要只把區塊鏈當成一種新的資料庫及後端技術
    ● 工程 / 文化 / 金融
    ● 類比一下 mobile 及 app
    ○ 以用戶為核心的互動及場景
    

    View Slide

19. Web3 落地應用情境非常複雜
    落地本就複雜：歷史總是類似
    ● 「以前做分析還要說用怎樣統計模型，現在只要說 AI 跟 Big Data 就好」
    ● 「以前講技術革新還要有規劃圖，現在只要套上 Web3 就好」
    → 新技術總是遠看很近，但近看很遠
    落地也引入干擾：理想很豐滿但現實很骨感
    ● 資安：如八月多 Curve 的 Domain name hijacking
    ● 不只技術還包含法規
    

    View Slide

20. Web3 落地應用情境非常複雜
    一些有趣的現況
    ● NFT 版稅：到底希望用戶持有還是轉移？
    ● GameFi：你 own 我 own 大家 own？
    ● Gas fee：電商？
    論述總是可以很深，但要體會還是得從身邊入手
    這是一個反過來再次觀看習慣世界的機會
    

    View Slide

21. 總結
    

    View Slide

22. 新東西只會一直來，不要讓自己定格了
    ● 避免見樹不見林
    ● 思考共存可能比尋找差異來得重要
    ● 試著思考技術背後的內涵
    ● 落地整合要考慮現實的侷限及慣性
    追尋體系而不是技術
    問題解法 = f ( 過往經驗, 資源整合, 技術能力, … )
    → 重要的能力是在 f 而非參數
    

    View Slide

23. Q&A
    明天 15:35 ~ 16:45 Panel：談區塊鏈的意義、現況及未來
    

    View Slide