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

Cybozu Google I/O 2023 LT会 - WebAssembly

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for SiLeader SiLeader
June 09, 2023
Programming
0
1.1k

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
1.1k

Other Decks in Programming

See All in Programming
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
580
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
180
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
170
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
840
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
100
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180

Featured

See All Featured
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.8k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
320
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
110
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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/