手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」

2022年10月13日にシックス・アパート社さんと共催した【オンラインミニセミナー】SaaS型CMS MovableType.net の効果的な使い方 2022で使用したスライドです。

https://www.sixapart.jp/seminar/sa/2022/09/09-1151.html

セッション概要：
SaaS型CMSはそのルールにあわせて仕事をしなければならない、MovableType.netの登場以前はそう思っていました。
エンジニア不在の制作会社でも提供できる「クライアントから支持されるウェブサイト」について、構築事例をもとに、その考え方・活用方法をご紹介します。

Transcript

1. גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ɹ੢ࢁɹହ࢙
   ೥݄೔
   ΢ΣϒαΠτ੍࡞ݱ৔Ͱͷ࣮ࡍͷߏஙࣄྫͱ׆༻ϙΠϯτ
   4BB4ܕ$.4.PWBCMF5ZQFOFUͷޮՌతͳ࢖͍ํ1"35
   खܰ͞΍ࣗ༝౓ͷϝϦοτ͚ͩ͡Όͳ͍
   4BB4ܕ$.4Ͱ࡞Δ
   ΫϥΠΞϯτ͔Βࢧ࣋͞ΕΔ΢ΣϒαΠτ
   

   View Slide

2. ࡾ౓ͷ൧ΑΓ৯΂Δ͜ͱɺ
   ͦͯ͠ҿΉ͜ͱ͕޷͖
   גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ʗσΟϨΫλʔ
   ೥݄૑ۀɺ೥݄๏ਓԽʢ๏ਓظ໨ʣ
   .PWBCMF5ZQFΛϓϥοτϑΥʔϜʹ΢ΣϒαΠτΛߏங
   ೥ɹ1SP/FUʢγοΫεɾΞύʔτࣾύʔτφʔʣՃໍ
   ೥ɹ.5՜ҔΛελʔτ
   ೥ɹ.5%%$.FFUVQ)0,,"*%0։࠵
   ೥ɹ.5%%$.FFUVQ)0,,"*%0։࠵
   ੢ࢁɹହ࢙
   ʢʹ͠΍·ɹ΍͢;Έʣ
   

   View Slide

3. σΟϨΫλʔɹ໊
   σβΠφʔɹ໊
   ϑϩϯτΤϯυΤϯδχΞɹ໊
   .5ςϯϓϨʔτΤϯδχΞɹ໊
   ओͳۀ຿
   ɾ΢ΣϒαΠτߏஙʗ΢ΣϒίϯαϧςΟϯά
   ɾࣗࣾ։ൃ੡඼ൢച
   ɾ΢ΣϒγεςϜ։ൃ
   ɾͦͷଞσβΠϯϫʔΫ
   

   View Slide

4. ࣗࣾϓϩμΫτ4,&-&50/$"35ͷ։ൃɾൢച
   .5Ϋϥ΢υରԠʂ
   

   View Slide

5. %ZOBNJD1SFWJFX
   *NBHF6QMPBE6UJMJUZ
   .PWBCMF5ZQF༻ϓϥάΠϯͷ։ൃɾൢച
   

   View Slide

6. %BTICPBSE6UJMJUZGPSNPWBCMFUZQFOFU
   

   View Slide

7. ຊ೔ͷΞδΣϯμ
   

   View Slide

8. γϦʔζϥΠϯφοϓͱ࢖͍Ͳ͜Ζ
   αΠτߏஙମ੍ͱϫʔΫϑϩʔ
   .PWBCMF5ZQFOFUͷར༻ࣄྫ
   .PWBCMF5ZQFOFUͰ
   

   αΠτӡ༻ʹ׆͖Δػೳ
   4BB4ܕ$.4ΛબͿʮͭͷཧ༝ʯ
   

   View Slide

9. γϦʔζϥΠϯφοϓͱ࢖͍Ͳ͜Ζ
   

   View Slide

10. .PWBCMF5ZQF
    4PGUXBSF
    .PWBCMF5ZQF
    $MPVE
    .PWBCMF5ZQFOFU
    4BB4
    ओͳ.PWBCMF5ZQFγϦʔζ
    

    View Slide

11. .PWBCMF5ZQF
    4PGUXBSF
    w αʔόʔΠϯετʔϧܕɺ
    

    1)1ͳͲͷϓϩάϥϜɺ%#ͷซ༻͕Մೳ
    w όʔδϣϯΞοϓɺαʔόʔͳͲϝϯςφϯε͕ඞཁ
    w ॳظ ԁʴ೥ϝϯςφϯε ԁ
    

    ೥໨Ҏ߱͸ ԁʗ೥ؒ
    

    w 4,&-&50/$"35ͱ࿈ܞͨ͠&$αΠτ
    

    w ฐࣾͱͷแׅతอकܖ໿͕Մೳ
    

    View Slide

12. w Ϋϥ΢υαʔϏεܕ$.4ɺ
    

    όʔδϣϯΞοϓɺαʔόʔͳͲϝϯςφϯε͕ෆཁ
    w 4JϓϥϯҎ্Ͱɺಠࣗ1)1΍IUBDDFTT͕ར༻Մೳ
    w ॳظඅ༻ͳ͠ɺ೥ؒ ԁʙʢֹ݄ ԁʙʣ
    

    w αʔόʔ؅ཧऀ͕ෆࡏɺ
    

    ͋Δ͍͸ฐࣾͱͷแׅతอकܖ໿͕೉͍͠
    

    w 4,&-&50/$"35ͱ࿈ܞͨ͠&$αΠτ
    

    w ಠࣗ։ൃͷ%#ૢ࡞ܥϓϩάϥϜͰ͸ͳ͘ɺ
    

    ϓϥάΠϯʹΑΔ֦ுͰ࣮ݱՄೳͳཁ݅
    .PWBCMF5ZQF
    $MPVE
    

    View Slide

13. w 4BB4ܕ$.4ɺ
    

    όʔδϣϯΞοϓɺαʔόʔͳͲϝϯςφϯε͕ෆཁ
    w ϓϥάΠϯɺ1)1ɺ%#ͳͲ͸ར༻ෆՄ͕ͩɺ
    

    ಠࣗͷ֦ுػೳΛ࣍ʑͱϦϦʔε
    w ॳظඅ༻ͳ͠ɺ೥ؒ ԁʙʢֹ݄ܖ໿ ԁʙʣ
    w αʔόʔ؅ཧऀ͕ෆࡏ͋Δ͍͸
    

    ฐࣾͱͷแׅతอकܖ໿͕೉͍͠
    w 1)1΍ϓϥάΠϯͷར༻Ͱ͸ͳ͘ɺ
    

    ඪ४ఏڙͷػೳͰ࣮ݱ͕Մೳͳཁ݅
    .PWBCMF5ZQFOFU
    4BB4
    

    View Slide

14. ػೳ֦ு
    Ϣʔβʔ਺
    αʔόʔ؅ཧ
    όʔδϣϯΞοϓ
    ཁ݅ͱػೳɺίετ͔Βͷબఆ
    ΢ΣϒαΠτͷ
    ໨తɾཁ݅
    .5
    $MPVE
    .5OFU
    .5
    ίετόϥϯε
    ϓϥάΠϯͰͷ֦ு
    ଞͷγεςϜͱͷ࿈ܞ
    

    View Slide

15. ͬ͞ΆΖ˓ಘΫʔϙϯ
    w ݄ʙ݄·Ͱͷݶఆެ։
    

    Ϋʔϙϯར༻ՄೳళฮΛ঺հ͢ΔαΠτ
    

    w ܝࡌ৘ใ͸$47ͰΠϯϙʔτ
    

    ࣸਅܝࡌ͸ϒϩοΫΤσΟλΛར༻
    

    w Ϋʔϙϯར༻Մೳళฮʢ݅ʣΛܝࡌ
    

    ΤϦΞɺδϟϯϧɺళฮ໊ͰݕࡧͰ͖Δඞཁ͕͋Δ
    

    ݕࡧର৅͸݅
    

    ݕࡧ݁Ռʹը૾͕ඞཁ
    

    View Slide

16. αΠτߏஙମ੍ͱϫʔΫϑϩʔ
    

    View Slide

17. ฐࣾϦιʔε
    ϓϩσϡʔαʔ
    σΟϨΫλʔ
    .PWBCMF5ZQF
    ςϯϓϨʔτΤϯδχΞ
    σβΠφʔ
    ϑϩϯτΤϯυ
    ΤϯδχΞ
    ϓϩάϥϚʔ
    σβΠφʔ
    ΧϝϥϚϯɾϥΠλʔ
    1"35/&3
    4&37&3
    ઐ༻αʔόʔ
    Ϩϯλϧαʔόʔ
    αʔόʔΤϯδχΞෆࡏ
    ϑϩϯτΤϯυ
    ΤϯδχΞ
    

    View Slide

18. ҰൠతͳαΠτߏஙϫʔΫϑϩʔ
    ϓϩσϡʔαʔ
    σΟϨΫλʔ
    σβΠφʔ
    ϑϩϯτΤϯυ
    ΤϯδχΞ
    ϓϩάϥϚʔ
    σβΠϯʹ͋Θͤͯ)5.-$44Ͱࣗ༝ʹߏங
    ػೳཁ݅ʹ͋ΘͤͯϓϩάϥϜͰࣗ༝ʹ։ൃ
    .5Ϋϥ΢υ΍.5OFUͰ΋͜Ε͕Մೳʁ
    

    View Slide

19. 4BB4ܕαʔϏεͷϝϦοτɾσϝϦοτ
    4PGUXBSF
    BTB4FSWJDF
    w Ϋϥ΢υͰఏڙ͞ΕΔιϑτ΢ΣΞ
    w ιϑτ΢ΣΞͷΠϯετʔϧෆཁ
    

    ʢΫϥ΢υ্Ͱιϑτ΢ΣΞΛՔಇʣ
    w ωοτϫʔΫܦ༝Ͱιϑτ΢ΣΞΛར༻
    w (NBJM΍LJOUPOFͳͲͷαʔϏε͕֘౰
    

    w 4BB4ܕ$.4͸Ұൠతʹ
    

    ͙͢ʹ࢖͑ͯศརͳ൓໘ɺࣗ༝౓͕௿͍ɻ
    

    w ར༻ྉ͕ۚෛ୲ͱͳΔέʔε΍ɺ
    

    )5.-$44Λ௚઀ฤूͰ͖ͳ͍έʔε
    

    View Slide

20. ฐࣾʹ͓͚ΔҰൠతͳαΠτߏஙϫʔΫϑϩʔ
    ϓϩσϡʔαʔ
    σΟϨΫλʔ
    σβΠφʔ
    ϑϩϯτΤϯυ
    ΤϯδχΞ
    ϓϩάϥϚʔ
    .PWBCMF5ZQF
    ςϯϓϨʔτΤϯδχΞ
    .5
    $MPVE
    .5OFU
    )5.-ίʔσΟϯά͞Εͨ಺༰ʹ͋Θͤͯ
    ςϯϓϨʔτΧελϜϒϩοΫͰࣗ༝ʹߏங
    

    ػೳཁ݅ΛϓϥάΠϯɺ
    ·ͨ͸.5OFUͰఏڙ͞ΕΔػೳͰ࣮ݱ
    

    View Slide

21. .PWBCMF5ZQFOFUͷར༻ࣄྫ
    

    View Slide

22. ͦͷଞ
    
    Ϋϥ΢υ൛
    
    ιϑτ΢ΣΞ൛
    
    

    ˞ฐࣾอकܖ໿΢ΣϒαΠτʹݶΔ
    .PWBCMF5ZQFOFU
    

    View Slide

23. ճసण͠࿨ָ
    w ೥݄ʹ΢ΣϒαΠτΛߏங
    

    ౰ॳ͔Β.PWBCMF5ZQFΛར༻
    

    w ઐ೚ऀ͕ୀ৬ͨ͜͠ͱɺ
    

    ϨεϙϯγϒԽͷඞཁੑ͔Βશ໘ϦχϡʔΞϧ
    

    w γεςϜߏஙͰ͸ͳ͘ɺ
    

    ίϯηϓτཱҊ΍ίϯςϯπ࡞੒ͳͲ
    

    ӡ༻໘ʹΑΓॏ͖Λ͓͍ͯߏங
    

    ʢͦͷଞ޿ࠂ౳΋ฐ͕࣮ࣾࢪʣ
    

    View Slide

24. ֶߍ๏ਓʗࣾձ෱ࢱ๏ਓຈ๺ֶԂ
    w άϧʔϓࢪઃ͕ˠ΁ٸ૿
    

    ֤ࢪઃ͝ͱʹӡ༻͍͕ͨ͠ϧʔϧԽ΋ඞཁ
    

    ˠϫʔΫϑϩʔΛಋೖ
    

    w ࢪઃ͕૿͑Δࡍ΋όοΫΞοϓͱ෮ݩͰରԠ
    

    View Slide

25. )BOETPO5PZ`TΩϯμʔϦʔϓ
    w ೥ͷެ։౰ॳΑΓ.PWBCMF5ZQFΛར༻
    

    ঎඼৘ใ΍ϒϩάهࣄʢ͓஌ΒͤʣΛܝࡌ
    

    w ೥ʹެ։ͨ͠&$αΠτͱ࿈ܞ͍ͤͨ͞
    

    ʢ঎඼ϖʔδ࡞੒ػೳ͕ͳ͔ͬͨʣ
    

    w ΫϥΠΞϯτ୲౰ऀʹΑΔ
    

    ঎඼ϖʔδ࡞੒ʢ&$ͱ࿈ܞʣ
    

    View Slide

26. גࣜձࣾγʔζɾϥϘ
    w ೥ɺ೥ͷϦχϡʔΞϧ࣌΋.5Λར༻
    

    ࠓճͷϦχϡʔΞϧ΋ಉ͡ૢ࡞ੑ͕ྑ͍ͱ൑அ
    

    w ୲౰ऀࣗ਎͕͓஌ΒͤΛߋ৽ɺϒϩάهࣄ΋ࣥච
    

    w ࠾༻৘ใͷߋ৽ʹ༧໿ࠩ͠ସ͑ػೳΛར༻
    

    γʔζϯʹͳΔͱ݄ʹʙճͷ
    

    ΦϯϥΠϯઆ໌ձΛ࣮ࢪ
    

    ʢऴྃ࣌ͷࣗಈߋ৽ʣ
    

    View Slide

27. αΠτӡ༻ʹ׆͖Δػೳ
    

    View Slide

28. ࠩ͠ସ͑༧໿ػೳͱڞ༗ϓϨϏϡʔ
    ެ։ͨ͠΢Σϒϖʔδͷฤू
    

    View Slide

29. ճసण͠࿨ָ
    

    View Slide

30. ճ͋ͨΓϲ݄ؒ΄Ͳͷ4/4ΩϟϯϖʔϯΛ։࠵
    ຖ݄ɺ͓͢͢Ίͷ०ωλΛ঺հ
    

    View Slide

31. ݄೔·Ͱͷ಺༰ ݄೔͔Βͷ಺༰
    ࠩ͠ସ͑൛Λ࡞੒
    ڞ༗ϓϨϏϡʔͰ
    

    ΫϥΠΞϯτଆ֬ೝ
    ೔෇Λઃఆ͠อଘ
    

    View Slide

32. ڞ༗ϓϨϏϡʔͱঝೝϫʔΫϑϩʔ
    هࣄͷެ։લϨϏϡʔ
    

    View Slide

33. ֶߍ๏ਓຈ๺ֶԂ
    

    View Slide

34. ֶԂຊ෦؅ཧऀ
    ʢ࠷ऴঝೝऀʣ
    ֤ࢪઃ؅ཧऀ
    ʢঝೝऀʣ
    ֤ࢪઃ୲౰ऀ
    ʢهࣄ࡞੒ऀʣ
    هࣄܝࡌ࣌ͷϫʔΫϑϩʔ
    

    View Slide

35. ֶԂຊ෦؅ཧऀ
    ʢ࠷ऴঝೝऀʣ
    ֤ࢪઃ؅ཧऀ
    ʢঝೝऀʣ
    ֤ࢪઃ୲౰ऀ
    ʢهࣄ࡞੒ऀʣ
    هࣄܝࡌ࣌ͷϫʔΫϑϩʔ
    

    View Slide

36. ϒϩοΫΤσΟλʴΤσΟλ$44
    ίϯςϯπΛݟͨ··ฤूᶃ
    

    View Slide

37. )BOETPO5PZ`TΩϯμʔϦʔϓ
    

    View Slide

38. ؅ཧը໘ɿΧελϜϒϩοΫ ग़ྗ͞Εͨ঎඼ϖʔδ
    

    View Slide

39. ؅ཧը໘ɿΧελϜϒϩοΫ ग़ྗ͞Εͨ঎඼ϖʔδ
    

    View Slide

40. ؅ཧը໘ɿΧελϜϒϩοΫ ग़ྗ͞Εͨ঎඼ϖʔδ
    

    View Slide

41. ؅ཧը໘ɿΧελϜϒϩοΫ ग़ྗ͞Εͨ঎඼ϖʔδ
    

    View Slide

42. ΧελϜϒϩοΫͷҰཡ
    

    View Slide

43. ঎඼ߪೖϒϩοΫ
    

    View Slide

44. ঎඼ߪೖϒϩοΫ
    

    View Slide

45. ঎඼ߪೖϒϩοΫ
    

    View Slide

46. ঎඼ߪೖϒϩοΫ
    

    View Slide

47. ঎඼ߪೖϒϩοΫ
    

    View Slide

48. ঎඼ߪೖϒϩοΫ
    ͜ͷϒϩοΫʹ͍ͭͯ͸
    NU#MPDL&EJUPS#MPDLT
    Λ࢖ͬͨ΄͏͕ྑ͍ؾ΋͢Δ͚ΕͲ
    ؅ཧը໘ͰͷϓϨϏϡʔ
    ʹͩ͜ΘͬͯΈ·ͨ͠
    

    View Slide

49. ϒϩοΫΤσΟλʴΤσΟλ$44
    ίϯςϯπΛݟͨ··ฤूᶄ
    

    View Slide

50. גࣜձࣾγʔζɾϥϘ
    

    View Slide

51. ؅ཧը໘ɿΧελϜϒϩοΫ
    ग़ྗ͞Εͨ΢Σϒϖʔδ
    

    View Slide

52. ςΩετ
    ςΩετϒϩοΫ
    ςΩετ
    ΧϥϜ
    ը૾
    

    View Slide

53. ೖΕࢠঢ়ͷΧελϜϒϩοΫ
    

    View Slide

54. ؅ཧը໘ɿΧελϜϒϩοΫ ग़ྗ͞Εͨ঎඼ϖʔδ
    

    View Slide

55. ೖΕࢠঢ়ͷΧελϜϒϩοΫ
    

    View Slide

56. ೖΕࢠঢ়ͷΧελϜϒϩοΫ
    

    View Slide

57. ೖΕࢠঢ়ͷΧελϜϒϩοΫ
    

    View Slide

58. ೖΕࢠঢ়ͷΧελϜϒϩοΫ
    

    View Slide

59. ೖΕࢠঢ়ͷΧελϜϒϩοΫ
    

    View Slide

60. View Slide

61. ΧελϜϒϩοΫ࡞੒खॱʹ͍ͭͯ
    IUUQTPOMC[48J2S&
    

    View Slide

62. 4BB4ܕ$.4ΛબͿʮͭͷཧ༝ʯ
    

    View Slide

63. αʔόʔ؅ཧऀෆࡏͷνʔϜ
    όʔδϣϯΞοϓ࡞ۀෆཁ
    4BB4ܕͳͷʹࣗ༝౓͕ߴ͍
    ΫϥΠΞϯτ͕ӡ༻͠΍͍͢
    ίετΛͲ͜ʹ͔͚Δ͔
    

    View Slide

64. ࢲ͕બΜͩ4BB4ܕ$.4͸
    .PWBCMF5ZQFOFUͰͨ͠
    

    View Slide

65. खܰ͞΍ࣗ༝౓ͷϝϦοτ͚ͩ͡Όͳ͍
    4BB4ܕ$.4Ͱ࡞Δ
    ʮΫϥΠΞϯτ͔Βࢧ࣋͞ΕΔ΢ΣϒαΠτʯ
    גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ɹ੢ࢁɹହ࢙
    
    ΢ΣϒαΠτ੍࡞ݱ৔Ͱͷ࣮ࡍͷߏஙࣄྫͱ׆༻ϙΠϯτ
    4BB4ܕ$.4.PWBCMF5ZQFOFUͷޮՌతͳ࢖͍ํ1"35
    See you!
    1IPUPCZ"OEZPOFPO6OTQMBTI
    

    View Slide