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

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

hayase
March 12, 2019

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

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

hayase

March 12, 2019
Tweet

More Decks by hayase

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. αϙʔτίϯςϯπ
    τϑͰ΋Ͱ͖ΔʂʁςʔϚ։ൃߨ࠲
    ςϯϓϨʔτɾςʔϚ։ൃΛ͸͡ΊΔॳ৺
    ऀ޲͚ίϯςϯπɻ
    IUUQTEFWFMPQFSNPWBCMFUZQFOFU
    UIFNFHVJEF

    ɹॻ੶ͷ1%'൛΋ެ։தʂ

    View full-size slide

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

    View full-size slide