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

Movable Type で育てるウェブサイトエコシステム

Yausufmi Nishiyama
November 19, 2022
35

Movable Type で育てるウェブサイトエコシステム

2022年11月19日(土)にオンライン開催されたMTDDC Meetup TOKYO 2022のセッションで使用したスライドです。

Yausufmi Nishiyama

November 19, 2022
Tweet

More Decks by Yausufmi Nishiyama

Transcript

  1. .PWBCMF5ZQFͰҭͯΔ
    ΢ΣϒαΠτΤίγεςϜ
    ΢ΣϒͰ΋ͬͱָ͍͠ϦΞϧΛ૑ΔͨΊʹ
    גࣜձࣾδϟΫελϙδγϣϯ
    ୅දऔక໾ɹ੢ࢁɹହ࢙
    ೥݄೔ɹ.5%%$.FFUVQ50,:0

    View Slide

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

    View Slide

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

    View Slide

  4. View Slide

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

    View Slide

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

    View Slide

  7. %BTICPBSE6UJMJUZGPSNPWBCMFUZQFOFU

    View Slide

  8. ͜͜೥ɺ.PWBCMF5ZQFؔ࿈ηϛφʔͰ͓࿩ͨ͜͠ͱ

    View Slide

  9. ͜͜೥ɺ.PWBCMF5ZQFؔ࿈ηϛφʔͰ͓࿩ͨ͜͠ͱ
    .PWBCMF5ZQFͱ্खʹ෇͖߹͏ͱ
    ͱͯ΋ྑ͍΢ΣϒαΠτͷӡӦ͕Ͱ͖ΔͷͰ͸ʁ

    View Slide

  10. ྑ͍΢ΣϒαΠτͷ৚݅
    ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
    ·ͱΊ
    ࠓ೔͓࿩͢Δ͜ͱ

    View Slide

  11. ྑ͍΢ΣϒαΠτͷ৚݅
    Criteria for a great website

    View Slide

  12. ໨త͕͸͖ͬΓ͍ͯ͠Δ
    ࢖͍΍͍͢ɺ৘ใΛ୳͠΍͍͢
    ΞΫγϣϯ͕ى͜͠΍͍͢
    Ϗδωεʹߩݙ͍ͯ͠Δ
    ఻͍͑ͨਓʹ૝͍͕఻ΘΔ
    ྑ͍΢ΣϒαΠτͷ৚݅

    View Slide

  13. ໨త͕͸͖ͬΓ͍ͯ͠Δ
    ࢖͍΍͍͢ɺ৘ใΛ୳͠΍͍͢
    ΞΫγϣϯ͕ى͜͠΍͍͢
    Ϗδωεʹߩݙ͍ͯ͠Δ
    ఻͍͑ͨਓʹ૝͍͕఻ΘΔ
    ྑ͍΢ΣϒαΠτͷ৚݅

    View Slide

  14. ΢ΣϒαΠτ͸l૝͍zΛ఻͑ΔखஈͳͷͰ
    ΑΓྑ͍ΧλνͰ఻͑Δ޻෉͕ඞཁ
    ྑ͍΢ΣϒαΠτͷ৚݅

    View Slide

  15. ΢ΣϒαΠτͰ
    ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ
    What you need to convey your thoughts

    View Slide

  16. w ΫϥΠΞϯτͷ૝͍ϏδϣϯΛ໌֬ʹ͢Δ
    w ੍࡞ऀଆͱ૝͍ϏδϣϯΛڞ༗͢Δ
    w ސ٬ͷ੠Λฉ͖ɺୡ੒͢΂͖ΰʔϧΛఆΊΔ
    w ՝୊ͷઃఆɺ՝୊ղܾͷΞΠσΟΞΛߟ͑Δ
    ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ
    ΢ΣϒαΠτͷاըஈ֊

    View Slide

  17. w ߋ৽࡞ۀ͕ෛ୲ʹͳΒͣɺ

    ΫϥΠΞϯτࣗ਎͕ӡӦΛָ͠ΊΔ
    w খ͞ͳ੒ޭମݧΛੵΈॏͶΔ
    w ૝͍ϏδϣϯͷϒϨΛݮΒ͢

    ඞཁʹԠͯ͡ΞοϓσʔτΛ͢Δ
    ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ
    ΢ΣϒαΠτͷӡӦ࣌

    View Slide

  18. ྑ͍΢ΣϒαΠτӡӦͷͨΊʹɺ
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ
    What we should do

    View Slide

  19. ӡӦָ͕͘͠ͳΔ
    ΢ΣϒαΠτΛߏங͢Δ
    ૝͍ϏδϣϯΛ
    ΑΓ఻ΘΓ΍͘͢͢Δ
    ΢ΣϒαΠτ΁ͷ
    ౤ࢿՁ஋Λ޲্ͤ͞Δ
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ

    View Slide

  20. w ΢ΣϒαΠτͷެ։Λ໨తͱ͠ͳ͍
    w Ϟνϕʔγϣϯͷ্͕Δ΢ΣϒαΠτΛ४උ͢Δ

    ˠྲྀߦΓͷσβΠϯ΍࠷৽ٕज़ͷར༻ΛऔΓೖΕΔ͜
    ͱΛ໨తͱ͠ͳ͍
    ӡӦָ͕͘͠ͳΔ΢ΣϒαΠτΛߏங͢Δ
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ

    View Slide

  21. w ΫϥΠΞϯτʹ୅Θͬͯɺ

    ଞऀ͕૝͍ϏδϣϯΛ఻͑Δʹ͸ݶք͕͋Δͱߟ͑Δ
    w ϑΟϧλʔͰ͸ͳ͘"NQMJ
    fi
    FSͱͯ͠ɺ

    ૝͍Λ૿෯ɾ֦େ͍ͤͯ͘͜͞ͱΛҙࣝ͢Δ
    ૝͍ϏδϣϯΛΑΓ఻ΘΓ΍͘͢͢Δ
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ

    View Slide

  22. w ҡ࣋؅ཧͳͲɺӡ༻͕଍͔ͤʹͳΒͳ͍࢓૊ΈΛ࡞Δ

    ˠෛ୲͕૿͑Δͱӡ༻͕໨తʹͳΓ͕ͪ
    w ΫϥΠΞϯτ͕ࣗ૸Ͱ͖Δ࢓૊ΈΛ࡞Δ

    ˠ΢ΣϒαΠτͷޮՌͳͲΛ࣮ײͰ͖Δ
    ΢ΣϒαΠτ΁ͷ౤ࢿՁ஋Λ޲্ͤ͞Δ
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ

    View Slide

  23. ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
    Establishing a website ecosystem

    View Slide

  24. ΤίγεςϜͱ͸
    ੜ࢈ऀʢ২෺ʣ
    ফඅऀʢಈ෺ʣ
    ෼ղऀʢඍੜ෺ʣ
    ڞଘɾڞӫ
    ࣗવքͷੜଶܥ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ

    View Slide

  25. ϏδωεΤίγεςϜͱ͸
    ෼ۀɾڠۀ
    ύʔτφʔγοϓੜଶܥ
    اۀ#
    اۀ"
    ސ٬
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ

    View Slide

  26. w اۀ΍ސ٬ͳͲ͕ύʔτφʔγοϓΛ݁Ϳ
    w ୯ಠͰऔΓ૊Ή͜ͱʹݶք͸͋ͬͯ΋ɺ

    ͦΕͧΕͷٕज़΍஌ࣝͱ͍ͬͨڧΈΛ׆͔͠ɺ

    બ୒ͱूதɺదࡐదॴɺ࢓૊ΈԽΛ࣮ݱͰ͖Δ
    w ࣗࣾͷཱͪҐஔͷ֬ೝ΍Ϗδϣϯͷڞ༗͕ΧΪ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
    ϏδωεΤίγεςϜͱ͸

    View Slide

  27. ΢ΣϒαΠτΤίγεςϜͱ͸
    ෼ۀɾڠۀ
    ύʔτφʔγοϓੜଶܥ
    ੍࡞ձࣾ
    ΫϥΠΞϯτ
    ϕϯμʔ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ

    View Slide

  28. w ϕϯμʔɺސ٬Λר͖ࠐΉύʔτφʔγοϓ
    w ୯ಠͰऔΓ૊ΉͷͰ͸ͳ͘ɺ

    ͦΕͧΕͷٕज़΍஌ࣝͱ͍ͬͨڧΈΛ׆͔͢

    બ୒ͱूதɺదࡐదॴɺ࢓૊ΈԽΛ࣮ݱ͍ͯ͘͠
    w ϏδϣϯΛڞ༗͠ɺΰʔϧΛ໨ࢦ͢
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
    ΢ΣϒαΠτΤίγεςϜͱ͸

    View Slide

  29. .5Λར༻ͨ͠΢ΣϒαΠτΤίγεςϜ
    ΫϥΠΞϯτ
    ੍࡞ձࣾ
    γοΫεɾΞύʔτ
    ΢ΣϒαΠτͷϓϥοτϑΥʔϜʹ
    .PWBCMF5ZQFΛར༻
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ

    View Slide

  30. w ΫϥΠΞϯτࣗ਎͕ӡӦͰ͖Δ

    ϒϩοΫΤσΟλͷར༻Ͱɺ

    ίϛϡχέʔγϣϯίετΛ࡟ݮ

    ߋ৽࡞ۀΛ੍࡞ձࣾओಋͰʮ଴ͨͳͯ͘ྑ͍ʯ

    Ӿཡऀ͔ΒͷϑΟʔυόοΫ͕Θ͔Γ΍͍͢

    ૝͍ΛҰ൪ྑ͘஌Δਓ͕఻͑ΒΕΔ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
    .PWBCMF5ZQFΛར༻͢ΔϙΠϯτᶃ

    View Slide

  31. w Ϋϥ΢υܕʗ4BB4ܕͷ$.4ӡ༻

    αʔόʔ΍$.4ͷ੬ऑੑରԠ͕ෆཁ

    όʔδϣϯΞοϓ࡞ۀͷίετෛ୲ݮ

    ൥Θ͠͞ͷແ͍΢ΣϒαΠτͷ࢓૊Έ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
    .PWBCMF5ZQFΛར༻͢ΔϙΠϯτᶄ

    View Slide

  32. w ΍Δ΂͖͜ͱʹूதͰ͖Δ

    ΫϥΠΞϯτ͸ʮΑΓਖ਼͘͠૝͍Λಧ͚Δʯ

    ੍࡞ձࣾ͸ʮΑΓಧ͖΍͍͢ΧλνΛ༻ҙ͢Δʯ

    "͸ʮΑΓ࢖͍΍͍͢؀ڥΛఏڙ͢Δʯ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
    .PWBCMF5ZQFΛར༻͢ΔϙΠϯτᶅ

    View Slide

  33. ૝͍Λ఻͍͑ͨ૬ख
    ΫϥΠΞϯτاۀ
    γοΫεɾΞύʔτ
    ΢ΣϒαΠτ

    ੍࡞ձࣾ
    ཁ๬
    ػೳ
    σβΠϯ
    ࢖͍΍͢͞
    ؀ڥ
    ɾ.PWBCMF5ZQFγϦʔζ
    ɾόʔδϣϯΞοϓɺ੬ऑੑରԠίετ
    ؀ڥ
    ɾ҆৺҆શ
    αʔϏεͷར༻
    ػೳ໘ͳͲͷϑΟʔυόοΫ
    ΢ΣϒαΠτӡӦͷ
    αϙʔτ΍ࢪࡦఏҊ
    ʢ࡞Δ͚ͩ͡Όͳ͍ʣ
    ૝͍ɾϏδϣϯͷڞ༗
    .PWBCMF5ZQFΛར༻ͨ͠
    ΢ΣϒαΠτΤίγεςϜ
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ

    View Slide

  34. ·ͱΊ
    What I’m trying to say is …

    View Slide

  35. ΢ΣϒαΠτΛ࡞Δ͜ͱ͚ͩ͡Όͳ͍
    ΑΓେ͖͘ɺΑΓԕ͘΁ɺΑΓਖ਼͘͠
    ૝͍͕఻ΘΔΑ͏ʹαϙʔτ͍ͯ͜͠͏

    View Slide

  36. ૝͍΍ϏδϣϯΛڞ༗ͯ͠
    ΑΓʮ఻͍͑ͨਓʹ૝͍͕఻ΘΔʯ
    ͦΜͳ࢓ֻ͚Λ૑͍͖ͬͯ·͠ΐ͏

    View Slide

  37. .PWBCMF5ZQFͰҭͯΔ
    ʮ΢ΣϒαΠτΤίγεςϜʯ
    גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ɹ੢ࢁɹହ࢙

    .5%%$.FFUVQ50,:0
    See you!
    1IPUPCZ+BTPO3PTFXFMMPO6OTQMBTI

    View Slide