TinyGoでWasmを生成する / Compile Wasm by TinyGo

TinyGoでWebAssemblyをコンパイルした話

Transcript

1. ©2019 Wantedly, Inc. TinyGoͰWasmΛੜ੒͢Δ golang.tokyo #24 May 21, 2019 - Hayao Kimura
2. ©2019 Wantedly, Inc. "CPVU
   NF • ໦ଜ ॣੜ @hachiblogʢ͸ͪ΅ʔʣ • Wantedly Inc. ͷ৽ଔʁ ̍೥໨ • goྺ൒೥ఔ౓ • ΧϝϥɺμΠϏϯά • ΩʔϘʔυࣗ࡞͍ͨ͠ͻͱ
3. ©2019 Wantedly, Inc. 1. TinyGoͱ͸ • TinyGoͷಛ௃ • TinyGoͰͰ͖Δ͜ͱ 2. TinyGoͰWasmΛ࡞Δ • ͳͥTinyGoͳͷ͔ • WasmΛ࡞ͬͯΈΔ Agenda
4. ©2019 Wantedly, Inc. TinyGoͱ͸
5. ©2019 Wantedly, Inc. 5JOZ(Pͱ͸ • GoͷܰྔίϯύΠϥ • LLVMΛ࢖ͬͯίϯύΠϧ͍ͯ͠Δ • γϯάϧίΞΛ૝ఆ TinyGoͷಛ௃ https://github.com/tinygo-org/tinygo
6. ©2019 Wantedly, Inc. 5JOZ(Pͱ͸ • ༷ʑͳϚΠίϯ্Ͱಈ࡞͢Δ • ֦ுϞδϡʔϧͳͲͷύοέʔδ΋ॱ࣍௥Ճத • WebAssembly͕ίϯύΠϧͰ͖Δ • ৄ͘͠͸ˠ TinyGoͰͰ͖Δ͜ͱ
7. ©2019 Wantedly, Inc. TinyGoͰWasmΛ࡞Δ
8. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ • WebAssembly • ϒϥ΢β্ʹ͓͍ͯόΠφϦܗࣜͰ࣮ߦՄೳ • Wasm 1.0͸ओཁͳϒϥ΢βͰಈ࡞Մೳ Wasmͱ͸ Wikipedia ΑΓҾ༻
9. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ • ຊՈGoίϯύΠϥͰ΋1.11ͰWasmʹରԠ͍ͯ͠Δ • αΠζ͕ͱͯ΋େ͖͘ͳΔ • TinyGoͰ͋Ε͹খ͘͞཈͑ΒΕΔ ͳͥTinyGoͳͷ͔
10. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ • htmlʹ͋ΔjpegΛWasmͰಡΈࠐΜͰhogehoge͍ͨ͠ • ຊՈGoίϯύΠϥͱͷWasmͷϑΝΠϧαΠζͷࠩΛ஌Γ͍ͨ • jpegͷྔ͕૿͑ͨ࣌ɺͲΕ͘Β͍଎͞ʹҧ͍͕ग़Δͷ͔஌Γ͍ͨ ΍Γ͍ͨ͜ͱ
11. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ ΍ͬͨ͜ͱ 1. jsͰbase64Τϯίʔυ 2. wasmʹ౉ͯ͠σίʔυ • ͜͜Ͱॏ͍ॲཧΛhogehoge͢Δ 3. base64ʹ࠶Τϯίʔυͯ͠jsʹฦ͢
12. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ ΍ͬͨ͜ͱ 1. jsͰbase64Τϯίʔυ 2. wasmʹ౉ͯ͠σίʔυ • ͜͜Ͱॏ͍ॲཧΛhogehoge͢Δ 3. base64ʹ࠶Τϯίʔυͯ͠jsʹฦ͢
13. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ ΍ͬͨ͜ͱ 1. jsͰbase64Τϯίʔυ 2. wasmʹ౉ͯ͠σίʔυ • ͜͜Ͱॏ͍ॲཧΛhogehoge͢Δ 3. base64ʹ࠶Τϯίʔυͯ͠jsʹฦ͢ function includeFile() { var obj = document.getElementById('getImage') var cvs = document.createElement('canvas'); cvs.width = obj.width; cvs.height = obj.height; var ctx = cvs.getContext('2d'); ctx.drawImage(obj, 0, 0); var data = cvs.toDataURL('image/jpeg'); document.getElementById('hidden').textContent = data.replace(/^data.*base64,/, '');; wasm.exports.convertFile(); }
14. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ ΍ͬͨ͜ͱ 1. jsͰbase64Τϯίʔυ 2. wasmʹ౉ͯ͠σίʔυ • ͜͜Ͱॏ͍ॲཧΛhogehoge͢Δ 3. base64ʹ࠶Τϯίʔυͯ͠jsʹฦ͢
15. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ wasmʹ౉ͨ͠ͱ͖ͷॲཧ import ( "syscall/js" "encoding/base64" "image/jpeg" "bytes" ) func convertFile() { global := js.Global() document := global.Get("document") image_string := document.Call("getElementById", "hidden").Get("textContent").String() data, _ := base64.StdEncoding.DecodeString(image_string) jpgI, _ := jpeg.Decode(bytes.NewReader(data)) //ॏ͍ॲཧ var buffer bytes.Buffer jpeg.Encode(&buffer,jpgI,nil) encode_string := base64.StdEncoding.EncodeToString(buffer.Bytes()) image_viewer := document.Call("getElementById", "hidden-reader") global.Call("eval","console.log('test')") image_viewer.Set("textContent",encode_string) }
16. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ wasmʹ౉ͨ͠ͱ͖ͷॲཧ import ( "syscall/js" "encoding/base64" "image/jpeg" "bytes" ) func convertFile() { global := js.Global() document := global.Get("document") image_string := document.Call("getElementById", "hidden").Get("textContent").String() data, _ := base64.StdEncoding.DecodeString(image_string) jpgI, _ := jpeg.Decode(bytes.NewReader(data)) //ॏ͍ॲཧ var buffer bytes.Buffer jpeg.Encode(&buffer,jpgI,nil) encode_string := base64.StdEncoding.EncodeToString(buffer.Bytes()) image_viewer := document.Call("getElementById", "hidden-reader") global.Call("eval","console.log('test')") image_viewer.Set("textContent",encode_string) }
17. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Δ wasmʹ౉ͨ͠ͱ͖ͷॲཧ import ( "syscall/js" "encoding/base64" "image/jpeg" "bytes" ) func convertFile() { global := js.Global() document := global.Get("document") image_string := document.Call("getElementById", "hidden").Get("textContent").String() data, _ := base64.StdEncoding.DecodeString(image_string) jpgI, _ := jpeg.Decode(bytes.NewReader(data)) //ॏ͍ॲཧ var buffer bytes.Buffer jpeg.Encode(&buffer,jpgI,nil) encode_string := base64.StdEncoding.EncodeToString(buffer.Bytes()) image_viewer := document.Call("getElementById", "hidden-reader") global.Call("eval","console.log('test')") image_viewer.Set("textContent",encode_string) }
18. ©2019 Wantedly, Inc. ίϯύΠϧΤϥʔ 5JOZ(PͰ8BTNΛ࡞Δ ΍ͬͨ͜ͱ > tinygo build -o src/wasm.wasm -target=wasm src/export/wasm.go usr/local/go/src/image/ycbcr.go:176:20: todo: full slice expressions (with max): []byte
19. ©2019 Wantedly, Inc. Θ͔ΒΜ Page Title Page Subtitle
20. ©2019 Wantedly, Inc. ࠔͬͨ ࠔͬͨͱ͖͸ઌഐʹ૬ஊ Page Title Page Subtitle
21. ©2019 Wantedly, Inc. TinyGoͰWasmΛ࡞Εͳ͔ͬͨ
22. ©2019 Wantedly, Inc. TinyGoͰWasmΛ࡞Εͳ͔ͬͨ
23. ©2019 Wantedly, Inc. TinyGoͰWasmΛ࡞Εͳ͔ͬͨ
24. ©2019 Wantedly, Inc. TinyGoͰWasmΛ࡞Εͳ͔ͬͨ
25. ©2019 Wantedly, Inc. ऴྃ Page Title Page Subtitle
26. ©2019 Wantedly, Inc. 5JOZ(PͰ8BTNΛ࡞Εͳ͔ͬͨ • ରԠ͍ͯ͠ͳ͍ඪ४ύοέʔδ͕݁ߏ͋ͬͨ • ·ͩ·ͩTinyGoͰͰ͖ͳ͍͜ͱ͸ଟ͍ • ͱ͸͍͑ເͷ͋Δ࿩ʢcontributeͰ͖Ε͹͍ͨ͠ • ίϯύΠϥͷษڧʹͳΔ͔΋ʁ
27. ©2019 Wantedly, Inc. ·ͱΊ • TinyGoΛ࢖͑͹WasmΛίϯύΠϧͰ͖Δ • ͨͩ͠·࣮ͩ༻తͰ͸ͳͦ͞͏ • ϚΠίϯͷίʔυ͸ͱͯ΋ॻ͖΍͍͢ͷͰTinyGoΛҭ͍͖͍ͯͯͨ
28. ©2019 Wantedly, Inc. TinyGoͰWasmΛੜ੒͢ΔͰ͖ͳ͔ͬͨ golang.tokyo #24 May 21, 2019 - Hayao Kimura