MTDDCtokyo2022 MTBlockEditor

タイトル：プラグインとテーマを 活用した効率の良いサイト制作・運営
Movable Type で利用できるブロックエディタプラグインの活用方法の紹介と、それを活かしたデザインテーマについてお話します。

Transcript

1. .5#MPDL&EJUPSϓϥάΠϯͱςʔϚΛ
   ׆༻ͨ͠ޮ཰ͷྑ͍αΠτ੍࡞ɾӡӦ
   

   View Slide

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

   View Slide

3. ຊ೔ͷ༧ఆ
   .PWBCMF5ZQFͰར༻Ͱ͖ΔϒϩοΫΤσΟλ
   ϓϥάΠϯͷ׆༻ํ๏ͷ঺հͱɺͦΕΛ׆͔ͨ͠
   σβΠϯςʔϚʹ͍͓ͭͯ࿩͠·͢ɻ
   

   View Slide

4. .5#MPDL&EJUPSͱ͸ʁ
   .PWBCMF5ZQFOFUͰ͸ඪ४ػೳͱ
   ͯ͠౥ࡌɺ.5Ͱ͸ϓϥάΠϯͱ
   ͯ͠ར༻Ͱ͖ΔϒϩοΫΤσΟλ
   ػೳ
   

   View Slide

5. .5#MPDL&EJUPSͷಛ௃
   .5#MPDL&EJUPSʹ͸ҎԼͷಛ௃͕͋Γ·͢
   ϒϩοΫΛ௥Ճ͍͔ͯͨͪ͘͠ͰίϯςϯπΛ࡞੒
   ίϯςϯπλΠϓͷςΩετʢෳ਺ߦʣɺهࣄɾ΢Σϒϖʔ
   δͷຊจͱଓ͖Ͱར༻Մೳ
   ಠࣗͷΧελϜϒϩοΫΛ؆୯ʹ࡞੒͠௥ՃՄೳ
   ͲͷϒϩοΫΛ࢖͏͔ͷදࣔઃఆ΋Մೳ
   දࣔઃఆͷϓϦηοτ΋࡞੒Մೳ
   ؅ཧը໘্Ͱͷ$44ͷઃఆ΋Մೳ
   

   View Slide

6. ؅ཧը໘্Ͱͷ$44ͷࢦఆ
   ެ։࣌ͷσβΠϯͱಉ͡༻ʹɺฤूதͷ
   ؅ཧը໘Ͱ΋֬ೝ͢Δ͜ͱ͕Մೳ
   

   View Slide

7. ߏ଄Խ͞Εͨσʔλͱͯ͠ग़ྗՄೳ
   ଞͷϑΥʔϚοτͷΑ͏ʹ)5.-Ͱग़ྗ
   ͢Δ͜ͱ΋Մೳ͕ͩɺ
   .5#MPDL&EJUPS#MPDLTλάͳͲΛར༻
   ͯ͠ɺߏ଄Խ͞Εͨσʔλͱͯ͠ѻ͏͜
   ͱ΋Մೳ
   

   View Slide

8. ΧελϜϒϩοΫͷ࣮ྫ
   

   View Slide

9. ϦϯΫ༻ΧελϜϒϩοΫ
   ϦϯΫΛදࣔ͢Δ৔߹ʹɺ૷০ͯ͠໨
   ཱͨͤͯදࣔ͢ΔͨΊʹɺϦϯΫઐ༻
   ͷϒϩοΫΛ࡞੒
   IUUQTNPWBCMFUZQFOFUCMPHDVTUPNCMPDLCFHJOOFSIUNM
   

   View Slide

10. όφʔϦϯΫը૾Λૠೖ͢ΔϒϩοΫ
    όφʔը૾ʴϦϯΫɺͱ͍ͬͨදݱΛ
    ͢Δ৔߹ʹɺը૾ͱ63-Λࢦఆ͢Δͩ
    ͚Ͱը૾ϦϯΫΛૠೖ
    IUUQTNPWBCMFUZQFOFUCMPHCBOOFSCMPDLIUNM
    

    View Slide

11. ੕ධՁΛ࣮ݱ͢ΔϒϩοΫ
    ϨϏϡʔهࣄΛॻ͘৔߹ͳͲʹɺஈ
    ֊ͷ੕ͷΞΠίϯͰධՁ͠දࣔ͢Δɺ
    ͱ͍ͬͨ͜ͱ΋Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHTUBSSBUJOHIUNM
    

    View Slide

12. ϨεϙϯγϒϨΠΞ΢τΛ୲อͨ͠ΧϥϜͷϒϩοΫ
    ϝΠϯίϯςϯπ෦෼Ͱྻɺྻͷ
    ϨΠΞ΢τΛϨεϙϯγϒϨΠΞ΢τ
    Λ୲อͨ͠ঢ়ଶͰɺ៉ྷʹίϯςϯπ
    Λ഑ஔ͢Δ͜ͱ͕Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHMBZPVUIUNM
    

    View Slide

13. ΤΫηϧΛಡΈࠐΜͰςʔϒϧͰදࣔ͢ΔϒϩοΫ
    දͳͲΛܝࡌ͢Δ৔߹ʹ͸ɺςʔϒϧ
    Λར༻͢Δ৔߹͕͋Δ
    ΤΫηϧϑΝΠϧΛυϥοάˍυϩο
    ϓ͢Δ͚ͩͰUBCMFλάʹΑΔද͕ࣔ
    ࣗಈతʹ࡞੒͞ΕΔ
    IUUQTNPWBCMFUZQFOFUCMPHFYDFMUBCMFIUNM
    

    View Slide

14. ιʔείʔυΛදࣔ͢ΔϒϩοΫ
    ιʔείʔυΛ៉ྷʹݟ͍ͤͨɺͱ
    ͍ͬͨ৔߹Ͱ΋ɺιʔείʔυΛ୯७
    ʹషΓ෇͚Δ͚ͩͰ៉ྷʹݟͤΔ͜ͱ
    ͕Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHTPVSDFDPEFIUNM
    

    View Slide

15. ը૾ΛεϥΠυγϣʔͰදࣔ͢ΔϒϩοΫ
    ը૾୯ମ͚ͩͰ͸ͳ͘ɺෳ਺ͷը૾Λ
    ࢦఆͯ͠εϥΠυγϣʔΛຒΊࠐΉϒ
    ϩοΫ΋࡞੒Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHTMJEFTIPXIUNM
    

    View Slide

16. :PVUVCFΛϨεϙϯγϒରԠͤ͞ΔϒϩοΫ
    ୯७ʹࢦఆ͞ΕͨιʔείʔυΛషΓ
    ෇͚Δ͚ͩͰ͸ϨεϙϯγϒରԠ͕Ͱ
    ͖ͳ͍ͨɺ63-Λࢦఆ͢Δ͚ͩͰϨε
    ϙϯγϒରԠͨ͠ϓϨΠϠʔΛදࣔ͢
    Δ͜ͱ͕Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHPFNCFEZPVUVCFIUNM
    

    View Slide

17. ΧελϜϒϩοΫΛ׆༻ͨ͠
    σβΠϯςʔϚ
    

    View Slide

18. ϒϩοΫΤσΟλΛϑϧ׆༻
    )5.-ͳͲ͸Ұ੾͞ΘΒͣʹɺτοϓ
    ϖʔδ΋ؚΉશͯͷϖʔδΛ࡞੒͢Δ
    ͜ͱ͕ՄೳͳςʔϚ΋࣮ݱՄೳʂ
    

    View Slide

19. ͝ࢹௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    

    View Slide