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

PWA x CMS活用アイデア

hayase
February 20, 2019

PWA x CMS活用アイデア

第一回のPWANightでお話した資料です

hayase

February 20, 2019
Tweet

More Decks by hayase

Other Decks in Programming

Transcript

  1. 18"ʷ$.4׆༻ΞΠσΞ
    º

    View Slide

  2. ࣗݾ঺հ
    γοΫεɾΞύʔτגࣜձࣾɹ੡඼اը୲౰
    ૣ੉ɹকҰ
    ݸਓαΠτɹIUUQTIBZBTFUW
    ɾ.5 .PWBCMF5ZQF
    ྺ೥໨
    ɾԕڑ཭πʔΩχετʢἚ৓ʣ
    ɾςϨϫʔΫͰϫʔϧυϏδωεαςϥΠτີணऔࡐ
    ɾυϩʔϯඈ͹ͯ͠ࢢͷެࣜ؍ޫಈը࡞੒
    ɾԻָϥΠϒͷԋग़༻ιϑτͳͲ͍Ζ͍Ζ࡞੒
    ɾ΀Α΀ΑFεϙʔπTXJUDI൛
    ɹਓதҐ෇ۙɹἚ৓ࠃମ༧બग़৔༧ఆ

    View Slide

  3. View Slide

  4. .PWBCMF5ZQFOFU
    খதن໛ͷ΢ΣϒαΠτ੍࡞ɾӡӦʹ࠷ద
    ֹ݄໿ԁ͔Βొ࿥͢Ε͹͙͢ʹ࢖͑Δ
    ϝϯςφϯεϑϦʔͷ΢ΣϒαʔϏεܕߴػೳ$.4
    IUUQTNPWBCMFUZQFOFU

    View Slide

  5. .PWBCMF5ZQFOFUͷಛ௕
    w΢ΣϒαʔϏεܕͳͷͰ೉͍͠ઃఆ౳ͳ͘Ϣʔβʔొ࿥͢Δ͚ͩͰ͙͢࢖͑Δ
    wαʔόʔ؅ཧ΍ιϑτ΢ΣΞͷ؅ཧ͕ෆཁͳͷͰɺηΩϡϦςΟ౳΋ؾʹͤͣʹ҆
    ৺ͯ͠ӡ༻͕Մೳ
    wαʔόʔྖҬͱ$.4ͷར༻ྉ͕ࠐΈͰֹ݄໿ԁʢ೥ؒҰׅ෷͍ͷ৔߹ʣ͔Β
    ҆Ձʹ࢝ΊΒΕΔ
    wϖʔδ͸׬શʹಈతԽ͞Ε͍ͯΔʢϖʔδੜ੒ͷ଴ͪ࣌ؒͳ͠ʣ
    wσβΠϯ͸)5.-ϨϕϧͰࣗ༝ʹฤूՄೳͰɺ$.4ͷσʔλ͸.5λάͱ͍͏ಠࣗ
    λάͰ؆୯ʹѻ͑Δ
    wεϚʔτϑΥϯʹରԠͨ͠ଈઓྗʹͳΔϨεϙϯγϒσβΠϯͷςʔϚΛෳ਺༻ҙ
    w؆୯ʹ࡞੒ઃஔ͕Ͱ͖ΔϑΥʔϜػೳ͕ඪ४Ͱ౥ࡌ͞Ε͍ͯΔ

    View Slide

  6. .PWBCMF5ZQFOFUϑΥʔϜ
    8PSE1SFTTͰ΋੩త)5.-ϖʔ
    δͰ΋ɺιʔεΛషΓ෇͚Δ͚ͩ
    Ͱઃஔ͕Ͱ͖ΔϑΥʔϜαʔϏεʂ
    IUUQTNPWBCMFUZQFOFUGPSN

    View Slide

  7. 18"ରԠͷϝϦοτ
    ϖʔδͷಡΈࠐΈ͕଎͍
    ΦϑϥΠϯͰ΋ಈ͘
    Πϯετʔϧ͕͍Βͳ͍
    ϗʔϜը໘ʹΞΠίϯΛ௥ՃͰ͖Δ
    ϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ
    (14ػೳΛར༻Ͱ͖Δ

    View Slide

  8. 18"ରԠʹඞཁͳ͜ͱ
    ΢ΣϒαΠτΛ18"ʹରԠ͢ΔͨΊʹඞཁͳ͜ͱ
    αΠτͷৗ࣌44-ʢ)5514ʣԽ
    ΢ΣϒΞϓϦͷϚχϑΣετϑΝΠϧͷ࡞੒
    4FSWJDF8PSLFSͷ࡞੒
    8FCϓογϡ௨஌ΛૹΔͨΊͷػೳͷ࣮૷

    View Slide

  9. $.4ʹ18"αϙʔτػೳΛ౥ࡌ
    ͨ͠ΒศརͳΜ͡Όͳ͍͔ʁ

    View Slide

  10. ͱͦͷલʹ

    View Slide

  11. Ϣʔβʔࣄྫ
    ӳޠڭࣨͷαΠτ
    ӳޠڭࣨͷද޲͚ͷαΠτͱ
    डߨऀ޲͚ϖʔδΛӡӦ
    डߨऀ޲͚ʹ͸ΞΠίϯΛϗʔ
    Ϝը໘ʹొ࿥ͯ͠΋Βͬͯɺ
    ΞϓϦͷΑ͏ʹ্ཱ͕ͪΔ

    View Slide

  12. Ϣʔβʔࣄྫ
    ཅޫ୆খֶߍ15"༷
    খֶߍͷ15"ͷ΢ΣϒαΠτ
    Ұൠ޲͚ͱύεϫʔυอޢΛ
    ࢖ͬͨձһ޲͚ϖʔδΛ࡞੒
    IUUQZPVLPVEBJNPWBCMFUZQFJP

    View Slide

  13. 18"ศརͩ͠ීٴͯ͠΄͍͕͠ɺɺ
    18"͕ࢥͬͨΑΓීٴ͠ͳ͍ཧ༝ɺɺɺ
    J04ʢ4BGBSJʣͷରԠ͕·ͩෆ׬શ
    ͔͠͠ɺ
    w೥Նɿ։ൃதͷεςʔλεʹมߋ
    w೥͸͡Ίɿ4FSWJDF8PSLFS͕࣮૷͞ΕΦϑϥΠϯ
    ΩϟογϡʹରԠ
    w೥ळͷ৽͍͠04Ͱ8FCϓογϡ௨஌ʹظ଴ɺɺɺ
    ͕࣮૷͞Εͣʊcʉc˓

    View Slide

  14. ೥݄̑18"ରԠαϙʔτػೳΛ౥ࡌ
    ҎԼΛ$.4ͷػೳͱ࣮ͯ͠૷
    w΢ΣϒΞϓϦϚχϑΣετઃఆ
    w8FCϓογϡ௨஌
    wΦϑϥΠϯΩϟογϡ
    ˞8FCϓογϡ௨஌͸ελϯμʔυϓ
    ϥϯ͔Βར༻Ͱ͖·͢

    View Slide

  15. ௥Ճඅ༻ͳ͠ͷৗ࣌44-ରԠ
    ඪ४υϝΠϯ΋ಠࣗυϝΠϯ
    ΋ແྉͰৗ࣌44-Խ
    ඇӦརஂମ*43(͕ఏڙ͢ΔແྉͰ44-5-4ূ໌ॻ
    Λൃߦ͢ΔαʔϏεʮ-FUT&ODSZQUʯͷυϝΠϯ
    ೝূܕ44-ূ໌ॻΛ؆୯ʹઃఆՄೳ
    ˞ελϯμʔυϓϥϯҎ্ͳΒ࣋ͪࠐΈ44-΋ར༻
    0,

    View Slide

  16. ΢ΣϒΞϓϦϚχϑΣετઃఆ
    ؅ཧը໘ͰɺNBOJGFTUKTPO
    ʹඞཁ߲໨ΛઃఆՄೳ
    KTPOϑΝΠϧ͸ಠࣗλάͰ
    NU.BOJGFTU-JOL
    ͱ͔͚ͩ͘Ͱग़ྗ͞ΕΔ

    View Slide

  17. 8FCϓογϡ௨஌ͷઃఆͱઃஔ΋؆୯
    ొ࿥΢Οϯυ΢ͷςϯϓϨʔτ΍
    ௨஌͢ΔࡍͷςϯϓϨʔτΛઃఆ
    Մೳ
    ඞཁͳεΫϦϓτ΋
    NU4FSWJDF8PSLFS4OJQQFU
    ͱॻ͚ͩ͘Ͱग़ྗ͞ΕΔ

    View Slide

  18. 4FSWJDF8PSLFSςϯϓϨʔτ
    ΦϑϥΠϯΩϟογϡͳͲΛίϯ
    τϩʔϧ͢ΔͨΊʹɺγεςϜς
    ϯϓϨʔτͱͯ͠ɺ4FSWJDF
    8PSLFSͷςϯϓϨʔτΛ࡞੒Մೳ

    View Slide

  19. σϞ

    View Slide

  20. ͪΐͬͱࢼͯ͠Έ͍ͨʂ

    View Slide

  21. ੍࡞ऀ޲͚ධՁϥΠηϯε
    ੍࡞ऀ޲͚ධՁϥΠηϯε
    8FC੍࡞ऀͷํ͕ɺσϞ΍ධՁʹར༻Ͱ͖ΔϥΠ
    ηϯεΛ༻ҙ͍ͯ͠·͢ɻ
    ελϯμʔυϓϥϯΛར༻Ͱ͖·͢ɻ

    View Slide

  22. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

    View Slide