【MT東京-56】 MovableType.net の便利機能をご紹介

【MT東京-56】PWA（progressive Web Apps) とは？ Webプッシュ通知&MovableType.netの機能紹介のイベントで
「メンテナンスフリーで安全に運用できるCMS MovableType.net の知られざる便利機能をご紹介」
というタイトルで登壇させていただいた資料に、デモでご紹介した機能の資料を追加したものになります。

Transcript

1. ϝϯςφϯεϑϦʔͰ҆શʹӡ༻Ͱ͖Δ$.4
   .PWBCMF5ZQFOFUͷ஌ΒΕ͟ΔศརػೳΛ͝঺հ
   

   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"ͱ͸ʁ
   (PPHMF͕ఏএ͍ͯ͠Δɺ18" 1SPHSFTTJWF
   8FC"QQT
   ͸ɺͬ͘͟Γݴ͏ͱɺɺɺ
   ωΠςΟϒΞϓϦͷମݧΛ΢ΣϒͰ΋ʂͱ͍
   ͏झࢫͷٕज़
   

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

17. 18"σϞ
    ʢʹؔͯ͠͸ηογϣϯͰʂʣ
    

    View Slide

18. ஌ΒΕ͟ΔศརػೳσϞ
    

    View Slide

19. ڞ༗ϓϨϏϡʔػೳ
    ਪଌ͞Εʹ͍͘ݻఆͷ63-ͰϓϨϏϡʔͰ͖Δ
    ͷͰɺࣾ಺ͷਓ΍ؔ܎ऀʹڞ༗ͯ͠಺༰Λ֬ೝ͠
    ͯ΋Β͏͜ͱ͕ՄೳͰ͢ɻ
    ݸผϖʔδͷঢ়ଶ͚ͩͰ͸ͳ͘ɺτοϓϖʔδ΍
    ҰཡϖʔδͰ͸ͲͷΑ͏ʹදࣔ͞ΕΔ͔Λެ։
    લʹ֬ೝͰ͖Δͷ΋ಛ௕Ͱ͢ɻ
    ҆શͷͨΊύεϫʔυ΋ઃఆͰ͖·͢ɻ
    هࣄ΍΢ΣϒϖʔδΛ
    ެ։લʹڞ༗
    

    View Slide

20. ࠩ͠ସ͑༧໿ػೳ
    ӡ༻ͷॿ͚ͱͳΔࠩ͠ସ͑༧໿ػೳʂ
    ࢦఆͨ͠೔࣌ʹɺެ։͍ͯ͠Δهࣄ΍΢ΣϒϖʔδΛ
    ࠩ͠ସ͑Δ͜ͱ͕Մೳͳʮࠩ͠ସ͑༧໿ػೳʯ
    w ʮެ։தʯͷهࣄ͸ͦͷ··Ͱɺ࣍ʹߋ৽͢Δ಺༰
    Λʮࠩ͠ସ͑൛ʯͱͯ͠࡞੒
    w ࠩ͠ସ͑ͷ༧໿͕Մೳ
    w ʮެ։தʯͷهࣄ͕ࠩ͠ସΘΔͨͼʹɺࣗಈతʹཤ
    ྺ͕࢒Δ
    w ʮࠩ͠ସ͑൛ʯ͸աڈͷࠩ͠ସ͑ཤྺ΍ɺʮެ։தʯ
    ͷهࣄΛҾ༻ͯ͠࡞੒Մೳ
    

    View Slide

21. هࣄ΢Σϒϖʔδཤྺൺֱػೳ
    هࣄ΍΢ΣϒϖʔδΛอଘ͢Δ͝ͱʹཤྺ͕࢒
    Γ·͢ɻཤྺΛࢀরͯ͠աڈͷঢ়ଶʹ໭ͨ͠Γɺ
    อଘ࣌ʹ͸จࣈ·ͰͷϝϞΛ࢒͢͜ͱ͕Ͱ͖
    ΔͨΊɺมߋ಺༰΍ฤू಺༰ͳͲΛه࿥͓ͯ͠
    ͘͜ͱ΋ՄೳͰ͢ɻ
    ߋ৽ΛߦͬͨϝϯόʔΛཤྺͰ֬ೝ͢Δ͜ͱ͕
    Ͱ͖ΔͨΊɺ୭͕ͲͷΑ͏ͳมߋΛߦ͔ͬͨ͢
    ͙Θ͔Γ·͢ɻ
    ෳ਺ਓͰهࣄ΍΢ΣϒϖʔδΛ
    ࡞Δࡍʹศརʂ
    

    View Slide

22. ϫʔΫϑϩʔػೳ
    εϜʔζͳӡӦʹʂ
    ίϯςϯπʢهࣄɾ΢ΣϒϖʔδʣΛެ։͢Δ·Ͱͷ
    ίϛϡχέʔγϣϯΛߦ͏ػೳɻ
    ϝʔϧͰ௨஌΋͞ΕɺΞΧ΢ϯτΛ࣋ͨͳ͍ϝϯόʔ
    ΋ࢀՃՄೳ
    ελϯμʔυϓϥϯҎ্Ͱར༻Մೳ
    

    View Slide

23. ؅ཧը໘*1ΞυϨε੍ݶ
    ҆શͳӡӦʹʂ
    ؅ཧը໘΁ͷΞΫηεΛ΢Σ
    ϒαΠτຖʹ*1ΞυϨε੍
    ݶ΋Մೳɻ
    ສ͕ҰϝʔϧΞυϨε΍ύ
    εϫʔυ͕஌ΒΕͨ৔߹Ͱ
    ΋΢ΣϒαΠτΛकΕ·͢ɻ
    

    View Slide

24. ϑΥʔϜػೳ
    ͓໰͍߹ΘͤͳͲʹ࢖͑Δ
    ϑΥʔϜػೳΛඪ४૷උ
    ࢦఆ͞ΕͨίʔυຒΊࠐΉ͚ͩͰ؆୯ʹɺ
    ͓໰͍߹ΘͤϑΥʔϜΛઃஔ͢Δ͜ͱ͕Ͱ
    ͖·͢ɻ
    ߲໨΍ϥϕϧͳͲΛࣗ༝ʹઃஔ͠ɺฒͼସ
    ͑΋ՄೳͰ͢ɻ
    ϑΝΠϧ΋ఴ෇͢Δ͜ͱ͕Ͱ͖·͢ɻ
    

    View Slide

25. ϑΥʔϜػೳͷڧԽ
    ɾड෇σʔλͷอଘͱ$47ʹΑΔॻ͖ग़͠
    ɾ೔࣌΍ड෇݅਺ʹΑΔࣗಈऴྃػೳ
    ɾड෇൪߸ͷදࣔͱ؅ཧ
    ɾϑΥʔϜʹड෇݅਺ͷঢ়گΛදࣔ
    ड෇σʔλΛอଘˍॻ͖ग़͠Մೳʂ
    ड෇σʔλΛۀ຿վળϓϥοτϑΥʔϜͷ
    LJOUPOFͷΞϓϦʹ௚઀ૹ৴
    LJOUPOF࿈ܞػೳ
    

    View Slide

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

    View Slide

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

    View Slide

28. αϙʔτίϯςϯπ
    τϑͰ΋Ͱ͖ΔʂʁςʔϚ։ൃߨ࠲
    ςϯϓϨʔτɾςʔϚ։ൃΛ͸͡ΊΔॳ৺
    ऀ޲͚ίϯςϯπɻ
    IUUQTEFWFMPQFSNPWBCMFUZQFOFU
    UIFNFHVJEF
    
    ɹॻ੶ͷ1%'൛΋ެ։தʂ
    

    View Slide

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

    View Slide