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

コンテンツ配信とSPA

3b0eb6111ab44c573d3111b034ec7dc9?s=47 KON YUICHI
September 16, 2016

 コンテンツ配信とSPA

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

3b0eb6111ab44c573d3111b034ec7dc9?s=128

KON YUICHI

September 16, 2016
Tweet

More Decks by KON YUICHI

Other Decks in Technology

Transcript

  1. ίϯςϯπ഑৴ͱ41" !LPOQZV 

  2. ࣗݾ঺հ ,0/:VJDIJ!LPOQZV $501JFDFPGDBLF *OD 1.ɺ"84ͷ͓कΓɺ3BJMTɺ։ ൃ؀ڥ੔උͳͲ IUUQLPOQZVDPN લ͸ιγϟή԰ Ͱͨ͠

  3. OPUF ɾจষɺࣸਅɺα΢ϯυFUDΛ౤ ߘͰ͖Δ ɾهࣄ୯ମͰൢച͢Δ͜ͱ͕Ͱ ͖Δ ɾهࣄΛෳ਺ຊ·ͱΊͯൢച͢Δ ͜ͱ΋Ͱ͖ΔʢϚΨδϯʣ ɾֹ݄ͷܧଓ՝ۚػೳͰɺϑΝϯ ΫϥϒͷӡӦ΋Ͱ͖Δ ͓͔͛͞·Ͱ೥໨

  4. "OHVMBSY͕ݱ໾Քಇ ɾOPUF͸"OHVMBSͰϑϩϯτΛߏஙͨ͠41" ɾ"OHVMBSΛ࢖͍࢝Ίͯ΋͏೥ ɾෳࡶͳը໘࣮૷΋؆ܿʹॻ͚Δ ʢ΋͸΍41"ͷํ͕࣮૷ָ͕ʣ ɾϋϚϦϙΠϯτ΍#FTU1SBDUJDF͸΋͏ਁಁ ɾރΕ͍ͯΔ

  5. ͱ͸͍͑࣌͸ͨͪʜ ɾػೳ΍࢓༷͕ංେԽ͠ͲΜͲΜΧΦεԽ ɾ௒ڊେEJSFDUJWF͕͍ͭ͘΋ര஀ ɾ௿͍ςετΧόϨοδɺ࣮૷ͷ౷Ұײͷͳ͞ ɾݱࡏͷ"OHVMBS#FTU1SBDUJDFͱ͔͚཭Εͨߏ੒ ɾKTΤίγεςϜͷਐԽ͔ΒऔΓ࢒͞Ε͍ͯΔ ɾ͍ͭͷؒʹ͔"OHVMBS͕ਖ਼ࣜϦϦʔε Ӝౡଠ࿠ঢ়ଶ

  6. ࠷΋க໋తͳͷ͸ ɾ1FSGPSNBODF*TTVF ɾϞόΠϧXFCͰ৴͡ΒΕͳ͍͘Β͍஗͍ ɾ$16ϝϞϦ͕গͳ͍؀ڥͰ͸+44DSJQUJOH͸ॏ͍ ߏ੒ݟ௚͠ͷػӡ 4DSJQUJOHʹ࣌ؒ৯ ΘΕ͗͢

  7. ͳΜͱ͔͠ͳ͍ͱʜ ɾ*OJUJBM-PBEͷੑೳվળ͕ඞཁ ˠπʔϧܥͷ41"ͳΒ*OJUJBM-PBEʹͩ͜ΘΔ༏ઌ ౓͸௿͍͕ɺίϯςϯπܥαʔϏεͰ͸69ʹ௚݁ ɾϩʔυޙͷ%0.ૢ࡞΋ૣ͍͚ͨ͘͠Ͳ·ͣ͸ͱ ʹ͔͘ॳظϩʔυɻ'JSTU1BJOU5JNF໋ ɾ·ͣ͸جຊతͳνϡʔχϯά΍ݟ௚͔͠Β΍ͬͯ Έͨ

  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ͷ$IVOLFE5SBOTGFS&ODPEJOHΛ࢖͏ ɾෳ਺ͷίϯϙʔωϯτ QBHFMFU ʹϖʔδΛ෼ׂɻฒྻʹαʔόʔͰ ϨϯμϦϯά͠ɺ׬ྃͨ͠ίϯϙʔωϯτ͔ΒॱʹૹΓ͚ͭͯϒϥ΢ βͰඳը ˞ݱࡏ͸)551ʹͳΓຊͷ4USFBNʹͷΔͷͰࣗಈతʹࣅͨΑ͏ͳࣄ͕࣮ݱͰ͖͍ͯΔɹ ग़ͤΔ΋ͷ͸͙͢

    ʹ͓٬ʹͩ͢
  17. FY %SVQBM#JHQJQFNPEVMF ɾϖʔδΛίϯϙʔωϯτʹ෼ׂ ɾίϯϙʔωϯτͷΩϟογϡՄೳ౓߹͍ΛࣗಈͰݕ஌ ɾ੩తͳίϯϙʔωϯτΛ͙͢ʹඳը͠ɺ࣌ؒࠩͰύʔιφϥΠζɾ ಈతͳίϯϙʔωϯτ͕ඳըͯ͘͠ΕΔ ɾ૯ϩʔυ࣌ؒʹมԽ͸ͳ͍ͷ͕ͩମݧ଎౓্͕͕Δ ग़ͤΔ΋ͷ͸͙͢ ʹ͓٬ʹͩ͢

  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`SFIJSFE ɾ41"Ͱهࣄ഑৴Λߴ଎ʹݟͤΔٕज़ʹڵຯ͕͋Δํ ɾ໘ന͍ਓɾίϯςϯπΛੈͷதʹ૿΍͍ͨ͠ํ ɾϑϩϯτΤϯυͷελοΫΛ͔Βߟ͍͑ͨํ ौ୩ͷಓݰࡔͰ͢