Cybozu Google I/O 2023 LT会 - WebAssembly

元の動画
WebAssembly: A new development paradigm for the web
https://youtu.be/RcHER-3gFXI

Transcript

1. WebAssembly Webの新しい開発パラダイム Google I/O 2023 LT会 みやもと
2. Why use WebAssembly ? • ⾼いパフォーマンス • ⾼いポータビリティ • 安全 • ⼈が読める • デバッグできる
3. WebAssemblyの利⽤ Emscripten SwiftWasm Kotlin/Wasm ...
4. JavaScriptとWebAssembly トランスパイル + 最適化 コンパイル + 最適化 JS Engine 内部表現 Wasm Engine 内部表現 解釈 解釈 + 最適化 トランスパイルと ⼈の⼿⼊⼒の 可能性がある 実⾏前に 最適化が必要 最適化済みが ほぼ保証される 最適化を スキップできる
5. WebAssemblyの利⽤ • FigmaはC++でWebAssemblyを使⽤ • ロード時間が3倍以上改善
6. Kotlin MultiplatformとWebAssembly Web Kotlin Multiplatform Kotlin/Native Kotlin/JVM Kotlin/JS ビジネスロジック を共有!
7. Kotlin MultiplatformとWebAssembly Web Kotlin Multiplatform Kotlin/Native Kotlin/JVM Kotlin/Wasm 2倍⾼速化！ ビジネスロジック を共有！
8. FlutterとWebAssembly Web Dart AOT Dart AOT Dart JS UIとビジネスロジックを 共有！
9. FlutterとWebAssembly Web Dart AOT Dart AOT Dart Wasm UIとビジネスロジックを 共有！ 2倍⾼速化！
10. まとめ • WebAssemblyの利点 • ⾼速な動作 • 複数の⾔語が対応 • 多くのブラウザで利⽤可能 • Kotlin/Wasmにより⾼速なWebアプリがKotlinで記述可能 • Dart WasmによりFlutterアプリの⾼速化が可能
11. 出典 • YouTube • WebAssembly: A new development paradigm for the web • https://youtu.be/RcHER-3gFXI • Figma • https://www.figma.com/ja/blog/webassembly-cut-figmas-load- time-by-3x/