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
1.2k
0

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

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.2k

Other Decks in Programming

See All in Programming
使用 Meilisearch 建立新聞搜尋工具
Avatar for johnroyer johnroyer
0
210
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
Avatar for 武田 憲太郎 kentaroutakeda
3
650
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
0
210
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
540
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
0
140
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
Avatar for endo shiki shiki_kakaku
0
1.6k
Prismを使った型安全な暗号化_関数型まつり2026
Avatar for _fhhmm _fhhmm
0
170
VibeCodingからAgenticWorkflowへ
Avatar for starfish719 starfish719
0
170
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
Avatar for jsoizo jsoizo
1
270
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
3.5k
AIが無かった頃の素敵な出会いの話
Avatar for コドモン開発チーム codmoninc
1
370
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
Avatar for yuriko yuriko1211
0
570

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
430
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.7k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
600
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
200
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
270
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
980
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
280

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/