萬眾矚目的《任天堂明星大亂鬥 特別版》新鬥士揭曉！來自《我的世界 Minecraft》的「史提夫 / 愛莉克斯 / 殭屍 / 終界使者」宣告參戰！

https://gnn.gamer.com.tw/detail.php?sn=204229

📜 [專欄新文章] 0xDonate — An Ethereum donate service for streamers
✍️ Alvin Hou
📥 歡迎投稿： https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium

給實況主的區塊鏈斗內服務

透過 Ethereum Smart Contract，讓觀眾可以一鍵斗內給實況主，並讓斗內訊息在實況中即時推播出來的小服務

0x Donate

前言

現在的實況主大多是透過PayPal、歐付寶等第三方支付來接受觀眾斗內。但如果實況主不想被抽手續費，或想讓觀眾直接斗內加密貨幣給他呢？直接留下錢包地址是一個方法，但誰斗了多少很難即時查看也缺乏跟觀眾的互動。

因為最近剛好有點閒時間，所以就寫了個網站，透過智能合約讓實況主也能跟斗內的乾爹們互動。

How it works

網站的架構相當簡單，只要有一個錢包地址就可以開始使用了。實況主輸入錢包地址就產生對應的3個連結

1. Donate Page

就如同傳統的第三方支付，實況主將斗內連結放在個人的介紹頁面中，觀眾直接透過那個連結捐款。填完想說的話和金額，按下按鈕使用 Metamask 送出交易就完成了。
以Twitch為範例
2. Notification Page

這個頁面會監聽合約上的event，當有人斗內時就會跳出斗內訊息、斗內人名稱和金額。實況主只須於OBS Browser source把這個連結設定好即可。

3. History Page

誰是最大乾爹? link
不免俗的每個實況主都有他的Top donation list，這個頁面會把鏈上的斗內紀錄抓下來彙整成一個排行榜，讓實況主輕鬆看出誰是最大乾爹，乾爹們也不用擔心自己的心意不會被看到，都已經寫在鏈上了。

Features

0 fee, 0 setup, only a 0x address required

0 fee

對比現在第三方支付，本服務不抽手續費。以歐付寶為例，如果有人信用卡斗內十元，就有高達五元會被抽走。而0xDonate只需送出交易的人負擔交易本身gas費用，實況主可以獲得全額捐款。

0 setup

不需要註冊，不需要綁定任何API Key。不論是Twitch、Youtube Gaming 或是其他平台都能夠使用。

0x address

有一個錢包地址就可以開始使用了！

The Contract

其實合約本身也蠻簡單的（？），目前是部屬在Ropsten Testnet上。

donate 負責將ETH轉到實況主的地址，並觸發NewDonation ，讓斗內資訊可以在實況中顯示出來。而為了省gas，合約並沒有將斗內訊息的內容寫到鏈上。

getDonation 查看鏈上的紀錄，以用來產生乾爹排行榜。

一些開發上的雜談

在半年前於Reddit上看到類似的服務 NanoTwit.ch，就有想說來玩玩看一個ETH版本的。最早的prototype是之前寫的 SimpleEth，一個一鍵打交易的jQuery插件。雖然拖了很久我猜市面上已經有類似的服務了，不過秉持著『頂著幹，做中學』的精神，還是把這個專案寫完了。

都2018年了寫網頁怎麼能不用框架呢？

平常寫前端沒什麼在用框架，這次嘗試看看用快過氣的React 把半成品 ETH-Stream-Donations 包得更現代化些。過程中要特別感謝 @wingemerald 提供技術上的支援。但不得不說React跟一些雜七雜八的dependency真是肥大，有時候webpack跑一跑小筆電的風扇就轉起來了。

開發上有遇到一些小阻礙，一個是web3的雷，為了要支援火狐所以就換了版本。另一個是新版本web3為了要監聽合約的Event必須要使用 Websocket Provider，就改成使用infura的ws節點。

其他都還算順利，畢竟合約部屬好前端包一包就差不多完工了，資料都在鏈上不用處理後台也是挺方便的。

結語

很多人說區塊鏈是不是過譽了，但我相信Ethereum健康的開發者社群，總是會有些新的點子生出一些有趣的DApp或應用出來。

雖然是個寫好玩的 side project，但歡迎不論是有在實況或是有興趣的朋友都去玩玩看，在測試鏈上人人都可以當乾爹！

網址： 0xdonate.io

CryoliteZ/0xDonate

0xDonate — An Ethereum donate service for streamers was originally published in Taipei Ethereum Meetup on Medium, where people are continuing the conversation by highlighting and responding to this story.

👏 歡迎轉載分享鼓掌

--課程已於 2018 年 1 月更新--

HTML5/CSS3 也可以建構互動性高的網站，也有開發者用來建構 Mobile Web 的前端，這個課程可以說是 Udmey 上最受歡迎的 HTML5/CSS3 課程，參加人數達 66000以上，評價也達 4.7 顆星，，講師還會送你一本他寫的電子書，想要進入 HTML5/CSS3 領域可以參考看看

從這 11.5 小時的課程，你會學到

1. 真實世界的技能，建立真實的網站：專業，漂亮，真正反應的網站

2. 一個巨大的專案，將教你一切你需要知道開始使用 HTML5 和 CSS3

3. 經過驗證的 7 個真實世界的步驟，從無到完整功能和優化的網站

4. 簡單易用的網頁設計指南和提示，使你的網站脫穎而出
學習超酷的 jQuery 效果，如動畫，滾動效果和 “sticky” 導覽

5. 可下載的講座，整個專案的程式碼和設計資產

6. 可進入一個非常活躍的社群，我將親自回答你所有問題

7. 免費獲取講師寫的電子書“用 HTML5 和 CSS3 的網頁設計和開發的最佳資源”

>英文字幕：有

https://softnshare.wordpress.com/…/buildresponsiverealworl…/

跨平台APP開發使用Visual Studio2015與PhoneGap(第17次Web_SQL資料庫重點回顧與AJAX說明&jQuery的Ajax技術與開放資料下載&Ajax方法下載JSON資料與顯示&將下載資料顯示為項目&修改為結合到Jquery_Mobile_ListView清單元件&補充埔里美食範例)

上課內容：
01_Web_SQL資料庫重點回顧與AJAX說明
02_jQuery的Ajax技術與開放資料下載
03_Ajax方法下載JSON資料與顯示
04_將下載資料顯示為項目
05_修改為結合到Jquery_Mobile_ListView清單元件
06_補充埔里美食範例

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYP2Ht2VJxZ8izfKOE7Fyk3S

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap

跨平台APP開發使用Visual Studio2015與PhoneGap(第17次Web_SQL資料庫重點回顧與AJAX說明&jQuery的Ajax技術與開放資料下載&Ajax方法下載JSON資料與顯示&將下載資料顯示為項目&修改為結合到Jquery_Mobile_ListView清單元件&補充埔里美食範例)

上課內容：
01_Web_SQL資料庫重點回顧與AJAX說明
02_jQuery的Ajax技術與開放資料下載
03_Ajax方法下載JSON資料與顯示
04_將下載資料顯示為項目
05_修改為結合到Jquery_Mobile_ListView清單元件
06_補充埔里美食範例

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYP2Ht2VJxZ8izfKOE7Fyk3S

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap

跨平台APP開發使用Visual Studio2015與PhoneGap(第17次Web_SQL資料庫重點回顧與AJAX說明&jQuery的Ajax技術與開放資料下載&Ajax方法下載JSON資料與顯示&將下載資料顯示為項目&修改為結合到Jquery_Mobile_ListView清單元件&補充埔里美食範例)

上課內容：
01_Web_SQL資料庫重點回顧與AJAX說明
02_jQuery的Ajax技術與開放資料下載
03_Ajax方法下載JSON資料與顯示
04_將下載資料顯示為項目
05_修改為結合到Jquery_Mobile_ListView清單元件
06_補充埔里美食範例

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYP2Ht2VJxZ8izfKOE7Fyk3S

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap