Wasm わからないけど Go で実装したいから入門する

Transcript

1. Wasm わからないけど Go で実装したいから入門する おーたかこーたろー / @otakakot 2024.12.10 GoConnect #4 The Go gopher was designed by Renée French. #goconnect
2. Wasm ( Web Assembly ) ってご存知ですか？ こういうアイコン #goconnect
3. 私はあんまりわかっていないです。 #goconnect
4. Wasm を知るといいことありそう！ たぶん・・・！ #goconnect #goconnect
5. INDEX 01 Wasm ( WebAssembly ) とは 02 Go × Wasm 03 なぜ Wasm に入門するのか 04 Go × WASI
6. 01 Wasm ( WebAssembly ) とは 02 Go × Wasm 03 なぜ Wasm に入門するのか 04 Go × WASI INDEX #goconnect
7. WASM ( WebAssembly ) WebAssembly は現代のウェブブラウザーで実行できる新しい種類の コードです。ネイティブに近いパフォーマンスで動作する、コンパクト なバイナリー形式の低レベルなアセンブリー風言語です。さらに、 C/ C++、C# や Rust などの言語のコンパイル先となり、それらの言語を ウェブ上で実行することができます。 https:/ /developer.mozilla.org/ja/docs/WebAssembly/Concepts より抜粋 #goconnect #goconnect
8. WASM ( WebAssembly ) JavaScript を補完、並行して動作するように設計されています。 WebAssembly JavaScript API を使用して、 WebAssembly モジュールを JavaScript アプリケーションに読み込み、2 つの間で機能を共有できま す。これにより、WebAssembly コードの記述方法を知らなくても、 WebAssembly のパフォーマンスとパワー、 JavaScript の表現力と柔軟 性を同じアプリケーションで活用できます。 https:/ /developer.mozilla.org/ja/docs/WebAssembly/Concepts より抜粋 #goconnect #goconnect
9. なるほど、わからん #goconnect #goconnect
10. JavaScript 以外で書いたコードを JavaScript から扱えるようにしようぜ！ #goconnect #goconnect
11. INDEX 01 Wasm ( WebAssembly ) とは 02 Go × Wasm 03 なぜ Wasm に入門するのか 04 Go × WASI #goconnect
12. JavaScript 以外で書いたコードを  JavaScript から扱えるようにしようぜ！ Go #goconnect #goconnect
13. Go Wiki: WebAssembly 5T Go を実装すQ CT Wasm としてビルドすQ "T JavaScript サポートファイルをコピーすQ T JavaScript を実装する https://go.dev/wiki/WebAssembly より #goconnect #goconnect ※ Go のバージョンは 1.23
14. 1. Go を実装する #goconnect #goconnect
15. 2. Wasm としてビルドする #goconnect #goconnect
16. 3. JavaScript サポートファイルをコピーする #goconnect #goconnect
17. 4. JavaScript を実装する #goconnect #goconnect
18. JavaScriptの実装は何をしている？ #goconnect #goconnect
19. JavaScript での実装 ← wasm_exec.js のクラスをインスタンス化 ← Wasm モジュールをコンパイル & インスタンス化 ← Wasm モジュールを取得 & 指定 ← Wasm モジュールと JavaScript の橋渡し ← Wasm を実行 #goconnect #goconnect
20. JavaScript と Go の実装 #goconnect #goconnect
21. Go JavaScript #goconnect #goconnect
22. #goconnect #goconnect
23. Go JavaScript #goconnect #goconnect
24. Go JavaScript #goconnect #goconnect
25. Go JavaScript #goconnect #goconnect
26. Go JavaScript #goconnect #goconnect
27. WIT ってものがあるらしい。 #goconnect #goconnect
28. INDEX 01 Wasm ( WebAssembly ) とは 02 Go × Wasm 03 なぜ Wasm に入門するのか 04 Go × WASI #goconnect
29. Wasm ランタイム Supabase Edge Functions Deno Deploy Cloudflare Workers https://supabase.com/docs/guides/functions https://deno.com/deploy https://developers.cloudflare.com/workers #goconnect #goconnect
30. Wasm ランタイム Supabase Edge Functions Deno Deploy Cloudflare Workers https://supabase.com/docs/guides/functions https://deno.com/deploy https://developers.cloudflare.com/workers #goconnect #goconnect 無料でデプロイできる(Edge)サーバー
31. Wasm ランタイム Supabase Edge Functions Deno Deploy Cloudflare Workers https://supabase.com/docs/guides/functions https://deno.com/deploy https://developers.cloudflare.com/workers #goconnect v v #goconnect 無料！
32. Wasm ランタイム Supabase Edge Functions Deno Deploy Cloudflare Workers https://supabase.com/docs/guides/functions https://deno.com/deploy https://developers.cloudflare.com/workers #goconnect #goconnect 最高！
33. Wasm を知れば無料で開発できる Go サーバーの選択肢が増える！ #goconnect #goconnect
34. ただしサーバーを実装するには JavaScript ↔︎ Go の変換が必要 #goconnect #goconnect
35. JavaScript ↔︎ Go Request: Response: #goconnect #goconnect JavaScript Go Go JavaScript → →
36. JavaScript ↔︎ Go Request: Response: #goconnect #goconnect https://developer.mozilla.org/ja/docs/Web/API/ Request https://pkg.go.dev/net/http#Response https://pkg.go.dev/net/http#Request https://developer.mozilla.org/ja/docs/Web/API/ Response → →
37. JavaScript ↔︎ Go #goconnect #goconnect Request: Response: https://developer.mozilla.org/ja/docs/Web/API/ Request https://pkg.go.dev/net/http#Response https://pkg.go.dev/net/http#Request https://developer.mozilla.org/ja/docs/Web/API/ Response → → 結構めんどくさい & JavaScript の知識が必要
38. このツラミを感じず実装できる最高のライブラリ syumai/workers #goconnect #goconnect
39. #goconnect #goconnect
40. #goconnect #goconnect Cloudflare Workers で Go を動かせる 標準のhttp.Handler 形式で実装可能 JavaScriptの知識がな くても実装可能
41. Request: JavaScript → Go https://github.com/syumai/workers/blob/main/internal/jshttp/request.go より抜粋 #goconnect #goconnect
42. Response: Go → JavaScript https://github.com/syumai/workers/blob/main/internal/jshttp/response.go　より抜粋 #goconnect #goconnect
43. INDEX 01 Wasm ( WebAssembly ) とは 02 Go × Wasm 03 なぜ Wasm に入門するのか 04 Go × WASI #goconnect
44. Wasm のさらに向こうへ WASI Plus Ultra!! WASI ( WebAssembly System Interface ) の登場 Web 以外でも WebAssembly を使おうという動き ↓ これにともない WASI ランタイムが登場 l wasmtimj l Luce™ l l WasmEdge　　etc... Wasmem ↓ #goconnect #goconnect
45. Go × WASI #goconnect #goconnect
46. Hello World! はできるけど サーバーは WASI ランタイムによって 動かせなかったり... #goconnect #goconnect
47. 無料デプロイのためにWASI への挑戦は続く... #goconnect #goconnect
48. Kotaro Otaka おーたかこーたろー / @otakakot Web Engineer 新卒入社 Hello Golang! Web Engineer ＠株式会社ビットキー 2020.04 2021.04 2022.11 Go言語推し #goconnect
49. https://zenn.dev/otakakot/articles/9e9269a87aafeb https://speakerdeck.com/otakakot/free- go-server-development-recommendations #goconnect #goconnect
50. #goconnect #goconnect Go 静聴 ありがとうございました！