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
980
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
970
Other Decks in Programming
See All in Programming
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
210
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
280
構文解析器入門
ydah
4
860
What's new in AppKit on macOS 26
1024jp
0
150
TypeScriptでDXを上げろ! Hono編
yusukebe
3
780
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
240
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
470
Model Pollution
hschwentner
1
160
Goで作る、開発・CI環境
sin392
0
270
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
9.7k
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
180
ニーリーにおけるプロダクトエンジニア
nealle
0
950
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
340
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Producing Creativity
orderedlist
PRO
346
40k
Unsuck your backbone
ammeep
671
58k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Speed Design
sergeychernyshev
32
1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
Adopting Sorbet at Scale
ufuk
77
9.5k
Designing for humans not robots
tammielis
253
25k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Being A Developer After 40
akosma
90
590k
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/