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

20160903-WebAssembly

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for chikoski chikoski
September 03, 2016
Technology
3.1k
9

 20160903-WebAssembly

Avatar for chikoski

chikoski

September 03, 2016

More Decks by chikoski

See All by chikoski
20210825_ossx
Avatar for chikoski chikoski
0
350
festudy02-wasm
Avatar for chikoski chikoski
1
1.1k
An overview of WebAssembly; how it is used, created, and applied?
Avatar for chikoski chikoski
1
790
Functions in JavaScript
Avatar for chikoski chikoski
1
1.2k
20171018-WASM
Avatar for chikoski chikoski
2
1.5k
20171002-wejs
Avatar for chikoski chikoski
1
620
20170924-html5conference-wasm
Avatar for chikoski chikoski
5
10k
Equivalence_in_JS
Avatar for chikoski chikoski
0
1.6k
いまさら振り返るPromise
Avatar for chikoski chikoski
1
610

Other Decks in Technology

See All in Technology
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
4
1.8k
社内 AI エージェント Synapse と セマンティックレイヤーの育て方
Avatar for Hiroaki Sano hiroakis
0
260
運用を見据えたAIエージェント設計実践
Avatar for amacbee amacbee
1
3.2k
はじめてのDatadog
Avatar for KairiM kairim0
0
290
AI駆動開発が変える、大規模開発の前提 ーHuman in the Loop から Human on the Loop へ / AIE2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
27
16k
もりもり新機能を一挙紹介！ AgentCoreに入門して、AWS上にAIエージェントを構築しよう
Avatar for みのるん minorun365
PRO
6
850
Terraformモジュールは、なぜ「魔境」化するのか
Avatar for hayama hayama17
1
210
EventBridge Connection
Avatar for kensh _kensh
4
630
Mastering Ruby Box
Avatar for Satoshi Tagomori tagomoris
3
150
サイバーセキュリティ概論 / Introduction to Cybersecurity
Avatar for Kenji Saito ks91
PRO
0
170
トークン数だけでは測れない — Claude Code 組織展開の効果検証から学んだこと
Avatar for Masaki Kubota makikub
0
130
AI活用を推進するために ファインディが下した、一つの小さな決断
Avatar for starfish719 starfish719
0
260

Featured

See All Featured
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
300
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
210
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Design in an AI World
Avatar for tapps tapps
1
230
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
600
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
350
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k

Transcript

  1. ـٓؐؠ欽ך$16׾⡲׷״ 8FC"TTFNCMZד .P[JMMB+BQBO /4IJNJ[V OTIJNJ[V!NP[JMMBKBQBOPSH!DIJLPTLJ )5.-$POGFSFODF !匌❨ꨵ堣㣐㷕⻌⼪⡝ٍؗٝػأ

  2. +BWB4DSJQU7. KT

  3. +BWB4DSJQU7. KT 8"4.7. XBTN

  4. /4IJNJ[V!DIJLPTLJ ˖ .P[JMMB+BQBO ˖ %FWFMPQFSSFMBUJPO ˖ -PDBMJ[FS.%/ 46.0 'JSFGPYGPSJ04 ˖

    IUNMK8FCفٓحزؿؓ٦ي鿇؜٦ي鿇 ˖ فؚٗٓىؚٝ鎉铂׉ך׮ךָ㥨ֹדׅ ˖ IUUQTTMJEFTIBSFOFUDIJLPTLJ ˖ IUUQTIUNMFYQFSUTKQDIJLPTLJ
  5. None
  6. None
  7. None

  8. Proudly non-profit, Mozilla makes products like Firefox with a mission

    to keep the power of the Web in the hands of users everywhere. Mozilla Mission (https://www.mozilla.org/en-US/mission/)

  9. Our mission is to promote openness, innovation & opportunity on

    the Web. Mozilla Mission(https://www.mozilla.org/en-US/mission/)

  10. IUUQTHJUIVCDPN8FC"TTFNCMZEFTJHOJTTVFT IUUQTHJUIVCDPN'PHBDDJP0QFO%FTJHO

  11. 8FC"TTFNCMZ ˖ 8$ך؝ىُصذ؍ؚٕ٦فד陽锷ׁ׸גְ׷倜׃ְ8FC垥彊 ˖ 㼭ֻׁגه٦ةـٕזغ؎شٔؿؓ٦وحز ˖ ط؎ذ؍ـח鵚ְأؾ٦سדך㹋遤 ˖ 㸜Ⰻז㹋遤橆㞮 ˖

    㼎ד㼎䘔ׅ׷ذؗأز邌植

  12. https://www.w3.org/community/webassembly/

  13. None

  14. .P[JMMB .JDSPTPGU (PPHMF "QQMF

  15. https://www.w3.org/community/webassembly/

  16. https://webassembly.github.io/demo/

  17. IUUQTHJUIVCDPN8FC"TTFNCMZEFTJHOCMPCNBTUFS'"2NE

  18. 文字列 実行コード 抽象構文木 トークン列 中間表現 字句解析 構文解析 意味解析 最適化・コード生成

  19. 文字列 AST バイトコード 字句解析 / 構文解析 生成 実行 ＊ AST:

    Abstract Syntax Tree / 抽象構文木 IUUQTCMPHNP[JMMBPSHMVLFBTNKTBPUDPNQJMBUJPOBOETUBSUVQQFSGPSNBODF

  20. 文字列 字句解析 / 構文解析 実行 バイトコード AST Baseline Compiled Code

    MIR Iron Compiled Code 実行と プロファイル 実行 Bail 生成 Baseline Compile Iron Build Iron Compile ＊ AST: Abstract Syntax Tree / 抽象構文木 　MIR: Medium-level Intermediate Representation / 中間表現 IUUQTCMPHNP[JMMBPSHMVLFBTNKTBPUDPNQJMBUJPOBOETUBSUVQQFSGPSNBODF

  21. 文字列 字句解析 / 構文解析 AST MIR 実行コード 生成 Compile ＊

    AST: Abstract Syntax Tree / 抽象構文木 　MIR: Medium-level Intermediate Representation / 中間表現

  22. asm.js JS Native ダウンロード 構文解析 コンパイル 実行開始 ダウンロード 構文解析 コンパイル

    実行開始 ダウンロード 構文解析 コンパイル 実行開始

  23. asm.js JS Native ダウンロード 構文解析 コンパイル 実行開始 ダウンロード 構文解析 コンパイル

    実行開始 ダウンロード 構文解析 コンパイル 実行開始 WASM ダウンロード 構文解析 コンパイル 実行開始

  24. 8"4.؝ٝػ؎ٕך欰䧭暟

  25. D DQQ XBTN XBTU BTN KT DMBOHFNDD FNDD XBTNBT BTNXBTN

    変換パイプライン
  26. None

  27. FNTELJOTUBMMFNTDSJQUFOJODPNJOHCJU FNTELJOTUBMMDMBOHJODPNJOHCJU FNTELJOTUBMMTELJODPNJOHCJU FNTELBDUJWBUFFNTDSJQUFOJODPNJOHCJU FNTELBDUJWBUFDMBOHJODPNJOHCJU FNTELBDUJWBUFTELJODPNJOHCJU TPVSDF\&.4%,@*/45"--@%*3^FNTEL@FOWTI Emscripten から wasm

    を出力する設定

  28. MT BEEDQQ FNDDT#*/&3:&/PBEEXBTNBEEDQQ MT BEEDQQBEEXBTN

  29. LLVMのターゲットにもWebAssemblyの文字が

  30. 8FCل٦آפך穈׫鴥׫

  31. WebAssemblyは実行コードに変換されてから実行される

  32. GFUDI BEEXBTN UIFO SFTQPOTF SFTQPOTFBSSBZ#VGGFS  UIFO CVGGFS\ DPOTUDPEF#ZUFOFX6*OU"SSBZ CVGGFS

     DPOTUNPEVMF8BTNJOTUBODJBUF.PEMVF DPEF#ZUF  BMFSU A \NPEVMFFYQPSUTBEE   ^A  ^  WASM.instanceiateModule でコンパイル

  33. FYQPSUJOUBEE JOU  JNQPSUJOUTPNFUIJOH  JOUBEE4PNF JOUB \ SFUVSOB TPNFUIJOH

     ^ CからJSの関数を呼び出す場合

  34. GFUDI BEETPNFXBTN UIFO SFTQPOTF SFTQPOTFBSSBZ#VGGFS  UIFO CVGGFS\ DPOTUDPEF#ZUFOFX6*OU"SSBZ CVGGFS

     DPOTUNPEVMF8"4.JOTUBODJBUF.PEMVF DPEF#ZUF \ TPNFUIJOH  ^  BMFSU A \NPEVMFFYQPSUTBEETPNF  ^A  ^  CからJSの関数を呼び出す場合

  35. 8FC"TTFNCMZך暴䗙 ˖ 㘗➰ֽׁ׸׋أةحؙوءٝ ˖ 鸬竲זًٌٌٔرٕ ˖ 䬄韋圓俑加 "45  ˖

    圓鸡⻉ׁ׸׋؝ٝزٗ٦ٕؿٗ٦׾㹀纏 ˖ ٌآُ٦ٕءأذي

  36. B  

  37. B      B  

  38. B       B 抽象構文木 (Abstract

    Syntax Tree : AST)

  39. 8FC"TTFNCMZ Y "3. JBEE BEEM "%% DBMM DBMM #- JMPBE

    $)&$, NPW $)&$, -%3 実マシンのコードに近い仮想的な命令セットを定義 IUUQTHJUIVCDPN8FC"TTFNCMZEFTJHOCMPCNBTUFS"TU4FNBOUJDTNE

  40. 8"4. BTNKT JBEE B C ] DBMM G ] JMPBE

    )&"1<J>] asm.js との互換性

  41. JNVM JBEE TFU@MPDBM B  JDPOTU  JDPOTU  JDPOTU

  42. テキスト表現（仕様策定中） JNVM JBEE TFU@MPDBM B  JDPOTU  JDPOTU 

    JDPOTU TFU@MPDBMB  JBEE  JDPOTU   JNVM  JDPOTU   JDPOTU     

  43. 子ノードが出現順に評価される JNVM JBEE TFU@MPDBM B  JDPOTU  JDPOTU 

    JDPOTU      

  44. 㘗 䪔ִ׷⦼ך珏겲 J ؽحزך侭侧⦼ J ؽحزך侭侧⦼ G ؽحزך侭侧⦼ G ؽحزך侭侧⦼

  45. ㄏ⟀ 䮶׷莸ְ JMPBE@T غ؎زٗ٦س׃ג痗〾➰ֹJפ䭁䓸 JMPBE@V غ؎زٗ٦س׃ג痗〾ז׃Jפ䭁䓸 JMPBE@T غ؎زٗ٦س׃ג痗〾➰ֹJפ䭁䓸 JMPBE@V غ؎زٗ٦س׃ג痗〾ז׃Jפ䭁䓸

    JMPBE غ؎زٗ٦س

  46. ㄏ⟀ 䮶׷莸ְ JTUPSF J׾Jח㢌䳔׃גأز، JTUPSF J׾Jח㢌䳔׃גأز، JTUPSF 㢌䳔ׇ׆חغ؎ز׾أز،

  47. QUSNBMMPD   BEESFTT@TQBDF@NBY (# غ؎ز 連続的にとられるメモリ JMPBE JTUPSF

  48. ㄏ⟀ 䮶׷莸ְ HSPX@NFNPSZ ًٌٔ׾䭷㹀ׁ׸׋ل٦آⴓ㟓װׅ DVSSFOU@NFNPSZ 植㖈ךًٌٔ؟؎ؤ׾ل٦آ侧ד鵤ׅ

  49. ㄏ⟀ 䮶׷莸ְ OPQ ⡦׮׃זְ CMPDL ـٗحؙך㹀纏 MPPQ 粸׶鵤׃ JG JG俑UIFOח醱侧ך䒭ָ֮׷㜥さ

    CS ⴓ䀄 CS@JG 勴⟝➰ֹⴓ䀄 CS@UBCMF آٍٝفذ٦ـٕ SFUVSO 鵤׶⦼

  50. NPEVMF  NFNPSZ   FYQPSUNFNPSZNFNPSZ   FYQPSUBEEBEE 

     GVODBEE QBSBNJ  QBSBNJ  SFTVMUJ   JBEE  HFU@MPDBM   HFU@MPDBM      同等のWASMモジュール

  51. 8FC"TTFNCMZך➙䖓 .71ך䖓ח✮㹀ׁ׸גְ׷堣腉 ˖ أٖحس ˖ Ⱏ剣ًٌٔ ˖ ت؎شىحؙؙٔٝ ˖ ؝أزך⢽㢩

    ˖ 㔿㹀ꞿך4*.% 㼛勻涸ז堣腉 ˖ 稢ְַ磛䏝דךًٌٔ盖椚 ˖ 㣐ְֹ؟؎ؤךل٦آ ˖ ⵖ䖴圓鸡ך⯍㹋 ˖ ($װ%0.ך窟さ ˖ (#⟃♳ך简䕎ًٌٔ ˖ FUD

  52. תה׭ ˖ 8"4.כ؝ٝػ؎ٓך欰䧭暟 ˖ 1PMZMM ˖ +4ך縧ֹ䳔ִדכזְ ˖ ְתךהֿ׹%0.׾湫䱸ⵃ欽דֹזְ ˖

    넝鸞ד侧⦼鎘皾׾׃׋ְ㜥꬗כꣲ׵׸׷ ˖ 欰欵䚍ך倯׾⮚⯓ׅ׷㜥さ׮㢳ְ

  53. ꟼ鸬䞔㜠 ˖ 8FC"TTFNCMZ$PNNVOJUZ(SPVQ
 IUUQTXXXXPSHDPNNVOJUZXFCBTTFNCMZ ˖ .PEFTU IUUQTEFWNP[JMMBKQ  ˖ FNTDSJQUFO

    IUUQTFNTDSJQUFOPSH  ˖ 8"4.&YQMPSFS
 IUUQNCFCFOJUBHJUIVCJP8BTN&YQMPSFS