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
560
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
670
Other Decks in Programming
See All in Programming
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
9
4.1k
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
970
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
450
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
210
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
Ruby GitHub Packages
bkuhlmann
0
630
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
390
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
370
雑に思考を整理する技術と効能
konifar
60
29k
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.3k
Kotlin Multiplatform at Stable and Beyond (Android Makers 2024)
zsmb
0
310
Featured
See All Featured
Designing with Data
zakiwarfel
96
4.8k
How STYLIGHT went responsive
nonsquared
92
4.8k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
The Invisible Customer
myddelton
114
12k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Rails Girls Zürich Keynote
gr2m
91
13k
Making Projects Easy
brettharned
108
5.5k
Debugging Ruby Performance
tmm1
70
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
274
13k
Clear Off the Table
cherdarchuk
84
310k
Unsuck your backbone
ammeep
663
57k
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/