Try   HackMD

#Session 3 前端工程師也能搞得懂的區塊鏈

歡迎來到 JSDC 2021 共筆

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

共筆入口：https://hackmd.io/@JSDC-tw/2021conference
手機版請點選上方 按鈕展開議程列表。

共筆協作，共享知識，打造開放社群。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Welcome to JSDC 2021 Collaborative Writing

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Collaborative Writing Workplace：https://hackmd.io/@JSDC-tw/2021conference
Using mobile please tap to unfold the agenda.

Build a community with open collaboration.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

從這開始
可以直接打字做共筆囉

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

演講連結：https://vimeo.com/641650302

Lucien Lee

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Agenda

  1. 什麼是區塊鏈
  2. 可做什麼
  3. 在 JS 上的使用

What is Blockchain

a semantic overloaded word

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

  • 辨別不同的帳本
  • 多本或一本帳本？
  • 帳本公開？
  • 誰可以驗證？

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Ledger

Unforgeable(不可偽造性) - Use Asynmetic Key，只有本人可修改

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Immutable(固定不可變)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Block 用 Hash fingerprint 串接，fingerprint 含前一個 Block 的資訊

講者範例網站

Block id + Nonce + Data + Prev = Hash

  • 挖礦就是將 Chain 上的 Hash 不斷重算的過程
  • 可以從Hash的變化看出

Decentralized(去中心化)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Example of ETH

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Smart Contract

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

  • Code is Rule
  • Verifiable Behavior
  • Resistance to Cencorship

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Like Serverless -> Function as Service

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

寫好你要做的事即可

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

根據用量計費

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

區塊鏈根據交易的動作收錢

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

  • Dapps
  • RPC 溝通

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

How Does JavaScript

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

包裝介面，讓使用者方便使用

Script / Arbitrage

寫 Script

What's good scenario of blockchain

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Test

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

test: 即時字幕:
不分區第二快來說這個話是什麼產生的熱愛的第四個東西丟記得到自己的一個這個東西我說我每一個都會環環相扣上一個草一個裡面的資料的部分所以只要你面只要一遍那個會連鎖反應變比如說我現在的4塊我想要改我應該是改了以後這個這邊的話也變了所以後面的時候也會受影響都變得不一樣才會去會被改過因為我剛剛講說去快點要去買你自己但感過以後他前面就不是領了他就算這個便當時多少去抽到的部分他抽到了以後呢就變了就算這邊

保濕後面的區塊都是小哪吒交易重算這個mining挖礦的過程就差速器具材料對的還是透過這種方法我就可以很快找到哪一塊去會被人家串改那個就是不可靠的是有問題的那個簡化

去了解去相信只要了解更多我們這種欲達成區塊鏈網路最後的特性去中心化的部分呢去中心化不是這麼簡單說我把一群電腦連在一起放在網路上就搞定了他其實裡面還是很多技術考量的因說這些電腦以在網路上要付什麼要互相找到鼻子怎麼樣去互相溝通去傳輸資料這邊就用到以前ptt傳需要的技術很知名的演算法用卡必那麼這樣的網路的演算法方便他們找到彼此只要怎麼去同步資料另外一個問題是這個姊姊姊沒有限可能惡意的想要散播一些壞人資料去工

網路的狀況會調整難度男都會做到同一個電腦王昱潔墊很難連續劇初會很難去操控網路就可以達到這個網路的公正性然後不會被二一公斤這邊我們帶他了解一下以太坊上交易他到底是什麼樣發生的喔那你比我大哥版本為例來講這個東西那首先得如果他想要叫他回去他的錢包有存到是要地方去處理他交易的一些詳細資料要傳給誰啊要轉多少啊在裡面然後呢用他希望去做的簽章法簽完妝的這個交易呢也散播到附近的乙太坊幾點上那附近景點收到禮後呢還是先檢查他的餘額夠不夠啊夠的話才繼續把這個交易的資料仙台到一個Q裡面有時候一個體差破裡面還沒打這個破綻存在那邊那這個過程中的幾點的會不斷收新的這些教也會廣播交易出去當鋪借幾點去知道這個叫也存在啊在這過程中他就選你現在給小費最多的交易然後計算他裡面的值的變化然後準備把這些交易打包在一起產生新的BLOCK就像我一樣交易動到那個給他部分然後你去猜數字不出頭出那個那是合法的一個結果抽到以後呢他就會把那個交易跌打包進去然後打*完他就說我這邊有一個打包好了一個新的那個附近網路接收納附近網路了他會去SIM這個新的BLOCK然後還要改動的一些狀態啊他這個資料已經超過離開了那這樣就可以產生一個因為我公證行的一種資料庫的一個結果剛剛講的部分啊我現在來講什麼COUNTRY部分數計算的部分啊我們現在呢除了再去外面上可以存資料以外什麼可以像是跑些小拳石小程式在上面好我的程式碼的好處是什麼呢是我在上面跑程式不是公開他非檢驗的上面跑東西呢不會被人家任意竄改預算的結果同時呢他也是不會被人家長在外面說你不能用每一個人都公開有權利也被使用於是他是抗生茶地獄傳統世界的工程師來說我覺得最接近的架構就是SERVER架構了那是什麼呢應用最早最早古老年要其他真的機器然後你要裝OS然後然後把裡面狀態的環境都不好然後再把你開發的丟進去然後跑起來然後會有怕死不分的他可以讓以後可能是虛擬環境知道把你寫好的一個ACTION丟進去就好了這地方更誇張一點都不用做你不用管這些你都不用管那個網路傳輸連接的過程你知道我管你的BB霜犬長什麼樣就好你不楚的是一塊塊地方權而不是一個完整完整個然後呢再呼叫時候呢直接去吃一個那個方式讓他從一個虛擬的環境發覺起來然後的計算所以已讀都歷史為例我可以看到月底都歷史呢他會把裡面的每一個幫選都變成一個ROUTE DE CAMPAGNE那我可以針對不同意後要去呼叫一個方選就好了廁所的時候不是會去拿那其他就只是一個方選取去讀取這個資料就好了我不需要把整個方選它SEVEN'S CODE寫起來我要寫這個藥局可以寄不出去啊然後在運行的時候呢我這個特別的地方在於它計價單願像以前是我叫多少的PM起來比較多少起來還記得是我是看我算了多久我算了多少的錢還計價的所以以上以前的過濾網他可能是一個

每一個計算他就一定要花多少錢沒有V KOOL每個STORAGE FEE個變數存下去你到底要花多少的DEX使用者在運行區塊鏈程式碼所需要付的錢區塊鏈的應用可能跟其他傳統應用感覺不一樣的方式他像是CC小段小段片段程式碼都公開在一個公開網路上大可以去呼叫石虎叫過程中需要付錢的省是要為自己的運算就付費的而不是開發者來付費退一步來說到底的區塊鏈應用的架構桿一樣子呢那我們就來談談的APP STORE APP從使用者的角度來說他要使用區塊鏈的計算應用感覺是什麼樣子他會先

那用裡面的沒有三街跟他在本地的月錢包存有事要的錢包去溝通法要做交易送進乾泡麵作簽章以後他再把這個千萬的名流道具還願的節點上內溝通的方法呢跟區塊鏈共同方法能不是他所熟悉的RAV4和送的溝通方法而是透過一個rtc的溝通方法來取代言溝通說我要執行什麼合約的什麼方選了什麼是rbc呢rpc remote Code縮寫是在古早年代面為台積電腦想要去操控筆電腦請他呼叫請他當地的一個程式運行的方法那就通過這個啊bccode一種傳輸格式跟他說請你幫我找你身上的某個程式起來在區塊鏈的也是用還沒說概念喔那實際操作方法是這樣子我想要呼叫地方宣name and operator把它用下參加密然後呢我娶他前面跳出來的吧為結果丟進到rpc呼叫的一個朋友裡面所以沒有那個是大概這樣子就說我要跟哪一個合約溝通然後呢飛彈面的前面就會先把這個方選的下巴馬丟進去之後呢再丟他這個方選的啊他不是跟在後面那就把這樣這個這一生的格式http post地方法院的RPG Games跟他說這一個這邊有個交易想要做這樣子的一個方軒叩拜託你幫我處理那如果你收到以後他就跑進剛剛提查過之前剛剛講的那個打包執行流程那後面來講講

這樣也可信的運算是很有價值很重要的相信最近大陸頻道遊戲廠商報率可能是不誠實裝備的掉寶率是不誠實這樣故事物你在於跑在雖然後面程式使用者是沒辦法驗證他裡面好東西是什麼的他裡面有沒有作弊打都不知道這樣是遊戲廠商

這樣也可信的運算是很有價值很重要的相信最近大陸頻道遊戲廠商報率可能是不誠實裝備的掉寶率是不誠實這樣故事物你在於跑在雖然後面程式使用者是沒辦法驗證他裡面好東西是什麼的他裡面有沒有作弊打都不知道這樣是遊戲廠商外面說他有很高的他實際也得掉寶機率降低擬試驗證區塊鏈是你是天然就可以變正式公開的所以像這樣的可信的運算在這樣的金融資產屬性的東西啊特別背中藥

區塊鏈所帶來價值之後跟他討論一下教程工程師在區塊鏈免辦什麼樣重要的角色喔其實啊在區塊鏈面前端工程師是各種重要角色尤其是我在做自己生出來是區塊鏈應用的時候就要提供很多讓使用者可以去操作區塊鏈因為去看那個非常複雜的東西你需要一個介面具包裝讓手指可以藉幾塊鏈上的操作而且更重要的事情是區塊鏈上的應用因為我們剛講的家是比較貴所以我們不會把很複雜運算就在區塊鏈上所以我可以說區塊鏈應用的杯子是這樣來為的是什麼就很多不適合新聞是說驗算幫助使用者體驗更好的邏輯都放到前端上所以前到底要寫相端的多的先應用

後端的負擔降低有些像是一首無非是說如果前後段都這一直晃不可以共用部分扣嗎那現在也有一些東西在想說我如果前後端都有趣共用信箱驗算的扣可不可以透過一些選擇Razer去產生類似扣能有些工具廠拍倉住你把區塊鏈上應用的那些API的結構轉換成一個太平便你選檔可以在前端值影棚

有人可以直接從這個手機的給予是什麼產生變成史作者與區塊鏈上寫應用的介紹吧大象塞進冰箱裡面用很簡報的方法在令人很狹小的一個空間裡面所以前端交部則把一些複雜東西搬出來開始做起來所以前在最裡面非常非常的重要同時呢我可以用這一隻耳朵跟區塊鏈溝通的腳本身是套裂腳本那這個在區塊鏈面是個極大的一個需求我們相信很多奇怪的工程師呢都不是一台就學什麼contract而是從這些跟戀上溝通的機會來開始

gogoro討論一個問題我就是區塊鏈到底要哪一座什麼是區塊鏈大直覺得ok放一些不可竄改的履歷啊什麼但我們現在討論功練舞面到底什麼情境社區塊鏈的思考的脈絡意這樣子的因為區塊鏈他為了天生要吃的驗證者就幫忙打包資料的節點它天然就含有錢的系統

特別是做資產相關的應用是為什麼去中心化基隆總數位資產在區塊鏈上特別版容的原因好那最後的演講不到這邊感謝大大參與有興趣聯絡我可以叫我臉書那我們現在有在招募訊工程師可以在搜尋para找到你的職缺謝謝各位

Last changed by 
 
JSDC.tw
0
1123

Read more

#Session 1 窮途末路的 SPA，堅持 CSR 到放棄

從這開始 可以直接打字做共筆囉 :point_down: KK 徐凱 Web 實驗室 早期用 CSR 寫 SPA 名詞解釋

Jun 29, 2023
#Session 4 JS在生成式、演算藝術與NFT的應用

{%hackmd 2YoCBdBPTjmHXDr9lEpWuQ %} 從這開始 可以直接打字做共筆囉 :point_down: https://hackmd.io/V_HFtUJDQ8un2QVb5ti8jA# Processing - p5.js p5.js three.js pixi.js

Sep 15, 2022
#Session 2 為什麼許多公司都願意導入 Next.js

{%hackmd 2YoCBdBPTjmHXDr9lEpWuQ %} 從這開始 可以直接打字做共筆囉 :point_down: Leo 邱柏鈞 Hahow B2B 前端工程師 Medium | Airwaves StarBugs

Jul 17, 2022
#Session 2 JavaScript 模組進化論 - 模組化的演進與實戰

{%hackmd 2YoCBdBPTjmHXDr9lEpWuQ %} 從這開始 可以直接打字做共筆囉 :point_down: Mujing JavaScript 概念三明治 Outline

Mar 5, 2022
Read more from JSDC.tw
Published on HackMD