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

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

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

52ecfbc87e5145ed5cd8cd81de9cffa8?s=128

Kazunori-Kimura

September 12, 2018
Tweet

Transcript

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

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

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

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

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

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

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

  8.  

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

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

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

  12.  

  13.  

  14.  

  15.  

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

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

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

  19.  

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

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

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

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

  24.  

  25.  

  26.  

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

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