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

Transcript

1. ΫϥΠΞϯταΠυͰେ͖ͳ σʔλΛѻ͏ͱ͖ͷ͓࿩
   d
   8FC
   8PSLFSͱ*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. 8FC
    8PSLFS 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͔Βͷσʔλऔಘॲཧͷෛՙ