クライアントサイドで大きなデータを扱うときのお話/Web Worker & IndexedDB

by Kazunori-Kimura

Slide 1

Slide 1 text

ΫϥΠΞϯταΠυͰେ͖ͳ σʔλΛѻ͏ͱ͖ͷ͓࿩ d8FC8PSLFSͱ*OEFYFE%#d ໦ଜݑن

Slide 2

Slide 2 text

ࣙॻσʔλΛલํҰகݕࡧ͢Δ 8FCΞϓϦέʔγϣϯ

Slide 3

Slide 3 text

ཁ݅ ࣙॻσʔλ &YDFMϑΝΠϧ ͸೚ҙͷλΠϛϯ άͰߋ৽Մೳ ϑΝΠϧαΠζ͸.#΄Ͳ

Slide 4

Slide 4 text

ཁ݅ ϓϩόΠμͷϗʔϜϖʔδαʔϏεͰϑΝΠϧ Λެ։͢Δ͚ͩͱ͍ͨ͠ σʔλϕʔε΍αʔόʔαΠυͷॲཧ͸ෆՄ

Slide 5

Slide 5 text

ͭͷ՝୊ &YDFMΛΫϥΠΞϯταΠυͰѻ͏ ୯ޠݕࡧͷύϑΥʔϚϯε &YDFM͔Βͷσʔλऔಘॲཧͷෛՙ

Slide 6

Slide 6 text

ͭͷ՝୊ &YDFMΛΫϥΠΞϯταΠυͰѻ͏ ୯ޠݕࡧͷύϑΥʔϚϯε &YDFM͔Βͷσʔλऔಘॲཧͷෛՙ

Slide 7

Slide 7 text

YMTY IUUQTXXXOQNKTDPNQBDLBHFYMTY &YDFMϑΝΠϧΛGFUDIͯ͠"SSBZ#V⒎FSͱ͠ ͯಡΈࠐΉ YMTYͰ8PSLTIFFUʹύʔε͢Δ

Slide 8

Slide 8 text

Slide 9

Slide 9 text

ͭͷ՝୊ &YDFMΛΫϥΠΞϯταΠυͰѻ͏ ୯ޠݕࡧͷύϑΥʔϚϯε &YDFM͔Βͷσʔλऔಘॲཧͷෛՙ

Slide 10

Slide 10 text

ݕࡧ࣌ͷύϑΥʔϚϯε 8PSL4IFFUΛ౎౓ࢀর͢Δͷ͸ॏ͘ͳΔ ༧Ί8PSL4IFFUΛ഑ྻʹల։͓ͯ͘͠ʁ ڊେͳ഑ྻ͔ΒಛఆͷσʔλΛൈ͖ग़͢ॲཧ͸ ॏͨͦ͏ͩ

Slide 11

Slide 11 text

*OEFYFE%# *OEFYFE%#͸ϒϥ΢β಺ʹσʔλΛӬଓతʹอଘ ͢Δखஈ ΩʔͰΠϯσοΫε෇͚͞ΕͨΦϒδΣΫτΛอଘ ͓ΑͼऔΓग़͢͜ͱ͕Ͱ͖Δ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC "1**OEFYFE%#@"1* #BTJD@$PODFQUT@#FIJOE@*OEFYFE%#

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

ͭͷ՝୊ &YDFMΛΫϥΠΞϯταΠυͰѻ͏ ୯ޠݕࡧͷύϑΥʔϚϯε &YDFM͔Βͷσʔλऔಘॲཧͷෛՙ

Slide 17

Slide 17 text

ొ࿥࣌ͷύϑΥʔϚϯε &YDFMʹ͸ສҎ্ͷ୯ޠ͕ొ࿥͞Ε͓ͯΓɺ YMTYͰͷಡΈग़͠ɾύʔεॲཧ͕ॏ͍ͨ ୯ޠΛ*OEFYFE%#ʹొ࿥͢Δࡍʹڊେͳ഑ྻ Λ͙Δ͙Δճ͢͜ͱʹͳΔ +BWB4DSJQUͰॏ͍ͨॲཧΛߦ͏ͱඳըʹӨڹ ͕ग़Δ

Slide 18

Slide 18 text

8FC8PSLFS 8FCίϯςϯπ͕εΫϦϓτΛόοΫάϥ΢ϯ υͷεϨουͰ࣮ߦ͢ΔͨΊͷγϯϓϧͳखஈ ਌ϖʔδʹ௚઀ӨڹΛ༩͑Δʢ%0.ͷૢ࡞ͳͲʣ ࣄ͸Ͱ͖ͳ͍ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC "1*8FC@8PSLFST@"1*6TJOH@XFC@XPSLFST

Slide 19

Slide 19 text

Slide 20

Slide 20 text

8FC8PSLFSεΫϦϓτͷ τϥϯεύΠϧˍόϯυϧ

Slide 21

Slide 21 text

SFBDUTDSJQUTͱͷڞଘ DSFBUFSFBDUBQQͰ࡞੒ͨ͠ϓϩδΣΫτ͸ SFBDUTDSJQUTͰτϥϯεύΠϧɾόϯυϧ͞Ε Δ SFBDUTDSJQUT͸CBCFM΍XFCQBDLͷઃఆ͕ ্ख͘Ӆṭ͞Ε͍ͯΔͷͰखΛՃ͑ͨ͘ͳ͍

Slide 22

Slide 22 text

1ϑΝΠϧʹόϯυϧ͞Εͯ͠·͏ͷͰ  ͜ͷΑ͏ͳURIͷࢦఆ͕Ͱ͖ͳ͍

Slide 23

Slide 23 text

XPSLFSMPBEFS 8FC1BDLͷMPBEFSϓϥάΠϯ IUUQTXXXOQNKTDPNQBDLBHFXPSLFS MPBEFS

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

·ͱΊ *OEFYFE%#Λ࢖༻͢Ε͹ϑϩϯτΤϯυ͚ͩ Ͱେ͖ͳσʔλΛѻ͏͜ͱ͕Մೳ 8FC8PSLFSΛ࢖༻͢Ε͹ܭࢉॲཧͳͲΛόο Ϋάϥ΢ϯυͰ࣮ߦՄೳ ͜ΕΒΛ׆༻͢Δ͜ͱͰ࢖͍উखͷΑ͍8FCΞ ϓϦέʔγϣϯ͕࡞੒Ͱ͖Δ

Slide 28

Slide 28 text

ͭͷ՝୊ &YDFMΛΫϥΠΞϯταΠυͰѻ͏ ୯ޠݕࡧͷύϑΥʔϚϯε &YDFM͔Βͷσʔλऔಘॲཧͷෛՙ