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

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

Transcript

1. ϝϯςφϯεϑϦʔͰ҆શʹӡ༻Ͱ͖Δ$.4
   .PWBCMF5ZQFOFU
   ͷ஌ΒΕ͟ΔศརػೳΛ͝঺հ
   
2. ࣗݾ঺հ γοΫεɾΞύʔτגࣜձࣾɹ੡඼اը୲౰
   ૣ੉ɹকҰ ݸਓαΠτɹIUUQTIBZBTFUW ɾ.5 .PWBCMF
   5ZQF ྺ೥໨
   ɾԕڑ཭πʔΩχετʢἚ৓ʣ
   ɾςϨϫʔΫͰϫʔϧυϏδωεαςϥΠτີணऔࡐ
   ɾυϩʔϯඈ͹ͯ͠ࢢͷެࣜ؍ޫಈը࡞੒
   ɾԻָϥΠϒͷԋग़༻ιϑτͳͲ͍Ζ͍Ζ࡞੒
   ɾ΀Α΀ΑFεϙʔπ
   TXJUDI൛
   ɹਓதҐ෇ۙɹἚ৓ࠃମ༧બग़৔༧ఆ
   
4. .PWBCMF5ZQFOFU খதن໛ͷ΢ΣϒαΠτ੍࡞ɾӡӦʹ࠷ద ֹ݄໿ԁ͔Βొ࿥͢Ε͹͙͢ʹ࢖͑Δ ϝϯςφϯεϑϦʔͷ΢ΣϒαʔϏεܕߴػೳ$.4 IUUQTNPWBCMFUZQFOFU
5. .PWBCMF5ZQFOFUͷಛ௕ w΢ΣϒαʔϏεܕͳͷͰ೉͍͠ઃఆ౳ͳ͘Ϣʔβʔొ࿥͢Δ͚ͩͰ͙͢࢖͑Δ
   wαʔόʔ؅ཧ΍ιϑτ΢ΣΞͷ؅ཧ͕ෆཁͳͷͰɺηΩϡϦςΟ౳΋ؾʹͤͣʹ҆ ৺ͯ͠ӡ༻͕Մೳ
   wαʔόʔྖҬͱ$.4ͷར༻ྉ͕ࠐΈͰֹ݄໿ԁʢ೥ؒҰׅ෷͍ͷ৔߹ʣ͔Β ҆Ձʹ࢝ΊΒΕΔ
   wϖʔδ͸׬શʹಈతԽ͞Ε͍ͯΔʢϖʔδੜ੒ͷ଴ͪ࣌ؒͳ͠ʣ
   wσβΠϯ͸)5.-ϨϕϧͰࣗ༝ʹฤूՄೳͰɺ$.4ͷσʔλ͸.5λάͱ͍͏ಠࣗ λάͰ؆୯ʹѻ͑Δ
   wεϚʔτϑΥϯʹରԠͨ͠ଈઓྗʹͳΔϨεϙϯγϒσβΠϯͷςʔϚΛෳ਺༻ҙ
   w؆୯ʹ࡞੒ઃஔ͕Ͱ͖ΔϑΥʔϜػೳ͕ඪ४Ͱ౥ࡌ͞Ε͍ͯΔ
6. .PWBCMF5ZQFOFU
   ϑΥʔϜ 8PSE1SFTTͰ΋੩త)5.-ϖʔ δͰ΋ɺιʔεΛషΓ෇͚Δ͚ͩ Ͱઃஔ͕Ͱ͖ΔϑΥʔϜαʔϏεʂ IUUQTNPWBCMFUZQFOFUGPSN
7. 18"ͱ͸ʁ (PPHMF͕ఏএ͍ͯ͠Δɺ18" 1SPHSFTTJWF
   8FC
   "QQT ͸ɺͬ͘͟Γݴ͏ͱɺɺɺ
   ωΠςΟϒΞϓϦͷମݧΛ΢ΣϒͰ΋ʂͱ͍ ͏झࢫͷٕज़
8. 18"ରԠͷϝϦοτ 
   ϖʔδͷಡΈࠐΈ͕଎͍
   
   ΦϑϥΠϯͰ΋ಈ͘
   
   Πϯετʔϧ͕͍Βͳ͍
   
   ϗʔϜը໘ʹΞΠίϯΛ௥ՃͰ͖Δ
   
   ϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ
   
   (14ػೳΛར༻Ͱ͖Δ
   
9. 18"ରԠʹඞཁͳ͜ͱ ΢ΣϒαΠτΛ18"ʹରԠ͢ΔͨΊʹඞཁͳ͜ͱ
   αΠτͷৗ࣌44-ʢ)5514ʣԽ
   ΢ΣϒΞϓϦͷϚχϑΣετϑΝΠϧͷ࡞੒
   4FSWJDF
   8PSLFS
   ͷ࡞੒
   8FCϓογϡ௨஌ΛૹΔͨΊͷػೳͷ࣮૷
10. ೥݄̑
    18"ରԠαϙʔτػೳΛ౥ࡌ ҎԼΛ$.4ͷػೳͱ࣮ͯ͠૷ w΢ΣϒΞϓϦϚχϑΣετઃఆ
    w8FCϓογϡ௨஌
    wΦϑϥΠϯΩϟογϡ ˞
    8FCϓογϡ௨஌͸ελϯμʔυϓ ϥϯ͔Βར༻Ͱ͖·͢
11. ௥Ճඅ༻ͳ͠ͷৗ࣌44-ରԠ ඪ४υϝΠϯ΋ಠࣗυϝΠϯ ΋ແྉͰৗ࣌44-Խ ඇӦརஂମ*43(͕ఏڙ͢ΔແྉͰ44-5-4ূ໌ॻ Λൃߦ͢ΔαʔϏεʮ-FUT
    &ODSZQUʯͷυϝΠϯ ೝূܕ44-ূ໌ॻΛ؆୯ʹઃఆՄೳ
    ˞ελϯμʔυϓϥϯҎ্ͳΒ࣋ͪࠐΈ44-΋ར༻ 0,
12. ΢ΣϒΞϓϦ
    ϚχϑΣετઃఆ ؅ཧը໘ͰɺNBOJGFTUKTPO ʹඞཁ߲໨ΛઃఆՄೳ
    KTPOϑΝΠϧ͸ಠࣗλάͰ
    NU.BOJGFTU-JOL
    ͱ͔͚ͩ͘Ͱग़ྗ͞ΕΔ
13. 8FCϓογϡ௨஌ͷઃఆͱઃஔ΋؆୯ ొ࿥΢Οϯυ΢ͷςϯϓϨʔτ΍ ௨஌͢ΔࡍͷςϯϓϨʔτΛઃఆ Մೳ
    ඞཁͳεΫϦϓτ΋
    NU4FSWJDF8PSLFS4OJQQFU
    
    ͱॻ͚ͩ͘Ͱग़ྗ͞ΕΔ
14. 4FSWJDF
    8PSLFS
    ςϯϓϨʔτ ΦϑϥΠϯΩϟογϡͳͲΛίϯ τϩʔϧ͢ΔͨΊʹɺγεςϜς ϯϓϨʔτͱͯ͠ɺ4FSWJDF
    8PSLFSͷςϯϓϨʔτΛ࡞੒Մೳ
15. Ϣʔβʔࣄྫ ӳޠڭࣨͷαΠτ ӳޠڭࣨͷද޲͚ͷαΠτͱ डߨऀ޲͚ϖʔδΛӡӦ
    डߨऀ޲͚ʹ͸ΞΠίϯΛϗʔ Ϝը໘ʹొ࿥ͯ͠΋Βͬͯɺ ΞϓϦͷΑ͏ʹ্ཱ͕ͪΔ
16. Ϣʔβʔࣄྫ ཅޫ୆খֶߍ15"༷ খֶߍͷ15"ͷ΢ΣϒαΠτ
    Ұൠ޲͚ͱύεϫʔυอޢΛ
    ࢖ͬͨձһ޲͚ϖʔδΛ࡞੒ IUUQZPVLPVEBJNPWBCMFUZQFJP
17. 18"σϞ
    ʢʹؔͯ͠͸ηογϣϯͰʂʣ
18. ஌ΒΕ͟ΔศརػೳσϞ
19. ڞ༗ϓϨϏϡʔػೳ ਪଌ͞Εʹ͍͘ݻఆͷ63-ͰϓϨϏϡʔͰ͖Δ ͷͰɺࣾ಺ͷਓ΍ؔ܎ऀʹڞ༗ͯ͠಺༰Λ֬ೝ͠ ͯ΋Β͏͜ͱ͕ՄೳͰ͢ɻ
    ݸผϖʔδͷঢ়ଶ͚ͩͰ͸ͳ͘ɺτοϓϖʔδ΍ ҰཡϖʔδͰ͸ͲͷΑ͏ʹදࣔ͞ΕΔ͔Λެ։ લʹ֬ೝͰ͖Δͷ΋ಛ௕Ͱ͢ɻ
    ҆શͷͨΊύεϫʔυ΋ઃఆͰ͖·͢ɻ هࣄ΍΢ΣϒϖʔδΛ
    ެ։લʹڞ༗
20. ࠩ͠ସ͑༧໿ػೳ ӡ༻ͷॿ͚ͱͳΔࠩ͠ସ͑༧໿ػೳʂ ࢦఆͨ͠೔࣌ʹɺެ։͍ͯ͠Δهࣄ΍΢ΣϒϖʔδΛ ࠩ͠ସ͑Δ͜ͱ͕Մೳͳʮࠩ͠ସ͑༧໿ػೳʯ
    w ʮެ։தʯͷهࣄ͸ͦͷ··Ͱɺ࣍ʹߋ৽͢Δ಺༰ Λʮࠩ͠ସ͑൛ʯͱͯ͠࡞੒
    w ࠩ͠ସ͑ͷ༧໿͕Մೳ
    w ʮެ։தʯͷهࣄ͕ࠩ͠ସΘΔͨͼʹɺࣗಈతʹཤ ྺ͕࢒Δ
    w ʮࠩ͠ସ͑൛ʯ͸աڈͷࠩ͠ସ͑ཤྺ΍ɺʮެ։தʯ ͷهࣄΛҾ༻ͯ͠࡞੒Մೳ
21. هࣄ΢Σϒϖʔδཤྺൺֱػೳ هࣄ΍΢ΣϒϖʔδΛอଘ͢Δ͝ͱʹཤྺ͕࢒ Γ·͢ɻཤྺΛࢀরͯ͠աڈͷঢ়ଶʹ໭ͨ͠Γɺ อଘ࣌ʹ͸จࣈ·ͰͷϝϞΛ࢒͢͜ͱ͕Ͱ͖ ΔͨΊɺมߋ಺༰΍ฤू಺༰ͳͲΛه࿥͓ͯ͠ ͘͜ͱ΋ՄೳͰ͢ɻ
    ߋ৽ΛߦͬͨϝϯόʔΛཤྺͰ֬ೝ͢Δ͜ͱ͕ Ͱ͖ΔͨΊɺ୭͕ͲͷΑ͏ͳมߋΛߦ͔ͬͨ͢ ͙Θ͔Γ·͢ɻ
    
    ෳ਺ਓͰهࣄ΍΢ΣϒϖʔδΛ ࡞Δࡍʹศརʂ
22. ϫʔΫϑϩʔػೳ εϜʔζͳӡӦʹʂ ίϯςϯπʢهࣄɾ΢ΣϒϖʔδʣΛެ։͢Δ·Ͱͷ ίϛϡχέʔγϣϯΛߦ͏ػೳɻ
    ϝʔϧͰ௨஌΋͞ΕɺΞΧ΢ϯτΛ࣋ͨͳ͍ϝϯόʔ ΋ࢀՃՄೳ
    ελϯμʔυϓϥϯҎ্Ͱར༻Մೳ
23. ؅ཧը໘*1ΞυϨε੍ݶ ҆શͳӡӦʹʂ ؅ཧը໘΁ͷΞΫηεΛ΢Σ ϒαΠτຖʹ*1ΞυϨε੍ ݶ΋Մೳɻ
    ສ͕ҰϝʔϧΞυϨε΍ύ εϫʔυ͕஌ΒΕͨ৔߹Ͱ ΋΢ΣϒαΠτΛकΕ·͢ɻ
24. ϑΥʔϜػೳ ͓໰͍߹ΘͤͳͲʹ࢖͑Δ
    ϑΥʔϜػೳΛඪ४૷උ ࢦఆ͞ΕͨίʔυຒΊࠐΉ͚ͩͰ؆୯ʹɺ ͓໰͍߹ΘͤϑΥʔϜΛઃஔ͢Δ͜ͱ͕Ͱ ͖·͢ɻ
    ߲໨΍ϥϕϧͳͲΛࣗ༝ʹઃஔ͠ɺฒͼସ ͑΋ՄೳͰ͢ɻ
    ϑΝΠϧ΋ఴ෇͢Δ͜ͱ͕Ͱ͖·͢ɻ
25. ϑΥʔϜػೳͷڧԽ ɾड෇σʔλͷอଘͱ$47ʹΑΔॻ͖ग़͠
    ɾ೔࣌΍ड෇݅਺ʹΑΔࣗಈऴྃػೳ
    ɾड෇൪߸ͷදࣔͱ؅ཧ
    ɾϑΥʔϜʹड෇݅਺ͷঢ়گΛදࣔ
    ड෇σʔλΛอଘˍॻ͖ग़͠Մೳʂ ड෇σʔλΛۀ຿վળϓϥοτϑΥʔϜͷ LJOUPOFͷΞϓϦʹ௚઀ૹ৴
    LJOUPOF࿈ܞػೳ
26. ͪΐͬͱࢼͯ͠Έ͍ͨʂ
27. ੍࡞ऀ޲͚ධՁϥΠηϯε ੍࡞ऀ޲͚ධՁϥΠηϯε
    8FC੍࡞ऀͷํ͕ɺσϞ΍ධՁʹར༻Ͱ͖ΔϥΠ ηϯεΛ༻ҙ͍ͯ͠·͢ɻ
    ελϯμʔυϓϥϯΛར༻Ͱ͖·͢ɻ
28. αϙʔτίϯςϯπ τϑͰ΋Ͱ͖ΔʂʁςʔϚ։ൃߨ࠲
    ςϯϓϨʔτɾςʔϚ։ൃΛ͸͡ΊΔॳ৺ ऀ޲͚ίϯςϯπɻ
    IUUQTEFWFMPQFSNPWBCMFUZQFOFU UIFNFHVJEF
    
    
    ɹॻ੶ͷ1%'൛΋ެ։தʂ
    
29. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ