Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cybozu Google I/O 2023 LT会 - WebAssembly
Search
SiLeader
June 09, 2023
Programming
0
960
Cybozu Google I/O 2023 LT会 - WebAssembly
元の動画
WebAssembly: A new development paradigm for the web
https://youtu.be/RcHER-3gFXI
SiLeader
June 09, 2023
Tweet
Share
More Decks by SiLeader
See All by SiLeader
Cybozu Android Dev Summit 2022 LT会 - Something about storage on Android
sileader
0
960
Other Decks in Programming
See All in Programming
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
XP, Testing and ninja testing
m_seki
3
200
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
570
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
100
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
190
「ElixirでIoT!!」のこれまでとこれから
takasehideki
0
370
ReadMoreTextView
fornewid
1
480
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
190
エラーって何種類あるの?
kajitack
5
310
Select API from Kotlin Coroutine
jmatsu
1
190
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
230
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
A Tale of Four Properties
chriscoyier
160
23k
The Language of Interfaces
destraynor
158
25k
The Invisible Side of Design
smashingmag
299
51k
RailsConf 2023
tenderlove
30
1.1k
Bash Introduction
62gerente
614
210k
BBQ
matthewcrist
89
9.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Faster Mobile Websites
deanohume
307
31k
Become a Pro
speakerdeck
PRO
28
5.4k
Thoughts on Productivity
jonyablonski
69
4.7k
Transcript
WebAssembly Webの新しい開発パラダイム Google I/O 2023 LT会 みやもと
Why use WebAssembly ? • ⾼いパフォーマンス • ⾼いポータビリティ • 安全
• ⼈が読める • デバッグできる
WebAssemblyの利⽤ Emscripten SwiftWasm Kotlin/Wasm ...
JavaScriptとWebAssembly トランスパイル + 最適化 コンパイル + 最適化 JS Engine 内部表現
Wasm Engine 内部表現 解釈 解釈 + 最適化 トランスパイルと ⼈の⼿⼊⼒の 可能性がある 実⾏前に 最適化が必要 最適化済みが ほぼ保証される 最適化を スキップできる
WebAssemblyの利⽤ • FigmaはC++でWebAssemblyを使⽤ • ロード時間が3倍以上改善
Kotlin MultiplatformとWebAssembly Web Kotlin Multiplatform Kotlin/Native Kotlin/JVM Kotlin/JS ビジネスロジック を共有!
Kotlin MultiplatformとWebAssembly Web Kotlin Multiplatform Kotlin/Native Kotlin/JVM Kotlin/Wasm 2倍⾼速化! ビジネスロジック
を共有!
FlutterとWebAssembly Web Dart AOT Dart AOT Dart JS UIとビジネスロジックを 共有!
FlutterとWebAssembly Web Dart AOT Dart AOT Dart Wasm UIとビジネスロジックを 共有!
2倍⾼速化!
まとめ • WebAssemblyの利点 • ⾼速な動作 • 複数の⾔語が対応 • 多くのブラウザで利⽤可能 •
Kotlin/Wasmにより⾼速なWebアプリがKotlinで記述可能 • Dart WasmによりFlutterアプリの⾼速化が可能
出典 • 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/