コンテンツ配信とSPA

Frontend Meetup vol.1 - SPAを語り尽くす会!

Transcript

1. ίϯςϯπ഑৴ͱ41" !LPOQZV 
2. ࣗݾ঺հ ,0/
   :VJDIJ
   !LPOQZV
   $50
   
   1JFDF
   PG
   DBLF
   *OD
   1.ɺ"84ͷ͓कΓɺ3BJMTɺ։ ൃ؀ڥ੔උͳͲ IUUQLPOQZVDPN લ͸ιγϟή԰ Ͱͨ͠
3. OPUF ɾจষɺࣸਅɺα΢ϯυFUDΛ౤ ߘͰ͖Δ
   ɾهࣄ୯ମͰൢച͢Δ͜ͱ͕Ͱ ͖Δ
   ɾهࣄΛෳ਺ຊ·ͱΊͯൢച͢Δ ͜ͱ΋Ͱ͖ΔʢϚΨδϯʣ
   ɾֹ݄ͷܧଓ՝ۚػೳͰɺϑΝϯ ΫϥϒͷӡӦ΋Ͱ͖Δ ͓͔͛͞·Ͱ೥໨
4. "OHVMBS
   Y͕ݱ໾Քಇ ɾOPUF͸"OHVMBSͰϑϩϯτΛߏஙͨ͠41"
   ɾ"OHVMBSΛ࢖͍࢝Ίͯ΋͏೥
   ɾෳࡶͳը໘࣮૷΋؆ܿʹॻ͚Δ
   ʢ΋͸΍41"ͷํ͕࣮૷ָ͕ʣ
   ɾϋϚϦϙΠϯτ΍#FTU
   1SBDUJDF͸΋͏ਁಁ
   ɾރΕ͍ͯΔ
5. ͱ͸͍͑࣌͸ͨͪʜ ɾػೳ΍࢓༷͕ංେԽ͠ͲΜͲΜΧΦεԽ
   ɾ௒ڊେEJSFDUJWF͕͍ͭ͘΋ര஀
   ɾ௿͍ςετΧόϨοδɺ࣮૷ͷ౷Ұײͷͳ͞
   ɾݱࡏͷ"OHVMBS
   #FTU
   1SBDUJDFͱ͔͚཭Εͨߏ੒
   ɾKTΤίγεςϜͷਐԽ͔ΒऔΓ࢒͞Ε͍ͯΔ
   ɾ͍ͭͷؒʹ͔"OHVMBS͕ਖ਼ࣜϦϦʔε Ӝౡଠ࿠ঢ়ଶ
6. ࠷΋க໋తͳͷ͸ ɾ1FSGPSNBODF
   *TTVF
   ɾϞόΠϧXFCͰ৴͡ΒΕͳ͍͘Β͍஗͍
   ɾ$16ϝϞϦ͕গͳ͍؀ڥͰ͸+4
   4DSJQUJOH͸ॏ͍
   
   ߏ੒ݟ௚͠ͷػӡ 4DSJQUJOHʹ࣌ؒ৯ ΘΕ͗͢
7. ͳΜͱ͔͠ͳ͍ͱʜ ɾ*OJUJBM
   -PBEͷੑೳվળ͕ඞཁ
   ˠ
   πʔϧܥͷ41"ͳΒ*OJUJBM
   -PBEʹͩ͜ΘΔ༏ઌ ౓͸௿͍͕ɺίϯςϯπܥαʔϏεͰ͸69ʹ௚݁
   ɾϩʔυޙͷ%0.ૢ࡞΋ૣ͍͚ͨ͘͠Ͳ·ͣ͸ͱ ʹ͔͘ॳظϩʔυɻ'JSTU
   1BJOU
   5JNF໋
   ɾ·ͣ͸جຊతͳνϡʔχϯά΍ݟ௚͔͠Β΍ͬͯ Έͨ
8. %0.ͷ਺ΛݮΒ͢ ɾσβΠϯΛ͖ͬ͢Γͤ͞ɺඳը͢Δ%0.ͷ਺ΛݮΒ͢ ɾ࠷ۙ͸γϯϓϧͳσβΠϯ͕
   ޷·ΕΔ܏޲͕͋ΔͷͰைྲྀʹ ߹Θͤͨ
9. )551ෛՙΛݮΒ͢ ɾॳճʹඞͣݺͿ DBDIF͠ʹ͍͘"1*ͷ݁Ռ͸ࣄ લʹ࣮ߦ͠XJOEPX13&'&5$)ʹ٧Ί͓ͯ͘
   ɾ༨ܭͳ5SBDLJOHऔಘܥ4BB4͸੾Δ
   ɾUFNQMBUF$BDIFQVU
   ͰYISͰऔ͖͍ͬͯͯͨ UFNQMBUFΛࣄલʹ٧ΊࠐΉ
   
   ࠷ऴతʹ͸ׂ͘Β͍ΧοτͰ͖ͨ
   ɾϑΝΠϧαΠζ͕େ͖͍ϥΠϒϥϦΛஔ͖׵͑ ʢK2VFSZ 6*΋ఫഇ࡞ۀதʣ
10. ͛͑͢଎͘ͳͬͨ ɾࢥͬͨΑΓେ෼଎͘ͳͬͨ
    ɾσβΠϯΛϞόΠϧʹΑͤͯௐ੔͠ϦϦʔεͨ͠
    ɾ1$Ͱ΋໌Β͔ʹߴ଎ʹͳΓ޷ධ
11. ଌఆ݁Ռ ɾ1IBOUPN+4ͰϨϯμϦϯάʹ͔͔Δ࣌ؒΛܭଌ
    ɾ͍͍ͩͨߴ଎ʹͳͬͨ QBUI CFGPSF BGUFS TIJCBUBJTN
    ΫϦΤΠλ501 T T LBOFLPIJSPIJTBO OBEDCGB
    هࣄৄࡉ T T ˞
    "84
    ͷಉҰ71$಺ͷ&$͔ΒಉҰ࣌ࠁʹճ࣮ߦ্͠ҐͱԼҐͭΛআ͍ͨ࢒Γͷฏۉ஋
12. ͔ࠜ͠͠ຊతʹ͸ ɾਖ਼߈๏Ͱվળ͸ͨ͠͠ɺ͜ͷํ޲Ͱ·ͩΧϦΧ ϦʹͰ͖Δ༨஍͸͋Δ
    ɾͨͩɺࠜຊతʹ͸ݱঢ়ελοΫ͚ͩͩͱݶք
    ɾ4&0
    (PPHMF͞Μ͕ͪΌΜͱϨϯμϦϯάͯ͠ ͘ΕͯΔͷ͔΋Α͘෼͔Βͳ͍ɻڈ೥1IBOUPN+4 ͰͷϨϯμϦϯάΛ֎ͯ͠Έ͕ͨී௨ʹࣦഊͯͨ͠
13. 41"Ͱߴ଎ʢʹײ͡Δʣ
    ίϯςϯπ഑৴
14. ΍ͬͯΈ͍ͨ͜ͱ
15. ମײΛૣ͘͢Δ ɾʮ଎͘ײ͡Δʯ͜ͱ͕ग़དྷΕ͹Α͍
    ɾ࠷ॳʹ࿮૊Έ͚ͩΛߴ଎ʹϩʔυ͠ɺ४උ͕Ͱ ͖ͨίϯϙʔωϯτ͔Βදࣔ
    ɾ੩తͳίϯϙʔωϯτ͸αʔόʔαΠυϨϯμϦ ϯάΛݕ౼
16. FY
    'BDFCPPLͷ#JHQJQF ɾ)551ͷ$IVOLFE
    5SBOTGFS
    &ODPEJOHΛ࢖͏
    ɾෳ਺ͷίϯϙʔωϯτ QBHFMFU ʹϖʔδΛ෼ׂɻฒྻʹαʔόʔͰ ϨϯμϦϯά͠ɺ׬ྃͨ͠ίϯϙʔωϯτ͔ΒॱʹૹΓ͚ͭͯϒϥ΢ βͰඳը ˞
    ݱࡏ͸)551ʹͳΓຊͷ4USFBNʹͷΔͷͰࣗಈతʹࣅͨΑ͏ͳࣄ͕࣮ݱͰ͖͍ͯΔɹ ग़ͤΔ΋ͷ͸͙͢ ʹ͓٬ʹͩ͢
17. FY
    %SVQBM
    #JHQJQF
    NPEVMF ɾϖʔδΛίϯϙʔωϯτʹ෼ׂ
    ɾίϯϙʔωϯτͷΩϟογϡՄೳ౓߹͍ΛࣗಈͰݕ஌
    ɾ੩తͳίϯϙʔωϯτΛ͙͢ʹඳը͠ɺ࣌ؒࠩͰύʔιφϥΠζɾ ಈతͳίϯϙʔωϯτ͕ඳըͯ͘͠ΕΔ
    ɾ૯ϩʔυ࣌ؒʹมԽ͸ͳ͍ͷ͕ͩମݧ଎౓্͕͕Δ ग़ͤΔ΋ͷ͸͙͢ ʹ͓٬ʹͩ͢
18. αʔόʔϨϯμϦϯά ɾ"OHVMBSʹ͸443ͷػೳ͕ͳ͍
    ɾOPUFͷλΠϜϥΠϯΛ3FBDUͰ࠶࣮૷ͯ͠ࢼͯ͠Έͨ
    ɾαʔόʔαΠυϨϯμϦϯάΛ࣮ݱ͢Δ࣮૷͸൥ࡶɻ 3FOEFSJOHͷίετΛ౿·͑ΔͱDBDIF૚΋ඞཁ͔
    ɾա౉ظײ͕͠·͢ 443͸உͷϩϚϯ
19. )551 ɾຊͷ5$1Ͱෳ਺ͷBTTFUΛฒྻసૹ͠ଳҬΛޮ ཰Α͘࢖͏
    ɾ$MPVE'SPOUͰ͍ͭʹରԠɻ؆୯ʹҠߦՄೳɻ
    
    
    ɾ
    4FSWFS1VTI͸·ͩະରԠ
    ɾ)551࣌୅ͷϕετϓϥΫςΟε͸͍͍ͩͨཪ ໨ʹग़ΔʢϑΝΠϧ݁߹΍υϝΠϯγϟʔσΟϯάFUD
    ɾ'BDFCPPL
    େྔͷΞηοτΛҰ੪ʹམͱ͠ʹ͔ ͔Δ༷͸ѹרʜ
20. ·ͱΊ ɾ41"͸ϞόΠϧͰ͙͢ʹੑೳ͕ѱԽ͢ΔͷͰ஫ҙɻॳظ ϩʔυΛૣ͘͢Δཁ͕݅͋ΔͳΒɺ%0.ߏங͸ඞཁͳ΋ ͷ͚ͩΛ࠷ॳʹ
    ɾίϯϙʔωϯτԽ
    
    ίϯϙʔωϯτ͝ͱ443
    
    ίϯ ϙʔωϯτ୯Ґͷ஗Ԇϩʔυ
    
    )551
    ͕41"Ͱίϯς ϯπ഑৴ΛΩϏΩϏͱߦ͏ͷʹΑ͍ͷͰ͸
21. 8F`SF
    IJSFE ɾ41"Ͱهࣄ഑৴Λߴ଎ʹݟͤΔٕज़ʹڵຯ͕͋Δํ
    ɾ໘ന͍ਓɾίϯςϯπΛੈͷதʹ૿΍͍ͨ͠ํ
    ɾϑϩϯτΤϯυͷελοΫΛ͔Βߟ͍͑ͨํ ौ୩ͷಓݰࡔͰ͢