Tweet
Tweet

Slide 1

Slide 1 text

ϑϩϯτΤϯυͰ΋ Go͍ͨ͠!! Goಓ৔ #3 LTେձ Go Takagi @shimastripe

Slide 2

Slide 2 text

✦ ໊લ • ߴ໦ ߽ ✦ େֶ • ౦ژ޻ۀେֶ M2 ✴ ϦόʔεΤϯδχΞϦϯά΍ϓϩάϥϜཧղʹؔ͢ΔݚڀγςϚε ✦ ීஈ • iOS / ϑϩϯτΤϯυपΓ͕جຊ޷͖Ͱ͢ ✦ SNS • GitHub : @shimastripe • Twitter : @shimastriper • Blog : https://shimastripe.goat.me • KyashID: root ࣗݾ঺հ

Slide 3

Slide 3 text

Goಓ৔ɺ໘ന͔ͬͨ!! ͔ͤͬͩ͘͠࠷৽ͷGoࣄ৘΋ ৮ͬͯΈ͍ͨ

Slide 4

Slide 4 text

WebAssembly Go 1.11 adds an experimental port to WebAssembly.

Slide 5

Slide 5 text

✦ ϑϩϯτ(ϒϥ΢β)Ͱಈ͘όΠφϦ • ϝΠϯ͸jsͰਏ͔ͬͨύϑΥʔϚϯεΛͳΜͱ͔͢Δ • αΠζ΋খ͍͞ɺಡΈࠐΈ΋վળ ✦ ଟ࠼ͳݴޠ͔Βੜ੒Ͱ͖Δ • C/C++/Rust/Go/etc. ✴ WebΛλʔήοτʹίϯύΠϧ͢ΔΠϝʔδ ✴ ࠓ·Ͱ͸JavaScriptʹม׵͢ΔࢼΈ͕ଟ਺ ✤ Scala.jsͱ͔GopherJSͱ͔ Web Assembly

Slide 6

Slide 6 text

✦ ͋͘·ͰϝΠϯ͸ܭࢉߴ଎Խ (ܭࢉ଎౓ + file size) • ήʔϜͱ͔WebGL ͕͠͹Β͘͸ओ ✦ DOMૢ࡞Ͱ͖ͳ͍ (ࠓͷॴ?) • GoͰ͸WebAssembly͔ΒJSͷؔ਺Λίʔϧ (import "syscall/js") • DOM, EventListenerΛҰԠर͑Δ ✦ طଘͷϥΠϒϥϦͱͷ݉Ͷ߹͍ • JSϑϨʔϜϫʔΫ͕ੵΈ্͛ͨࢿ࢈͸؆୯ʹ͸ख์ͤͳ͍ ✦ όΠτίʔυ • ؆қ೉ಡԽʹ͸ͳΔ͔΋!! ۜͷ஄ؙ͔? (JSΛશͯஔ͖׵͑Δ???)

Slide 7

Slide 7 text

✦ Document • Β͍͠doc͸·ͩͳ͍ • https://github.com/golang/go/wiki/WebAssembly • αϯϓϧίʔυ͕഑෍͞ΕͯΔ ✦ ͱΓ͋͑ͣ $ curl -sO https://raw.githubusercontent.com/golang/go/ master/misc/wasm/wasm_exec.html $ curl -sO https://raw.githubusercontent.com/golang/go/ master/misc/wasm/wasm_exec.js ```main.go func main() { fmt.Println(“Hello WASM!!”) } ```

Slide 8

Slide 8 text

Hello WASM !! $ GOOS=js GOARCH=wasm go build -o test.wasm main.go $ open wasm_exec.html Goͷඪ४ग़ྗ͕console.log͞ΕΔ

Slide 9

Slide 9 text

✦ JS→Go͸main͔͠·ͩݺ΂ͳ͍? • wasm_exec.js ্Ͱrun(main)͔͠ఆٛ͞Ε͍ͯͳ͍ ✴ JSଆͷ໰୊͔΋͠Εͳ͍ ✦ JS→Goଆʹ஋౉ͤΔ? • jsͷGo Instanceͷargvʹ஋ΛೖΕΔ ✴ os.Args() ͔Βर͑Δ ✴ ؀ڥม਺΋͍͚Δ ✦ Go→JSʹ஋౉ͤΔ? • os.Stdoutʹग़ͨ͠Βconsole.log͞ΕΔ͜ͱ͔͠ݟ౰ͨΒͳ͍… • Go͔ΒJSΛcallͯ͠eventListenerʹؔ਺Ληοτ͸Ͱ͖Δ Experimental: ͨͿΜ࠷ॳʹͿͪ͋ͨΔ(ͬͨ)͜ͱ

Slide 10

Slide 10 text

✦ wasm_exec.js Λ֦ு • console.log ͍ͯͨ͠ՕॴΛDOMʹॻ͖ࠐ·ͤΔ ✦ Goଆ (shimabot.NotifyTrainInformation()) • ࣗ෼ͷChatBotͷ౦ٸઢӡߦεΫϦϓτΛbuild ✴ ఆظతʹݟʹߦͬͯిं͕ࢭ·ͬͯͳ͍͔֬ೝ • JSଆͷnotify()ؔ਺ʹొ࿥͢Δ ΋͏গ͠… writeSync(fd, buf) { outputBuf += decoder.decode(buf); const nl = outputBuf.lastIndexOf("\n"); if (nl != -1) { const elm = document.querySelector("#wrapper"); let div = document.createElement('div'); div.textContent = outputBuf.substr(0, nl); elm.appendChild(div); }

Slide 11

Slide 11 text

✦ ࣮ߦͰ͖ͨ!! • CORS͸֎͞ͳ͍ͱ
 ͍͚ͳ͔ͬͨ • ґଘϥΠϒϥϦͰ
 Ϗϧυࣦഊ͕݁ߏ͋Γ… ✦ ࢖ͬͯΈͯ • APIϦΫΤετ͘Β͍ͳΒׂͱ ͦͷ··ಈ͔ͤΔ • JSଆ͔ΒGoͷؔ਺Λࢦఆͯ͠ ݺ΂ΔΑ͏ʹͳΕ͹ศར ϒϥ΢β্ͰࣗલGoίʔυͷ࣮ߦ

Slide 12

Slide 12 text

✦ Web Assembly • ϋΠύϑΥʔϚϯε͕ٻΊΒΕΔΑ͏ʹͳͬͨ
 WebΛࢧ͑ΔͨΊͷόΠφϦΛ༻͍ͨߴ଎Խ ✦ Go Web Assembly • ·ͩࢼݧ of ࢼݧஈ֊ɻ • Goଆͷؔ਺Λׂͱ؆୯ʹϒϥ΢βͰ࣮ߦͰ͖ͨ • CLIͰ࡞͖ͬͯͨػೳΛ্ख͘׆༻Ͱ͖ͨΓ͠ͳ͍͔? ·ͱΊ ͜Ε͔ΒͷAPI࣍ୈ͚ͩͲɺ͍ΖΜͳ࢖͍ํͰ͖ͦ͏!!

Slide 13

Slide 13 text

✦ Wiki • https://github.com/golang/go/wiki/WebAssembly ✦ Tutorial • https://www.youtube.com/watch?v=4kBvvk2Bzis • https://www.youtube.com/watch?v=iTrx0BbUXI4 ✦ Blog • https://blog.gopheracademy.com/advent-2017/go-wasm/ • https://www.kabuku.co.jp/developers/go-to-webassembly • http://iqeiq.hatenablog.com/entry/2017/12/02/033238 • https://yhara.jp/2017/12/01/webassembly ࢀߟࢿྉ (Ҿ༻)