Slide 1
Slide 1 text
͡Ίͯͷ8FC"TTFNCMZ
ࣲాف!TIJCF
/JIPOCBTIJKT
Slide 2
Slide 2 text
σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ
:BIPP+"1"/ͷࠂܥπʔϧͷ
ϑϩϯτΤϯυΛ୲͍ͯ͠·͢
ࣲా ف @shibe97
Slide 3
Slide 3 text
+BWB4DSJQUେ͖ͬࢠͰ͢
Slide 4
Slide 4 text
͚Ͳ
Slide 5
Slide 5 text
ͪΐͬͱ͖ͨ
Slide 6
Slide 6 text
ͱ͍͏ΑΓ
Slide 7
Slide 7 text
3FBDU3FEVY͖ͨ
Slide 8
Slide 8 text
Կ͔৽͍͠ͷʹखΛग़ͯ͠ΈΑ͏ɾɾɾ
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
+BWB4DSJQUͷ
Slide 11
Slide 11 text
͍ͩͿ͘ͳ͚ͬͨͲɺॏ͍ॲཧʹऑ͍ʢϒϥβݻ·Δʣ
ܕ͕໌ࣔతͰͳ͍
ίϯύΠϧܕͰͳ͘ɺΠϯλϓϦλܕݴޠ
'JSFGPYʢ4QJEFS.POLFZʣ
&EHFʢ$IBLSBʣ
$ISPNFʢ7ʣ
Slide 12
Slide 12 text
ͦͦ͜ΜͳෳࡶͳͷΛ࡞ΔͨΊʹੜͨ͠ݴޠ͡Όͳ͍
"KBYͷීٴͱڞʹαʔόαΠυͷॲཧ͕ΫϥΠΞϯταΠυʹ
Ҡ͖ͬͯͨ͋ͨΓ͔Βແཧ͕ग़࢝Ίͨ
Slide 13
Slide 13 text
+BWB4DSJQU࣮ߦ࣌ͷྲྀΕ
ϒϥβ͕+BWB4DSJQUͷߏจղੳΛߦ͍ɺ"45ʢ"CTUSVDU4ZOUBY
5SFFʣʹม
"45ΛόΠτίʔυʹม͠ɺԾϚγϯ্Ͱಈ࡞ͤ͞Δ
ܕใ͕ݻ·͖ͬͯͨΒɺ෦తʹػցޠʹม
ʢ+VTUJO5JNFίϯύΠϧʣ
Slide 14
Slide 14 text
ࣄલʹܕఆ͕ٛͰ͖Εʜ
Slide 15
Slide 15 text
asm.js
Slide 16
Slide 16 text
BTNKTͬͯͲΜͳͷ
.P[JMMB͕ఏএͨ͠+BWB4DSJQUͷߴԽٕज़
͋͘·Ͱ+BWB4DSJQUϑΝΠϧ
͋Δϧʔϧʹै͏ͱܕใΛ༩͑Δ͜ͱ͕Ͱ͖Δ
ʢϒϥβଆͷαϙʔτ͕ͪΖΜඞཁʣ
Slide 17
Slide 17 text
function AddFunctions(){
"use asm";
function add1(value){
value = value | 0; // Ҿ int ͩͱ໌ࣔ
var result = 0; // int ͱͯ͠એݴ
result = (value + 1) | 0; // int Ωϟετ
return result;
}
return {
add1: add1
}
}
Slide 18
Slide 18 text
BTNKTʹΑΔҾͷܕఆٛ
JOU WBMVFWBMVFc
EPVCMF WBMVFWBMVF
qPBU WBMVFG WBMVF
Slide 19
Slide 19 text
BTNKTͷͭΒΈ
ԋࢉ͔͠Ͱ͖ͳ͍
จࣈྻΦϒδΣΫτΛແཧΓදݱ͠Α͏ͱ͢ΔͱɺόΠφϦ͕
བྷΜͰ͖ͯπϥ͍
ਓ͕ॻ͘ݴޠ͡Όͳ͍
Slide 20
Slide 20 text
ଞͷݴޠ͔Βม͢Εʜ
Slide 21
Slide 21 text
--7.ίϯύΠϧͷΈ
$
$
0CKFDUJWF$
(P
3VTU
தؒݴޠ +BWB4DSJQU
ͦͷଞݴޠ
Slide 22
Slide 22 text
˞+BWB4DSJQU༻ͷ--7.ϕʔείϯύΠϥ
Slide 23
Slide 23 text
มͰ͖ͨɺ͔͠͠ʜ
ϑΝΠϧ༰ྔ͕େ͖͍
)FMMP8PSME͚ͩͰ,
BTNKT.P[JMMB͕ߟ͑ͨͷ͕ͩɺશϒϥβϕϯμʔڠྗͯ͠
ͬͱ͍ܰܗࣜ࡞ͬͪΌ͏ʁ
Slide 24
Slide 24 text
ʢXBTNʣ
Slide 25
Slide 25 text
ݱঢ়ɺXBTNʹมͰ͖Δݴޠ
$
$
3VTU
Slide 26
Slide 26 text
Α͠ɺ3VTUͩʂ
Slide 27
Slide 27 text
ͬ͘͟Γ3VTUͬͯʁ
όʔδϣϯϦϦʔε
.P[JMMB͕։ൃ
'JSFGPY͔Β3VTUͰॻ͍ͨίʔυ͕ಈ͍͍ͯΔ
҆શੑɺฒྻੑʹ༏Ε͍ͯΔ
Slide 28
Slide 28 text
3VTUͷओͳ༻్
4ZTUFN1SPHSBNNJOH
/FUXPSL1SPHSBNNJOH
,FSOFM
8FC"TTFNCMZ
Slide 29
Slide 29 text
+BWB4DSJQU
1)1 3VCZ
+BWB $
3VTU
ʢݸਓͷݟղͰ͢ʣ
Slide 30
Slide 30 text
FNTDSJQUFO +BWB4DSJQU"1*
8FC"TTFNCMZͰͷར༻ྫ
index.rs index.wasm TypedArray
Slide 31
Slide 31 text
ࢼ͠ʹ3VTUͰ%0.Λు͖ग़ͤΔ͔
ͬͯΈͨ
Slide 32
Slide 32 text
XFCQMBUGPSNͱ͍͏DSBUFΛ͏
/PEFͰ͍͏QBDLBHFతͳͷ
Slide 33
Slide 33 text
)5.-ͷத
var Module = {}
fetch('index.wasm')
.then((response) => response.arrayBuffer())
.then((buffer) => {
Module.wasmBinary = buffer;
var script = document.createElement('script');
script.src = 'index.js';
document.body.appendChild(script);
})
Slide 34
Slide 34 text
σϞ
Slide 35
Slide 35 text
ͳΜ͔3FBDUDSFBUF&MFNFOU
ͬΆ͕͋͞Δ
Slide 36
Slide 36 text
+49తͳͷ͕͋Ε
͍͍ײ͡ͳΔͷͰʁ
Slide 37
Slide 37 text
ͱࢥͬͨΒ͋ͬͨ
Slide 38
Slide 38 text
KTYSTSFBDUST
Slide 39
Slide 39 text
͚Ͳ·ͩ։ൃͷॳظஈ֊ͬΆ͍Ͱ͢
Slide 40
Slide 40 text
5PEP.7$
IUUQSVTUXFCQMBUGPSNHJUIVCJPSVTUUPEPNWD
Slide 41
Slide 41 text
·ͱΊ
͍ͭʹ+BWB4DSJQUҎ֎ͷݴޠϒϥβͰಈ͔ͤΔ࣌ʹ
3VTU·ͩ8FCΞϓϦ੍࡞ʹऑ͍͕ɺࠓޙ͍ͯͬͨ͠߹ʹ
ϑϩϯτΤϯυ͕มΘΔՄೳੑ͕͋Γͦ͏
Slide 42
Slide 42 text
5IBOLT
5XJUUFS(JU)VC!TIJCF