$30 off During Our Annual Pro Sale. View Details »

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

 手軽さや自由度のメリットだけじゃない、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の登場以前はそう思っていました。
エンジニア不在の制作会社でも提供できる「クライアントから支持されるウェブサイト」について、構築事例をもとに、その考え方・活用方法をご紹介します。

Yausufmi Nishiyama

October 13, 2022
Tweet

More Decks by Yausufmi Nishiyama

Other Decks in Business

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