クライアントサイドで大きなデータを扱うときのお話/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͔Βͷσʔλऔಘॲཧͷෛՙ