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
1k
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
1k
Other Decks in Programming
See All in Programming
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
kkakeru
0
210
The state patternの実践 個人開発で培ったpractice集
miyanokomiya
0
150
RDoc meets YARD
okuramasafumi
2
130
なぜ今、Terraformの本を書いたのか? - 著者陣に聞く!『Terraformではじめる実践IaC』登壇資料
fufuhu
4
660
ゲームの物理
fadis
5
1.5k
サイトを作ったらNFCタグキーホルダーを爆速で作れ!
yuukis
0
500
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
730
ライブ配信サービスの インフラのジレンマ -マルチクラウドに至ったワケ-
mirrativ
2
270
為你自己學 Python - 冷知識篇
eddie
1
170
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
580
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
shunghsiyu
0
470
The State of Fluid (2025)
s2b
0
200
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
338
57k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Code Review Best Practice
trishagee
70
19k
Writing Fast Ruby
sferik
628
62k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Practical Orchestrator
shlominoach
190
11k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
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/