Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cybozu Google I/O 2023 LT会 - WebAssembly

Avatar for SiLeader 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

Avatar for SiLeader

SiLeader

June 09, 2023
Tweet

More Decks by SiLeader

See All by SiLeader
Cybozu Android Dev Summit 2022 LT会 - Something about storage on Android
Avatar for SiLeader sileader
0
980

Other Decks in Programming

See All in Programming
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
Avatar for Kuniwak orgachem
PRO
11
2.9k
TypeScriptでDXを上げろ！ Hono編
Avatar for Yusuke Wada yusukebe
3
880
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
Avatar for Irina Nazarova irinanazarova
0
310
ソフトウェア設計とAI技術の活用
Avatar for 増田 亨 masuda220
PRO
25
6.9k
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
Avatar for ktr ktr_0731
3
670
Strands Agents で実現する名刺解析アーキテクチャ
Avatar for omiya omiya0555
1
110
LLMは麻雀を知らなすぎるから俺が教育してやる
Avatar for po3rin po3rin
2
1.3k
コーディングエージェント概観(2025/07)
Avatar for Itsuki itsuki_t88
0
440
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
Avatar for ivargrimstad ivargrimstad
0
540
脱Riverpod？fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
Avatar for Takuma Osada ostk0069
0
570
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜（奥田りさ）The Basics of Agent Development with ADK — A Demo-Focused Introduction
Avatar for RisaTube risatube
PRO
5
1.2k
効率的な開発手段として VRTを活用する
Avatar for Yosuke Ishikawa ishkawa
1
180

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Faster Mobile Websites
Avatar for Dean Hume deanohume
308
31k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
1k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k

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/